/* schedule-layout-doc-2; restrict all changes to these scheduling surfaces. */
.modal-back.sdl-picker-modal {
  padding:16px;
  overflow:hidden;
}
.sdl-picker-modal > .modal {
  display:flex;
  flex-direction:column;
  width:min(860px,100%);
  max-width:860px;
  min-height:0;
  max-height:calc(100vh - 32px);
  max-height:calc(100dvh - 32px);
  overflow:hidden;
  padding:18px;
}
.sdl-picker-modal .modal-head {
  flex:0 0 auto;
  gap:12px;
  margin:0 0 12px;
}
.sdl-picker-modal .modal-head h2 {margin:0; min-width:0; overflow-wrap:anywhere;}
.sdl-picker-modal .modal-head .close {flex:0 0 auto;}
.sdl-picker-modal .sad-picker {
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  gap:10px;
  min-width:0;
  min-height:0;
  overflow:hidden;
}
.sdl-picker-modal .sad-picker > label {flex:0 0 auto; margin:0;}
.sdl-picker-modal .sad-pick-grid {
  display:grid;
  grid-template-columns:minmax(150px,32%) minmax(0,1fr);
  grid-template-rows:minmax(0,1fr);
  height:clamp(160px,52vh,460px);
  height:clamp(160px,52dvh,460px);
  flex:0 1 auto;
  min-height:0;
  max-height:none;
  min-width:0;
  gap:10px;
  margin:0;
  overflow:hidden;
}
.sdl-picker-modal .sad-tree,
.sdl-picker-modal .sad-person-list {
  height:100%;
  min-height:0;
  max-height:100%;
  min-width:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding-right:3px;
}
.sdl-picker-modal .sad-tree button,
.sdl-picker-modal .sad-person-list button {
  width:100%;
  min-height:38px;
  flex-shrink:0;
  padding-top:8px;
  padding-bottom:8px;
  font-size:13px;
  line-height:1.4;
  white-space:normal;
  overflow-wrap:anywhere;
}
.sdl-picker-modal .sad-person-list b {min-width:0;}
.sdl-picker-modal .sad-person-list small {max-width:58%; text-align:right; line-height:1.4;}
.sdl-picker-modal .sdl-picker-note {
  position:static;
  flex:0 0 auto;
  margin:0;
  padding:9px 0 0;
  border-top:1px solid var(--line,#e7ebf2);
  background:#fff;
  font-size:12px;
  line-height:1.5;
  overflow-wrap:anywhere;
}
#content.sdl-draft {width:100%; max-width:1240px; margin-inline:auto; min-width:0;}
#sdl-tools {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
  gap:10px 20px;
  max-width:1240px;
  margin:0 0 12px;
  padding:12px 14px;
  border:1px solid var(--line,#e7ebf2);
  border-radius:10px;
  background:#fff;
}
#sdl-tools .sdl-notes {min-width:0; flex:0 1 auto;}
#sdl-tools .sdl-notes small {display:block; font-size:12px; line-height:1.55; overflow-wrap:anywhere;}
#sdl-tools .sdl-actions,
#sdl-tools .sdl-actions > div {display:flex; flex-wrap:wrap; align-items:center; gap:8px; min-width:0;}
#sdl-tools .sdl-actions button,
#sdl-tools .sdl-actions .btn {font-size:13px; padding:8px 11px; margin:0; white-space:normal;}
#content.sdl-draft > .subnav {margin-bottom:12px;}
#content.sdl-draft > .toolbar {margin-bottom:12px;}
/* Override only display geometry; the matrix keeps its original data and controls. */
.business-view table.schedule-matrix.sm-matrix.sdl-week-matrix {
  width:var(--sdl-table-width) !important;
  min-width:0 !important;
}
.business-view table.sm-matrix.sdl-week-matrix colgroup.sm-cols > col {width:var(--sdl-day-width) !important;}
.business-view table.sm-matrix.sdl-week-matrix colgroup.sm-cols > col:nth-child(1) {width:var(--sdl-c0-width) !important;}
.business-view table.sm-matrix.sdl-week-matrix colgroup.sm-cols > col:nth-child(2) {width:var(--sdl-c3-width) !important;}
.business-view table.sm-matrix.sdl-week-matrix colgroup.sm-cols > col:nth-child(3) {width:var(--sdl-c2-width) !important;}
.business-view table.sm-matrix.sdl-week-matrix:not(.sm-mobile) colgroup.sm-cols > col:nth-child(4) {width:var(--sdl-c1-width) !important;}
.business-view table.sm-matrix.sdl-week-matrix .c0 {left:var(--sdl-c0-left) !important;}
.business-view table.sm-matrix.sdl-week-matrix .c3 {left:var(--sdl-c3-left) !important;}
.business-view table.sm-matrix.sdl-week-matrix .c2 {left:var(--sdl-c2-left) !important;}
.business-view table.sm-matrix.sdl-week-matrix .c1 {left:var(--sdl-c1-left) !important;}
.business-view table.sm-matrix.sdl-week-matrix th.sm-date-group {height:28px;}
.business-view table.sm-matrix.sdl-week-matrix th.sm-date-group > span {
  left:var(--sdl-fixed); width:var(--sdl-date-label-width); padding:5px 4px;
}
.business-view table.sm-matrix.sdl-week-matrix .sm-date-row th {top:var(--sdl-head-height); height:40px; padding:4px 2px; font-size:12px;}
.business-view table.sm-matrix.sdl-week-matrix .sm-date-row small {font-size:11px;}
.business-view table.sm-matrix.sdl-week-matrix tbody tr {height:var(--sdl-row-height);}
.business-view table.sm-matrix.sdl-week-matrix tbody td {height:var(--sdl-row-height);}
.business-view table.schedule-matrix.sm-matrix.sdl-week-matrix td,
.business-view table.schedule-matrix.sm-matrix.sdl-week-matrix .sticky-col {
  padding:var(--sdl-cell-padding) 4px !important; font-size:12px; line-height:1.4;
}
.business-view table.sm-matrix.sdl-week-matrix .c3 b {font-size:13px;}
.business-view table.sm-matrix.sdl-week-matrix .c3 small {font-size:10px; line-height:1.4;}
.business-view table.sm-matrix.sdl-week-matrix select.cell-shift {
  height:30px; min-height:30px; padding:3px 18px 3px 5px; font-size:12px; line-height:1.4; text-overflow:ellipsis;
}
.business-view .sm-scrollbar.sdl-no-scroll {display:none;}
.business-view .sdl-matrix-controls {
  display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; padding:9px 12px;
  border-bottom:1px solid #e6ebf2; background:#f7f9fc; color:#53667b; font-size:12px;
}
.business-view .sdl-matrix-controls .sdl-view-mode {display:flex; gap:0; flex-shrink:0;}
.business-view .sdl-view-mode button {
  border:1px solid #d7e0eb; border-radius:0; background:white; color:#53667b;
  padding:6px 9px; font-size:12px; line-height:1.4; cursor:pointer; box-shadow:none;
}
.business-view .sdl-view-mode button:first-child {border-radius:6px 0 0 6px;}
.business-view .sdl-view-mode button:last-child {border-radius:0 6px 6px 0; margin-left:-1px;}
.business-view .sdl-view-mode button[aria-pressed=true] {position:relative; border-color:#3377ce; color:#175caf; background:#eaf2ff;}
.business-view .sdl-matrix-controls label {display:flex; align-items:center; gap:7px; margin:0; min-width:0; font-size:12px; white-space:nowrap;}
.business-view .sdl-column-size input[type=range] {
  width:105px; min-width:60px; height:22px; margin:0; padding:0; border:0; box-shadow:none; accent-color:#3478cf; cursor:ew-resize;
}
.business-view .sdl-column-size output {min-width:42px; font-size:11px; font-variant-numeric:tabular-nums;}
.business-view .sdl-row-size select {width:72px; min-width:72px; height:30px; padding:3px 5px; margin:0; font-size:12px;}
.business-view .sdl-size-hint {margin-left:auto; font-size:11px; color:#748297;}
.business-view .sdl-view-mode button:focus-visible,
.business-view .sdl-matrix-controls input:focus-visible,
.business-view .sdl-matrix-controls select:focus-visible {outline:2px solid #246ccc; outline-offset:2px;}
@media(max-width:600px) {
  .modal-back.sdl-picker-modal {padding:8px;}
  .sdl-picker-modal > .modal {padding:14px; max-height:calc(100vh - 16px); max-height:calc(100dvh - 16px);}
  .sdl-picker-modal .modal-head h2 {font-size:18px;}
  .sdl-picker-modal .sad-pick-grid {grid-template-columns:minmax(110px,42%) minmax(0,1fr); gap:8px;}
  .sdl-picker-modal .sad-person-list button {flex-direction:column; align-items:flex-start; gap:3px; padding-left:9px; padding-right:9px;}
  .sdl-picker-modal .sad-person-list small {text-align:left; max-width:100%; font-size:11px;}
  #sdl-tools {padding:10px; gap:8px;}
  #sdl-tools .sdl-notes,#sdl-tools .sdl-actions {width:100%;}
  #sdl-tools .sdl-actions {gap:6px;}
  #sdl-tools .sdl-actions button,#sdl-tools .sdl-actions .btn {font-size:12px; padding:7px 9px;}
  .business-view .sdl-matrix-controls {gap:8px 12px; padding:8px;}
  .business-view .sdl-column-size {flex:1 1 180px;}
  .business-view .sdl-column-size input[type=range] {flex:1; width:72px;}
  .business-view .sdl-size-hint {margin-left:0; flex:1 1 150px;}
}