/* schedule-matrix-export-2153-1 */
.business-view .card.schedule-matrix-card {padding: 0 !important;}
.business-view table.schedule-matrix.sm-matrix {
  table-layout: fixed; width: var(--sm-table-width, 1424px) !important;
  min-width: 0 !important; max-width: none;
  border-collapse: separate !important; border-spacing: 0 !important; isolation: isolate;
}
.business-view .matrix-wrap.sm-wrap {position: relative; overflow: auto; isolation: isolate; -webkit-overflow-scrolling: touch; max-height: 66vh;}
.business-view table.sm-matrix th, .business-view table.sm-matrix td {
  min-width: 0 !important; width: auto !important; max-width: none !important;
  box-sizing: border-box; white-space: normal; overflow-wrap: anywhere; padding: 8px 7px;
  border-right: 1px solid #e6ebf2; border-bottom: 1px solid #e6ebf2;
}
.business-view table.sm-matrix .sticky-col {position: sticky !important; z-index: 3; background: #fff !important; box-shadow: none;}
.business-view table.sm-matrix tbody tr:nth-child(even) .sticky-col {background: #f8fafc !important;}
.business-view table.sm-matrix .c0 {left: var(--sm-c0, 0px) !important;}
.business-view table.sm-matrix .c3 {left: var(--sm-c3, 52px) !important;}
.business-view table.sm-matrix .c2 {left: var(--sm-c2, 172px) !important;}
.business-view table.sm-matrix .c1 {left: var(--sm-c1, 284px) !important; box-shadow: 3px 0 5px -4px #536a83;}
.business-view table.sm-matrix thead th {position: sticky; top: 0; z-index: 5; height: auto; background: #f3f6fa !important;}
.business-view table.sm-matrix thead th.sticky-col {z-index: 7; background: #edf2f8 !important; vertical-align: middle;}
.business-view table.sm-matrix th.sm-date-group {height: 34px; padding: 0; text-align: left;}
.business-view table.sm-matrix th.sm-date-group > span {
  display: block; position: sticky; left: var(--sm-fixed, 424px);
  width: var(--sm-date-label-width, 144px); padding: 8px 7px; line-height: 18px;
  box-sizing: border-box; text-align: center; white-space: nowrap;
}
.business-view table.sm-matrix .sm-date-row th {top: var(--sm-head-height, 34px); height: 46px; padding: 5px; z-index: 4;}
.business-view table.sm-matrix .sm-date-row .today-col {background: #e6f0ff !important; color: #145fb6;}
.business-view table.sm-matrix td.schedule-cell {position: relative; z-index: 0;}
.business-view table.sm-matrix td.c3 b, .business-view table.sm-matrix td.c3 small {display: block; white-space: normal; overflow-wrap: anywhere;}
.business-view table.sm-matrix select.cell-shift {width: 100%; max-width: 100%; min-width: 0;}
.business-view table.sm-matrix .c0 input[type=checkbox] {width: 17px !important; min-width: 17px !important; height: 17px; padding: 0; margin: 0;}
.business-view table.sm-matrix .c0 .docui-check-label {width: auto; min-width: 0; display: flex; justify-content: center; gap: 0;}
.business-view table.sm-matrix .c0 .docui-check-text {display: none;}
.business-view .sm-scrollbar {display: flex; align-items: center; gap: 12px; margin: 0; padding: 9px 12px; background: #f7f9fc; border-bottom: 1px solid #e6ebf2; font-size: 12px; color: #617185;}
.business-view .sm-scrollbar span {flex: 0 0 auto;}
.business-view .sm-scrollbar input[type=range] {flex: 1; width: 0; min-width: 0; height: 24px; margin: 0; padding: 0; border: 0; box-shadow: none; accent-color: #3478cf; cursor: ew-resize;}
.business-view .sm-scrollbar small {font-weight: normal; white-space: nowrap;}
.business-view .sm-count-note, .sm-home-note {margin: 0 0 12px; font-size: 12px; line-height: 1.6; color: #68768a;}
.sm-home-note {margin: 8px 0 12px;}
.sm-export .modal-back {z-index: 130; padding: 16px; align-items: center;}
.sm-export .modal {width: 600px; max-width: 100%; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); display: flex; flex-direction: column; overflow: hidden; padding: 20px; box-sizing: border-box;}
.sm-export .modal-head {flex: 0 0 auto; margin-bottom: 12px; align-items: flex-start;}
.sm-export .modal-head small {color: #748296; font-size: 12px;}
.sm-export .modal-head h2 {font-size: 21px; margin: 4px 0 0;}
.sm-export form {min-height: 0; display: flex; flex-direction: column; margin: 0;}
.sm-export .sm-export-body {overflow: auto; min-height: 0; overscroll-behavior: contain; padding: 0 2px;}
.sm-export .sm-export-scope {margin: 0 0 8px; font-size: 13px; background: #f1f6fd; padding: 10px; border-radius: 6px; color: #335b86;}
.sm-export .sm-export-help {font-size: 12px; line-height: 1.6; color: #6b7787; margin: 0 0 14px;}
.sm-export .sm-export-presets {display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px;}
.sm-export .sm-export-presets button {font-size: 12px; padding: 6px 9px;}
.sm-export .sm-export-dates {display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px;}
.sm-export label {display: block; min-width: 0; font-size: 13px;}
.sm-export input {box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; font-size: 14px;}
.sm-export .sm-export-days {margin: 2px 0 14px; font-size: 12px; color: #39764f;}
.sm-export .sm-export-error {color: #bc2d35; font-size: 13px; margin: 8px 0; min-height: 18px;}
.sm-export .sm-export-footer {position: static; flex: 0 0 auto; padding: 14px 0 0; margin: 0; border-top: 1px solid #edf0f4; background: #fff; display: flex; justify-content: flex-end; gap: 8px;}
@media (max-width: 800px) {
  .business-view table.sm-matrix.sm-mobile .c1 {display: none;}
  .business-view table.sm-matrix.sm-mobile .sticky-col {padding: 8px 4px !important; font-size: 12px;}
  .business-view table.sm-matrix.sm-mobile .c2 {box-shadow: 3px 0 5px -4px #536a83;}
  .business-view table.sm-matrix.sm-mobile .c0 {font-size: 11px;}
  .business-view table.sm-matrix.sm-mobile .c3 small {font-size: 10px;}
  .business-view .sm-scrollbar {gap: 8px; padding: 7px 9px; font-size: 11px;}
  .business-view .sm-scrollbar small {display: none;}
  .business-view .schedule-page .schedule-stats {gap: 5px;}
  .business-view .schedule-page .schedule-stats span {padding: 5px 8px;}
  .business-view .schedule-matrix-card .matrix-caption {align-items: flex-start; gap: 8px; flex-wrap: wrap;}
  .business-view .schedule-matrix-card .matrix-caption > div:first-child {display: flex; flex-direction: column; gap: 4px;}
  .sm-export .modal-back {padding: 10px;}
  .sm-export .modal {padding: 16px; max-height: calc(100vh - 20px); max-height: calc(100dvh - 20px);}
  .sm-export .sm-export-dates {gap: 8px;}
}