.finance-sheet { --sheet-border:#d5e1d9; font-size:13px; width:100%; min-width:0; }
.sheet-filter-details { border:1px solid #d9e3de; border-radius:8px; margin-bottom:10px; }.sheet-filter-details>summary,.sheet-paste-help>summary { cursor:pointer;padding:10px 12px;color:#185a43;font-weight:650;font-size:12px; }.sheet-filter-details[open]>summary { border-bottom:1px solid #d9e3de; }.sheet-paste-help { margin-bottom:10px;border:1px solid #e1e9e4; }
#paneFinance>.bg-white>div:first-child { padding:12px 16px; }#paneFinance>.bg-white>.grid { padding:12px;gap:8px; }#paneFinance>.bg-white>.grid>div { padding:10px; }
.sheet-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:14px; background:#edf5f0; border:1px solid var(--sheet-border); border-radius:10px 10px 0 0; }
.sheet-toolbar>div { flex:1 1 230px; }.sheet-toolbar strong,.sheet-toolbar small { display:block; }.sheet-toolbar small { color:#566a61; font-size:11px; margin-top:4px; }
.sheet-toolbar button,.sheet-row-heading button,.sheet-pagination button { min-height:36px; padding:7px 11px; border:1px solid #cbdace; border-radius:6px; font-weight:650; background:white; color:#185a43; }
.sheet-toolbar .cost-primary { color:white; background:#185a43; }.sheet-help { font-size:11px; padding:10px 14px; color:#566a61; border-inline:1px solid var(--sheet-border); max-width:none!important; overflow-wrap:anywhere; }
.sheet-row { border:1px solid var(--sheet-border); background:#fff; margin-bottom:12px; border-radius:8px; min-width:0; overflow:hidden; }.sheet-row.is-dirty { border-color:#c49b48; }
.sheet-row-heading { display:flex; flex-wrap:wrap; gap:8px; align-items:center; padding:8px 12px; background:#f1f6f3; border-bottom:1px solid var(--sheet-border); }.sheet-row-heading b { font-size:11px; }.sheet-row-status { flex:1; font-size:11px; color:#6c581f; min-width:100px; overflow-wrap:anywhere; }
.sheet-cells { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); }.sheet-cell { display:flex; flex-direction:column; min-width:0; padding:9px; border-right:1px solid #e4ece6; border-bottom:1px solid #e4ece6; gap:5px; }.sheet-cell>span { color:#52675b; font-size:11px; font-weight:650; line-height:1.4; }
.sheet-cell input,.sheet-cell select { width:100%; min-width:0; min-height:40px; border:1px solid #d1ddd5; border-radius:5px; padding:7px; background:white; color:#20332d; font-size:13px; }.sheet-cell:focus-within { background:#eff8f1; }.sheet-cell input:focus,.sheet-cell select:focus { outline:2px solid #528b68; outline-offset:1px; }
.sheet-row-total { padding:9px 12px; font-size:11px; font-weight:650; color:#385b47; overflow-wrap:anywhere; }.sheet-pagination { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:12px; font-size:11px; padding:12px; }
.tab-pane table { table-layout:fixed; min-width:0!important; }.tab-pane th,.tab-pane td { white-space:normal!important; min-width:0!important; max-width:none; overflow-wrap:anywhere; }.tab-pane td[class*=text-right] { white-space:normal!important; }.tab-pane table button { white-space:normal; }
.tab-pane .overflow-x-auto { overflow-x:visible; }.scroll-hint { display:none; }
.schedule-table-scroll { overflow:visible; max-height:none; }
#paneFinance .overflow-x-auto { display:none; }
#paneFinance .sheet-cell select { min-height:40px; }
@media(max-width:1200px) { .sheet-cells { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:960px) { .sheet-cells { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:640px) { .sheet-cells { grid-template-columns:repeat(2,minmax(0,1fr)); }.sheet-cell { padding:8px; }.sheet-toolbar { padding:11px; }.sheet-toolbar button { flex:1; }.sheet-row-heading { gap:6px; }.sheet-row-heading button { font-size:11px; }.sheet-row-status { flex-basis:calc(100% - 90px); }
  .tab-pane table.mobile-records,.tab-pane table.mobile-records tbody,.tab-pane table.mobile-records tr,.tab-pane table.mobile-records td { display:block; width:100%; }.tab-pane table.mobile-records thead { display:none; }.tab-pane table.mobile-records tbody tr { padding:10px; margin-bottom:10px; border:1px solid #d9e3de; border-radius:8px; background:white; }.tab-pane table.mobile-records td { padding:6px 0!important; text-align:left; }.tab-pane table.mobile-records td[data-label]::before { content:attr(data-label); display:block; font-weight:650; font-size:10px; color:#62766a; margin-bottom:3px; }.tab-pane table.mobile-records tfoot { display:block; width:100%; }
}
@media(max-width:640px) { .personal-day,.roster-day { grid-template-columns:1fr!important; }.personal-shift { min-height:100px; }.personal-shift-top b,.personal-shift-time,.roster-cell-heading strong { font-size:14px; }.personal-shift small,.personal-shift-action,.roster-time,.roster-capacity,.roster-staff li { font-size:12px; }.personal-week { grid-template-columns:1fr!important; }.employee-roster th:first-child { position:static; }.mobile-records tbody th { display:block;width:100%;padding:8px 0; }.mobile-records tbody th[data-label]::before { content:attr(data-label);display:block;font-size:10px;color:#62766a; } }
@media print { .sheet-toolbar,.sheet-row-heading button,.sheet-pagination { display:none; }.sheet-cell input,.sheet-cell select { border:0; appearance:none; }.sheet-cells { grid-template-columns:repeat(6,minmax(0,1fr)); } }
