/* The matrix and both summaries always describe the same filtered workers. */
.attendance-dashboard{min-width:0;--att-head:#096b73;--att-total:#08515a;--att-green:color-mix(in srgb,#24ab80 16%,var(--panel))}
.att-page-heading,.att-block-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0 20px}.att-page-heading h1{margin:0 0 7px;font-size:28px}.att-page-heading p,.att-block-heading p{margin:0;color:var(--muted);font-size:13px}.att-actions{display:flex;gap:10px;flex-shrink:0}.att-actions a{display:inline-flex;align-items:center;gap:8px}.att-actions svg{width:18px;height:18px}
.att-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.att-metric{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--border);background:var(--panel);border-radius:12px;min-width:0}.att-metric-icon{color:var(--accent-ink);display:flex;flex-shrink:0}.att-metric-icon svg{width:29px;height:29px}.att-metric>div{min-width:0}.att-metric span:not(.att-metric-icon){font-size:12px;color:var(--muted)}.att-metric strong{display:block;font-size:25px;line-height:1.3;margin-top:5px;font-variant-numeric:tabular-nums}.att-metric small{display:block;font-size:11px;color:var(--muted);margin-top:4px}
.att-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}.att-type-tabs{display:flex;gap:6px;flex-wrap:wrap}.att-type-tabs button{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--border);font-size:12px;padding:11px 13px;border-radius:8px}.att-type-tabs button[aria-pressed=true]{background:var(--att-head);color:#fff;border-color:var(--att-head)}.att-type-tabs button span{opacity:.8;font-size:11px}.att-search-tools{display:flex;gap:9px;flex:1;max-width:380px;min-width:245px}.att-search{display:flex;align-items:center;position:relative;margin:0;flex:1;min-width:0}.att-search svg{width:17px;height:17px;position:absolute;left:12px;color:var(--muted)}.att-search input{padding-left:36px;width:100%;font-size:12px;min-height:42px}.att-filter-button{position:relative;padding:10px;width:46px;flex-shrink:0}.att-filter-button svg{width:22px;height:22px}.att-filter-button span{position:absolute;top:-6px;right:-5px;display:grid;place-items:center;background:var(--accent);color:var(--accent-text);border-radius:20px;min-width:18px;min-height:18px;font-size:11px}
.attendance-dashboard .att-table-panel,.attendance-dashboard .att-payment-panel{padding:0;overflow:hidden;margin:0}.att-table-scroll{overflow-x:auto;border-radius:10px}.att-table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}#attendance-dashboard-root .att-matrix{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;white-space:nowrap}#attendance-dashboard-root .att-matrix th,#attendance-dashboard-root .att-matrix td{padding:11px 10px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);vertical-align:middle;text-align:center;line-height:1.35}#attendance-dashboard-root .att-matrix thead th{position:sticky;top:0;z-index:3;background:var(--att-head);color:#fff;font-weight:600;font-size:11px}#attendance-dashboard-root .att-matrix thead small{display:block;opacity:.7;font-size:10px;margin-top:5px}#attendance-dashboard-root .att-matrix tbody tr{background:var(--panel)}#attendance-dashboard-root .att-matrix tbody tr:nth-child(even){background:color-mix(in srgb,var(--panel) 96%,var(--text))}#attendance-dashboard-root .att-matrix .att-number{position:sticky;left:0;min-width:38px;width:38px;padding:10px 6px;z-index:2;background:inherit;box-sizing:border-box}#attendance-dashboard-root .att-matrix .att-person{position:sticky;left:38px;min-width:210px;max-width:230px;text-align:left;white-space:normal;z-index:2;background:inherit;font-weight:500;box-shadow:3px 0 5px #0000000a}#attendance-dashboard-root .att-matrix thead .att-person,#attendance-dashboard-root .att-matrix thead .att-number{background:var(--att-head);z-index:5}.att-person a{color:inherit;text-decoration:none}.att-person a:hover{text-decoration:underline}.att-position{max-width:180px;white-space:normal;text-align:left!important;color:var(--muted)}.att-matrix .att-day{min-width:56px;padding:5px!important}#attendance-dashboard-root .att-matrix tbody .att-work{background:var(--att-green)}#attendance-dashboard-root .att-matrix tbody .att-absence{background:color-mix(in srgb,#d35d5d 12%,var(--panel))}.att-day-button{display:flex;align-items:center;justify-content:center;gap:4px;flex-direction:column;width:100%;padding:6px;min-height:32px;border:0;border-radius:5px;background:transparent;font-size:12px;box-shadow:none!important}.att-day-button:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.att-day-button small{font-size:10px}.att-total{font-weight:600}.att-rate{min-width:128px;font-size:11px}.att-rates summary{cursor:pointer;color:var(--accent-ink)}.att-rates span{display:block;padding-top:5px}.att-money{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.att-money small{display:block;font-size:10px;font-weight:400;margin-top:5px;color:var(--muted)}#attendance-dashboard-root .att-matrix tfoot>*{position:relative}#attendance-dashboard-root .att-matrix tfoot th,#attendance-dashboard-root .att-matrix tfoot td{position:sticky;bottom:0;z-index:3;background:var(--att-total);color:#fff;font-weight:600}#attendance-dashboard-root .att-matrix tfoot .att-person,#attendance-dashboard-root .att-matrix tfoot .att-number{z-index:5;background:var(--att-total)}.att-matrix tfoot small{display:block;margin-top:4px;font-weight:400;font-size:10px;opacity:.8}.att-type{display:inline-block;padding:5px 7px;border-radius:5px;font-size:10px;font-weight:500;background:color-mix(in srgb,#269cca 15%,var(--panel));color:var(--text)}.att-type.att-kind-extra{background:color-mix(in srgb,#9b72d5 20%,var(--panel))}.att-type.att-kind-mixed{background:color-mix(in srgb,#d09b42 20%,var(--panel));max-width:110px;white-space:normal}.att-table-note{font-size:11px;color:var(--muted);line-height:1.7;margin:12px 0 22px}.att-empty{padding:28px}
.att-period-bottom,.att-monthly-grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.65fr);gap:16px}.attendance-dashboard .att-chart-card,.attendance-dashboard .att-period-result,.attendance-dashboard .att-month-totals{padding:22px;margin:0}.attendance-dashboard h2,.attendance-dashboard h3{font-size:16px;margin:0 0 18px}.att-chart{display:flex;gap:24px;align-items:center}.att-donut{position:relative;width:132px;height:132px;flex-shrink:0;border-radius:50%;display:grid;place-items:center}.att-donut>div{position:relative;width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.att-donut strong{font-size:25px;font-variant-numeric:tabular-nums}.att-donut span{font-size:10px;color:var(--muted)}.att-legend{padding:0;margin:0;list-style:none;flex:1;min-width:0}.att-legend li{display:flex;align-items:center;gap:9px;font-size:11px;margin:12px 0}.att-legend i{width:9px;height:9px;border-radius:50%;flex-shrink:0}.att-legend strong{margin-left:auto}.att-period-result>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.att-period-result .att-metric,.att-month-totals .att-metric{padding:10px 0;border:0;background:none;border-radius:0;gap:10px}.att-period-result .att-metric strong,.att-month-totals .att-metric strong{font-size:21px}.att-period-result>p{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:16px;font-size:11px;color:var(--muted);margin:16px 0 0}.att-period-result>p strong{color:var(--text)}
.att-monthly{margin-top:36px;padding-top:26px;border-top:2px solid var(--border)}.att-block-heading{margin:0 0 20px}.att-block-heading h2{margin:0 0 7px;font-size:20px}.att-block-heading a{font-size:12px;white-space:nowrap}.att-financial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.att-month-totals .hint{font-size:11px;line-height:1.7;margin:18px 0 0}.attendance-dashboard .att-payment-panel{margin-top:16px}.att-payments{width:100%;font-size:12px}.att-payments caption{text-align:left;padding:18px 20px;font-weight:600;color:var(--text)}#attendance-dashboard-root .att-payments th,#attendance-dashboard-root .att-payments td{padding:14px 20px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}#attendance-dashboard-root .att-payments th:first-child{text-align:left;white-space:normal;min-width:210px}.att-payments tbody th{font-weight:500}.att-payments tbody th a{color:inherit}.att-payments tfoot{font-weight:600;background:color-mix(in srgb,var(--accent) 9%,var(--panel))}.att-due{color:#d65d60;font-weight:600}.att-payment-status{display:inline-block;padding:6px 9px;border-radius:6px;font-size:11px;background:color-mix(in srgb,var(--muted) 10%,var(--panel))}.att-payment-status.paid{background:color-mix(in srgb,#24ab80 16%,var(--panel))}.att-payment-status.partial{background:color-mix(in srgb,#e49b3d 17%,var(--panel))}.att-payment-status.unpaid{background:color-mix(in srgb,#d96565 15%,var(--panel))}.att-payment-status.advance{background:color-mix(in srgb,#648bc9 18%,var(--panel))}.att-day-detail{margin-bottom:20px;padding:20px}
.att-filter-dialog{width:500px;max-width:calc(100vw - 24px);max-height:90vh;padding:0;border:1px solid var(--border);border-radius:16px;background:var(--panel);color:var(--text);box-shadow:0 20px 90px #0006;overflow:auto}.att-filter-dialog::backdrop{background:#00141bac}.att-filter-dialog header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--border)}.att-filter-dialog header h2{margin:0 0 5px;font-size:20px}.att-filter-dialog header p{margin:0;color:var(--muted);font-size:12px}.att-icon-button{border:0;background:transparent;font-size:26px;width:38px;height:38px;padding:0}.att-filter-fields{padding:20px 24px;display:grid;gap:14px}.att-filter-fields label{margin:0}.att-date-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.att-date-presets{display:flex;gap:8px}.att-filter-dialog footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding:18px 24px}.att-filter-dialog .error:empty{display:none}
@media(max-width:1300px){.att-period-bottom,.att-monthly-grid{grid-template-columns:1fr 1.4fr}.att-chart{gap:15px}.att-donut{width:108px;height:108px}.att-donut>div{width:80px;height:80px}.att-metric{padding:16px 12px;gap:10px}.att-metric strong{font-size:22px}.att-metric-icon svg{width:24px;height:24px}.att-period-result .att-metric,.att-month-totals .att-metric{align-items:flex-start}.att-period-result .att-metric-icon,.att-month-totals .att-metric-icon{display:none}.att-type-tabs button{padding:10px;font-size:11px}}
@media(max-width:950px){.att-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.att-period-bottom,.att-monthly-grid{grid-template-columns:1fr}.att-page-heading{align-items:flex-start}.att-actions{flex-direction:column}.att-search-tools{max-width:none}.att-type-tabs{width:100%}.att-filter-dialog{margin:auto auto 12px;max-height:90dvh}.att-block-heading{align-items:flex-start}}
@media(max-width:600px){.att-page-heading h1{font-size:23px}.att-page-heading p{font-size:11px}.att-actions a{font-size:11px;padding:10px}.att-page-heading{gap:10px}.att-metric strong{font-size:21px}.att-metric-icon{display:none}.att-metrics{gap:8px}.att-matrix .att-person{min-width:155px!important;max-width:155px!important}.att-type-tabs{gap:5px}.att-type-tabs button{font-size:10px;padding:9px}.att-period-result>div,.att-financial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.att-block-heading{flex-direction:column;gap:12px}.att-filter-fields{padding:16px}.att-filter-dialog header,.att-filter-dialog footer{padding:16px}.att-filter-dialog{max-width:100%;width:100%;margin:auto 0 0;border-radius:16px 16px 0 0}.att-date-pair{gap:8px}.att-monthly{margin-top:26px}.att-payments th,.att-payments td{padding:12px!important}}

.att-donut>svg{position:absolute;inset:0;width:100%;height:100%}.att-ring-base{stroke:var(--border)}.att-color-primary{background:#269cca}.att-color-extra{background:#9b72d5}.att-color-mixed{background:#d09b42}.att-color-paid{background:#289b75}.att-color-partial{background:#e49b3d}.att-color-unpaid{background:#d96565}.att-color-advance{background:#648bc9}.att-color-none{background:#99a8ae}#attendance-dashboard-root .att-matrix tfoot small{color:#fff}

/* Compact overview; monthly settlements remain explicitly separate from shift earnings. */
.attendance-dashboard{--att-paid-ink:#126748;--att-partial-ink:#895408;--att-unpaid-ink:#a83640}
html[data-theme=dark] .attendance-dashboard{--att-paid-ink:#79dfb9;--att-partial-ink:#ffd080;--att-unpaid-ink:#ffa1a8}
.att-metrics{margin:16px 0 14px;gap:10px}.att-metrics-with-payments{grid-template-columns:repeat(5,minmax(0,1fr))}
.att-metrics>.att-metric{padding:9px 14px;min-height:64px;gap:10px;border-radius:10px}.att-metrics .att-metric-icon svg{width:23px;height:23px}.att-metrics .att-metric span:not(.att-metric-icon){font-size:11px;line-height:1.3}.att-metrics .att-metric strong{font-size:21px;line-height:1.2;margin-top:4px}.att-metrics .att-metric-paid{border-color:color-mix(in srgb,#289b75 45%,var(--border))}.att-metrics .att-metric-paid strong,.att-metrics .att-metric-paid .att-metric-icon{color:var(--att-paid-ink)}
.att-toolbar{margin-bottom:10px;gap:10px}.att-filter-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 12px}.att-period-context{display:flex;align-items:center;gap:10px;min-width:0;margin:0;color:var(--muted);font-size:12px;line-height:1.5}.att-period-context>svg{width:18px;height:18px;flex-shrink:0}.att-period-context strong{font-weight:500;color:var(--text);white-space:nowrap}.att-period-context small{display:block;font-size:11px;overflow-wrap:anywhere}.att-filter-row .att-search-tools{flex-shrink:0}.att-toolbar .att-actions a{min-height:38px;padding:9px 12px;font-size:12px}
.att-month-column{min-width:135px}.att-month-status{min-width:160px}.att-month-status>small{display:block;font-size:10px;margin-top:5px}#attendance-dashboard-root .att-matrix tbody .att-month-status>small{color:var(--muted)}#attendance-dashboard-root .att-matrix tbody .att-has-payment{color:var(--att-paid-ink);background:color-mix(in srgb,#289b75 9%,var(--panel))}.att-payment-status{display:inline-flex;align-items:center;justify-content:center;gap:6px}.att-payment-status>span{font-size:13px;line-height:1}.att-payment-status.paid{color:var(--att-paid-ink)}.att-payment-status.partial{color:var(--att-partial-ink)}.att-payment-status.unpaid{color:var(--att-unpaid-ink)}
@media(max-width:1200px){.att-metrics .att-metric-icon{display:none}.att-metrics>.att-metric{padding:9px 12px}.att-metrics .att-metric strong{font-size:19px}}
@media(max-width:950px){.att-metrics-with-payments{grid-template-columns:repeat(3,minmax(0,1fr))}.att-toolbar .att-type-tabs{width:auto}.att-toolbar .att-actions{flex-direction:row}.att-filter-row .att-search-tools{flex:1;min-width:230px}.att-filter-row{gap:12px}.att-period-context strong{white-space:normal}}
@media(max-width:600px){.att-metrics-with-payments{grid-template-columns:repeat(2,minmax(0,1fr))}.att-metrics-with-payments>.att-metric:last-child{grid-column:1/-1}.att-metrics-with-payments>.att-metric:last-child>div{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.att-metrics-with-payments>.att-metric:last-child{min-height:45px}.att-metrics-with-payments>.att-metric:last-child strong{margin-top:0}.att-filter-row{flex-wrap:wrap}.att-period-context{width:100%;font-size:11px}.att-filter-row .att-search-tools{min-width:0;width:100%}.att-toolbar .att-actions{margin-left:auto}.att-toolbar .att-actions a{font-size:11px}.att-metrics{gap:8px}}
@media(min-width:1100px){#attendance-dashboard-root .att-matrix{font-size:11px}#attendance-dashboard-root .att-matrix .att-person{min-width:180px;width:180px;max-width:180px}#attendance-dashboard-root .att-matrix .att-day{min-width:46px}#attendance-dashboard-root .att-matrix .att-rate{min-width:112px}#attendance-dashboard-root .att-matrix .att-month-status{min-width:145px}#attendance-dashboard-root .att-matrix .att-month-column{min-width:125px}}
.att-metrics .att-metric>div>span{display:block}
/* Object attendance workbench: a compact matrix with a separate analysis rail. */
html .workspace[data-view=attendance] #main{max-width:none;width:100%;box-sizing:border-box;padding:18px 22px}
.attendance-header-tabs{display:flex;gap:12px;align-items:center;align-self:center;margin-right:auto;min-width:0;border-bottom:0;--att-tab-gold:#946a16}.attendance-header-tabs a{position:relative;display:flex;align-items:center;gap:10px;padding:8px 14px;border:0;border-radius:0;background:transparent;font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap;transition:color .15s}.attendance-header-tabs svg{width:20px;height:20px;flex-shrink:0}.attendance-header-tabs a:hover{color:var(--text);background:transparent}.attendance-header-tabs a[aria-current]{background:transparent;border-color:transparent;color:var(--att-tab-gold)}.attendance-header-tabs a[aria-current]::after{content:"";position:absolute;height:2px;left:14px;right:14px;bottom:2px;background:var(--att-tab-gold);border-radius:2px}.attendance-header-tabs a:focus-visible{outline:2px solid var(--att-tab-gold);outline-offset:-4px}html[data-theme=dark] .attendance-header-tabs{--att-tab-gold:#f3d46a}
.attendance-dashboard{--att-cyan:#008d96;--att-tint:#e9f6f5;--att-head:#cbe9e9;--att-total:#cbe9e9;--att-table-ink:#183a40}
html[data-theme=dark] .attendance-dashboard{--att-cyan:#27c6c8;--att-tint:#073039;--att-head:#084f5b;--att-total:#063c45;--att-table-ink:#e6f5f5;--panel:#04262e;--border:#12505b;--input:#02232b;--soft:#07333c;--text:#e6f5f5;--muted:#9ab9c1}
.att-page-actions{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:16px}.att-current-period{font-size:13px;color:var(--muted);text-transform:capitalize}.att-page-actions>div{display:flex;gap:10px;align-items:center}.att-page-actions button,.att-page-actions summary{display:flex;gap:8px;align-items:center;min-height:40px;font-size:12px}.att-page-actions svg{width:18px;height:18px}
.att-export-menu,.att-column-menu{position:relative}.att-export-menu>summary,.att-column-menu>summary{cursor:pointer;list-style:none}.att-export-menu>summary::-webkit-details-marker,.att-column-menu>summary::-webkit-details-marker{display:none}.att-export-menu>div,.att-column-menu>div{position:absolute;right:0;top:calc(100% + 6px);z-index:25;min-width:245px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:7px;box-shadow:0 10px 30px #0003}.att-export-menu a,.att-export-menu>div button{display:block;width:100%;text-align:left;padding:11px;font-size:12px;border-radius:7px;color:var(--text)}.att-export-menu a:hover,.att-export-menu>div button:hover{background:var(--soft)}
.att-inline-filters{display:flex;gap:10px;align-items:end;margin-bottom:16px;flex-wrap:wrap}.att-inline-filters>label{display:grid;gap:6px;min-width:125px;flex:1;font-size:11px;color:var(--muted)}.att-inline-filters>label:first-child{flex:1.25;min-width:210px}.att-inline-filters :is(select,input,.control-trigger){height:36px;min-height:36px;font-size:12px}.att-inline-filters button.secondary{min-height:36px;height:36px;font-size:11px;display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.att-inline-filters svg{width:16px;height:16px}.att-inline-filters .att-inline-search{flex:1.5;min-width:205px}.att-inline-search .att-search{width:100%;height:36px;box-sizing:border-box}.att-inline-search input{width:100%;min-width:0}
.att-reference-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.att-primary{min-width:0}.att-reference-layout.att-aside-collapsed{grid-template-columns:minmax(0,1fr)}.att-aside-collapsed .att-analytics{display:none}.att-primary>.att-metrics{margin:0 0 16px}.att-primary .att-metric{min-height:62px;padding:10px 12px;gap:10px;background:linear-gradient(135deg,var(--panel),var(--att-tint));border:1px solid var(--border)}.att-primary .att-metric[role=button]{cursor:pointer;transition:border-color .15s,transform .15s}.att-primary .att-metric[role=button]:hover{border-color:var(--att-cyan);transform:translateY(-1px)}.att-primary .att-metric:focus-visible{outline:2px solid var(--att-cyan)}.att-primary .att-metric strong{font-size:20px;white-space:nowrap;font-variant-numeric:tabular-nums}.att-primary .att-metric span:not(.att-metric-icon){font-size:10px}.att-primary .att-metric small{font-size:9px}.att-primary .att-metric-icon{display:grid;place-items:center;width:33px;height:36px;flex-shrink:0;border-radius:9px;background:color-mix(in srgb,var(--att-cyan) 12%,transparent);color:var(--att-cyan)}.att-primary .att-metric-icon svg{width:22px;height:22px}
.att-toolbar{flex-wrap:wrap;align-items:center}.att-type-tabs{display:flex;flex-wrap:wrap;gap:6px}.att-type-tabs button{padding:8px 10px;min-height:34px;font-size:11px}.att-type-tabs button[aria-pressed=true],.att-scale button[aria-pressed=true]{border-color:var(--att-cyan);background:var(--att-tint);color:var(--text)}.att-table-tools{display:flex;gap:7px;align-items:center;margin-left:auto;flex-wrap:wrap}.att-table-tools select,.att-table-tools .control-trigger{min-height:34px;height:34px;font-size:11px;min-width:140px}.att-table-tools summary{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--border);border-radius:7px;font-size:11px}.att-table-tools svg{width:15px;height:15px}.att-column-menu>div label{display:flex;align-items:center;gap:9px;font-size:12px;padding:9px}.att-column-menu input{width:16px;height:16px;margin:0}.att-scale{display:flex}.att-scale button{padding:8px 12px;border:1px solid var(--border);font-size:11px;min-height:34px}.att-scale button:first-child{border-radius:7px 0 0 7px}.att-scale button:last-child{border-radius:0 7px 7px 0}.att-aside-toggle{padding:7px 10px;min-height:34px}
#attendance-dashboard-root .att-table-panel{border-radius:9px;overflow:hidden;background:var(--panel);border:1px solid var(--border);margin:0}.att-table-scroll{max-height:calc(100dvh - 360px);min-height:250px;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}#attendance-dashboard-root .att-matrix{font-size:11px;color:var(--att-table-ink)}#attendance-dashboard-root .att-matrix :is(th,td){padding:9px 7px;line-height:1.45;white-space:nowrap;border-color:color-mix(in srgb,var(--border) 65%,transparent)}#attendance-dashboard-root .att-matrix thead th{background:var(--att-head);color:var(--att-table-ink);font-size:10px}#attendance-dashboard-root .att-matrix .att-person{min-width:180px;width:180px;max-width:180px;white-space:normal;text-align:left}#attendance-dashboard-root .att-matrix .att-person button{font:inherit;color:inherit;padding:0}#attendance-dashboard-root .att-matrix .att-day{min-width:31px;width:31px;text-align:center}#attendance-dashboard-root .att-matrix .att-day small{font-size:9px}#attendance-dashboard-root .att-matrix .att-weekend{color:#da8a87}#attendance-dashboard-root .att-matrix .att-day-button{min-height:28px;padding:0;width:100%;border-radius:5px}#attendance-dashboard-root .att-matrix .att-day-button:hover{background:color-mix(in srgb,var(--att-cyan) 22%,transparent)}#attendance-dashboard-root .att-matrix .att-work{background:color-mix(in srgb,var(--att-cyan) 10%,var(--panel))}#attendance-dashboard-root .att-matrix .att-group-heading th{background:var(--att-tint);color:var(--att-cyan);text-align:left;padding:8px 16px}#attendance-dashboard-root .att-matrix tfoot :is(th,td){background:var(--att-total);color:var(--att-table-ink)}#attendance-dashboard-root .att-matrix tfoot small{color:var(--muted)}
.att-hide-type .att-type-column,.att-hide-position .att-position,.att-hide-rate .att-rate,.att-hide-month :is(.att-month-column,.att-month-status,.att-month-paid){display:none!important}.att-pagination{display:flex;align-items:center;gap:15px;padding:14px 0;font-size:11px;color:var(--muted)}.att-pagination>div{display:flex;gap:12px;align-items:center;margin-left:auto}.att-pagination label{display:flex;gap:8px;align-items:center}.att-pagination select,.att-pagination .control-trigger{width:65px;min-width:65px;min-height:32px;height:32px;font-size:11px}.att-pagination button{min-height:30px;padding:6px 10px}.att-table-note{font-size:10px;line-height:1.6;color:var(--muted);margin:0 0 12px}
.att-analytics{position:sticky;top:calc(var(--header-height,88px) + 66px);border:1px solid var(--border);border-radius:12px;background:var(--panel);overflow:hidden;max-height:calc(100dvh - 175px);display:flex;flex-direction:column}.att-analytics>header{display:flex;align-items:center;justify-content:space-between;padding:15px 14px 10px}.att-analytics h2{font-size:14px;margin:0}.att-analytics>header button{font-size:21px;color:var(--muted);padding:0 3px}.att-analysis-tabs{display:flex;gap:5px;padding:0 12px 12px}.att-analysis-tabs button{flex:1;min-height:31px;font-size:11px;padding:7px;border:1px solid var(--border);border-radius:6px}.att-analysis-tabs button[aria-pressed=true]{background:var(--att-tint);border-color:var(--att-cyan);color:var(--att-cyan)}.att-analysis-content{overflow:auto;scrollbar-width:thin}.att-aside-section{padding:15px 13px;border-top:1px solid var(--border)}.att-aside-section h3{font-size:12px;margin:0 0 10px;display:flex;gap:8px;align-items:center}.att-aside-section h3>span{font-size:10px;background:var(--att-tint);color:var(--att-cyan);padding:2px 6px;border-radius:4px}.att-aside-note{font-size:10px;line-height:1.6;color:var(--muted);margin:4px 0 12px}.att-money-chart{display:grid;gap:12px}.att-money-donut{width:130px;height:130px;position:relative;margin:0 auto}.att-money-donut svg{position:absolute;width:100%;height:100%;inset:0}.att-money-donut>div{position:absolute;inset:25px 10px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:3px}.att-money-donut strong{font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}.att-money-donut small{font-size:10px;color:var(--muted)}.att-money-legend button{display:flex;align-items:center;gap:7px;font-size:10px;width:100%;padding:7px 0;text-align:left}.att-money-legend :is(i,.att-payment-bars>button>i){width:7px;height:7px;border-radius:50%;flex-shrink:0}.att-money-legend b{margin-left:auto;font-size:10px;white-space:nowrap}.att-money-legend small{color:var(--muted);width:27px;text-align:right}.att-side-money{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px}.att-side-money button{border:1px solid var(--border);border-radius:8px;padding:11px 8px;text-align:left;min-width:0}.att-side-money small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.att-side-money strong{font-size:14px;overflow-wrap:anywhere}.att-side-money button:last-child strong{color:var(--accent)}.att-payment-bars button{display:flex;gap:6px;align-items:center;width:100%;padding:7px 0;font-size:10px;flex-wrap:wrap;text-align:left}.att-payment-bars b{margin-left:auto}.att-payment-bars small{width:30px;color:var(--muted);text-align:right}.att-progress{flex-basis:100%;height:5px;border-radius:8px;background:var(--border);overflow:hidden}.att-progress>i{display:block;height:100%;border-radius:8px}.att-problem-link{display:flex;gap:10px;align-items:center;width:100%;padding:9px 8px;background:var(--soft);border-radius:6px;margin-top:6px;font-size:11px;text-align:left}.att-problem-link b{margin-left:auto}.att-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.att-quick-actions :is(a,button){display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px solid var(--border);padding:12px 6px;border-radius:8px;font-size:10px;text-align:center}.att-quick-actions svg{width:21px;height:21px;color:var(--att-cyan)}.att-issue-group{border:1px solid var(--border);border-radius:8px;margin:10px 0;padding:10px}.att-issue-group summary{display:flex;gap:10px;justify-content:space-between;font-size:11px;cursor:pointer}.att-issue-group a{display:block;font-size:11px;padding-top:11px}.att-issue-group small,.att-issue-group p{display:block;color:var(--muted);font-size:10px;margin:3px 0}.att-aside-section>.primary{width:100%;margin-top:12px;font-size:12px}
.att-drill-dialog{width:min(650px,calc(100vw - 30px));max-height:80dvh;overflow:auto;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:12px;padding:20px}.att-drill-dialog::backdrop{background:#00151cab}.att-drill-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:16px}.att-drill-dialog h2{font-size:18px;margin:0}.att-drill-dialog table{font-size:12px;width:100%;margin-top:16px}.att-drill-dialog td{padding:10px}.att-drill-dialog button{padding:5px 10px}
@media(min-width:1800px){.att-money-chart{grid-template-columns:125px minmax(0,1fr);align-items:center}.att-money-donut{width:125px;height:125px}.att-reference-layout{grid-template-columns:minmax(0,1fr) 340px}.att-table-scroll{max-height:calc(100dvh - 335px)}}
@media(max-width:1450px){.att-primary .att-metric-icon{display:none}.att-primary .att-metric strong{font-size:17px}.att-primary .att-metric{padding:10px 9px}.att-reference-layout{grid-template-columns:minmax(0,1fr) 285px;gap:12px}}
@media(max-width:1050px){.att-reference-layout{grid-template-columns:minmax(0,1fr)}.att-analytics{position:static;max-height:none}.att-analysis-content{max-height:600px}.att-primary .att-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-header-tabs a{font-size:11px;padding:10px}.att-inline-filters>label{min-width:145px}.att-inline-filters>label:first-child{min-width:210px}}
@media(max-width:650px){html .workspace[data-view=attendance] #main{padding:14px 10px}.attendance-header-tabs{gap:2px}.attendance-header-tabs a{padding:8px 6px;font-size:10px;gap:5px}.attendance-header-tabs svg{display:block;width:17px;height:17px}.att-page-actions{align-items:start}.att-current-period{display:none}.att-page-actions>div{width:100%;justify-content:space-between}.att-page-actions .primary{font-size:11px;padding:9px}.att-inline-filters>label{flex:1 1 42%;min-width:0}.att-inline-filters>label:first-child,.att-inline-filters .att-inline-search{flex:1 1 100%}.att-primary .att-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.att-primary .att-metrics>.att-metric:last-child{grid-column:auto;min-height:62px}.att-primary .att-metrics>.att-metric:last-child>div{display:block}.att-type-tabs{width:100%}.att-table-tools{margin-left:0}.att-pagination{gap:9px;flex-wrap:wrap}.att-analytics{border-radius:10px}.att-table-scroll{max-height:60dvh}}

.att-primary .att-metrics>.att-metric{box-sizing:border-box;min-height:68px;height:68px;padding-block:8px}.att-primary .att-metric strong{margin-top:3px}.att-primary .att-metric small{margin-top:2px}.att-primary .att-metric-paid>div{min-width:0}#attendance-dashboard-root .att-matrix .att-payment-status{padding:3px 6px;font-size:10px;line-height:1.4}.att-money-chart:empty{display:none}
/* Accurate amounts stay inside the inner circle; the full value is available on hover. */
.att-money-donut>div{inset:26px 22px;min-width:0;gap:2px;text-align:center}.att-money-donut strong{display:block;max-width:100%;font-size:13px;line-height:1.2;white-space:nowrap;letter-spacing:-.25px}.att-money-donut .att-donut-cents{font-size:10px;color:var(--text);line-height:1.1}.att-money-donut>div>small{font-size:9px;line-height:1.2}
.att-money-legend{min-width:0}.att-money-legend button{display:grid;grid-template-columns:7px minmax(0,1fr) auto;gap:5px 7px;align-items:center;min-width:0}.att-money-legend button>span{min-width:0;overflow-wrap:anywhere}.att-money-legend b{font-size:10px;white-space:normal;overflow-wrap:anywhere;text-align:right;max-width:110px}.att-money-legend small{grid-column:3;text-align:right;width:auto;margin-top:-3px}.att-side-money strong{font-size:clamp(11px,1vw,14px);overflow-wrap:anywhere;line-height:1.4}.att-side-money button{overflow:hidden;box-sizing:border-box}
.att-primary .att-metrics>.att-metric{height:auto;min-height:76px;padding:9px 12px;align-items:center}.att-primary .att-metric>div{min-width:0;width:100%}.att-primary .att-metric>div>span{overflow-wrap:anywhere;line-height:1.3}.att-primary .att-metric strong{font-size:clamp(14px,1.15vw,21px);line-height:1.25;white-space:normal;overflow-wrap:anywhere}.att-primary .att-metric-icon{width:38px;height:40px;border:1px solid color-mix(in srgb,var(--att-cyan) 20%,transparent);background:linear-gradient(140deg,color-mix(in srgb,var(--att-cyan) 19%,transparent),color-mix(in srgb,var(--att-cyan) 4%,transparent));box-shadow:inset 0 1px #ffffff10}.att-primary .att-metric-icon svg{width:25px;height:25px}.att-metric-worked .att-metric-icon,.att-metric-accrued .att-metric-icon{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);border-color:color-mix(in srgb,var(--accent) 18%,transparent)}.att-metric-foot{display:flex;align-items:center;gap:5px 7px;flex-wrap:wrap;margin-top:5px}.att-primary .att-metric .att-trend{display:inline-block;font-size:9px;line-height:1.3;padding:2px 5px;border-radius:4px;white-space:nowrap;background:var(--soft);color:var(--muted)}.att-primary .att-metric .att-trend.up{background:#149a7422;color:var(--att-paid-ink)}.att-primary .att-metric .att-trend.down{background:#d58d3320;color:var(--att-partial-ink)}.att-primary .att-metric small{font-size:9px;line-height:1.3;margin:0;color:var(--muted)}
.att-quick-actions svg{width:26px;height:26px;stroke-width:1.7}.att-quick-actions :is(a,button){min-height:74px;box-sizing:border-box;line-height:1.5;overflow-wrap:anywhere;transition:border-color .15s,background .15s}.att-quick-actions :is(a,button):hover{border-color:var(--att-cyan);background:var(--att-tint)}.att-quick-actions [data-att-panel] svg{color:#f0b965}.att-quick-actions [data-att-refresh] svg{color:#31c9dc}
#attendance-dashboard-root .att-table-scroll{min-height:0;max-height:none;overscroll-behavior-x:contain;overscroll-behavior-y:auto;scrollbar-gutter:stable}#attendance-dashboard-root .att-pagination{min-height:46px;box-sizing:border-box;padding:9px 0;margin:0;flex-shrink:0}.att-pagination select,.att-pagination .control-trigger{min-width:130px;width:130px}.att-pagination>small{margin-left:auto;font-size:10px}.att-table-note{margin-bottom:0}.att-analytics :is(h2,h3,button,small,p,strong){overflow-wrap:anywhere}.att-analytics .att-progress{overflow:hidden}
@media(max-width:1450px){.att-primary .att-metric .att-metric-foot{gap:3px}.att-primary .att-metric .att-trend-caption{font-size:8px}.att-primary .att-metric strong{font-size:16px}.att-primary .att-metrics>.att-metric{padding:8px;min-height:76px}}
.att-export-menu>summary.secondary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:9px 14px;box-sizing:border-box;line-height:1.4;white-space:nowrap;font-size:12px}.att-export-menu>summary>svg{width:17px;height:17px;flex-shrink:0}.att-export-menu>summary>.att-export-chevron{width:14px;height:14px;margin-left:auto;transition:transform .15s}.att-export-menu[open]>summary>.att-export-chevron{transform:rotate(180deg)}.att-export-menu>div{box-sizing:border-box}.att-export-menu>div :is(a,button){box-sizing:border-box;line-height:1.5;white-space:normal;overflow-wrap:anywhere}.att-analytics .att-export-menu{width:100%;margin-top:12px}.att-analytics .att-export-menu>summary{width:100%;justify-content:flex-start}.att-analytics .att-export-menu>summary>span{flex:1;text-align:left}.att-analytics .att-export-menu>div{position:static;width:100%;min-width:0;margin-top:8px;box-shadow:none}.att-aside-section>[data-att-calculate]{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;box-sizing:border-box;line-height:1.4;padding:10px 12px}.att-aside-section>[data-att-calculate]>svg{width:18px;height:18px;flex-shrink:0}

/* Consistent vector illustrations and accessible interactive financial chart. */
.att-primary .att-metric-icon{display:grid;place-items:center;flex-shrink:0;border-radius:12px;color:#27c6c8;box-shadow:inset 0 1px 0 #ffffff12,0 3px 10px #00000012}.att-primary .att-metric-icon svg{width:27px;height:27px;stroke-width:1.65}.att-primary .att-metric-paid .att-metric-icon{color:#3bd6ac;background:#24b68c12;border-color:#24b68c35}.att-analysis-tabs button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;padding:8px 5px;line-height:1.3}.att-analysis-tabs button svg{width:14px;height:14px;flex-shrink:0;color:var(--muted)}.att-analysis-tabs button[aria-pressed=true] svg{color:var(--att-cyan)}.att-analysis-tabs button span{white-space:nowrap;font-size:10px}.att-color-primary{background:#27c6c8!important}.att-color-extra{background:#edc57d!important}.att-color-mixed{background:#9c7de0!important}.att-money-chart{position:relative;row-gap:10px}.att-money-donut>div{pointer-events:none}.att-money-sector{cursor:pointer;transition:opacity .15s,filter .15s;outline:none}.att-chart-active .att-money-sector:not(.att-chart-selected){opacity:.35}.att-money-sector.att-chart-selected{filter:brightness(1.15) drop-shadow(0 0 1px #ffffff50)}.att-money-sector:focus-visible{stroke:var(--text);stroke-width:1.5}.att-money-legend button.att-chart-selected{background:var(--att-tint);border-radius:6px}.att-chart-tooltip{grid-column:1/-1;min-height:30px;box-sizing:border-box;padding:6px 8px;border:1px solid var(--border);border-radius:7px;font-size:10px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.att-chart-active .att-chart-tooltip{color:var(--text);border-color:#27c6c855;background:#27c6c80a}
@media(max-width:1450px){.att-primary .att-metric-icon{display:grid;width:26px;height:32px;border-radius:8px}.att-primary .att-metric-icon svg{width:21px;height:21px}.att-primary .att-metrics>.att-metric{gap:6px}.att-analysis-tabs button{gap:4px}}

.att-position-summary{margin-top:14px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--panel)}.att-position-summary h2{display:flex;align-items:center;gap:8px;font-size:13px;margin:0;padding:12px 14px}.att-position-summary h2 svg{width:18px;height:18px;color:var(--att-cyan)}.att-position-summary table{width:100%;border-collapse:collapse;font-size:12px}.att-position-summary th,.att-position-summary td{padding:10px 14px;border-top:1px solid var(--border);text-align:right;font-variant-numeric:tabular-nums}.att-position-summary tr>:first-child{text-align:left;width:60%}.att-position-summary thead,.att-position-summary tfoot{background:var(--att-tint);font-weight:600}.att-position-summary tbody th{font-weight:400}.att-position-summary tbody tr:hover{background:var(--att-tint)}

/* Semantic analytics icons retain their colors in every tab state. */
.att-analysis-tabs button[data-att-panel="summary"] svg{color:#35cf9a}.att-analysis-tabs button[data-att-panel="problems"] svg{color:#f16c73}.att-analysis-tabs button[data-att-panel="actions"] svg{color:#edc568}

.att-matrix .att-money .att-monthly-bonus{display:block;margin-top:5px;white-space:normal;color:var(--accent);font-size:10px;line-height:1.4}.att-matrix .att-money .att-monthly-total{display:block;margin-top:3px;white-space:normal;color:var(--text);font-size:10px;line-height:1.4}

.att-funds-panel{margin-top:16px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.att-funds-panel>header{display:flex;justify-content:space-between;align-items:center;gap:12px}.att-funds-panel h2{display:flex;gap:8px;align-items:center;font-size:14px;margin:0}.att-funds-panel h2 svg,.att-funds-panel>header button svg{width:18px;height:18px;color:var(--att-cyan)}.att-funds-panel>header p{margin:5px 0 0;font-size:11px;color:var(--muted)}.att-funds-panel>header button{display:flex;align-items:center;gap:8px}.att-funds-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.att-funds-metrics>div{border:1px solid var(--border);border-radius:8px;padding:11px;background:var(--att-tint)}.att-funds-metrics small{display:block;color:var(--muted);font-size:11px}.att-funds-metrics strong{display:block;margin-top:5px;font-size:18px;overflow-wrap:anywhere}.att-funds-metrics>div:last-child strong{color:var(--accent)}.att-funds-panel table{width:100%;font-size:12px;border-collapse:collapse}.att-funds-panel th,.att-funds-panel td{padding:10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.att-funds-panel th{background:var(--att-tint)}.att-funds-panel td small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.att-fund-amount{white-space:nowrap;font-variant-numeric:tabular-nums}.att-fund-voided{opacity:.55}.att-fund-voided .att-fund-amount{text-decoration:line-through}.att-fund-dialog{width:min(480px,calc(100vw - 32px));max-height:85vh;overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:14px;padding:20px}.att-fund-dialog::backdrop{background:#0009}.att-fund-dialog header,.att-fund-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.att-fund-dialog h2{font-size:18px;margin:0}.att-fund-dialog label{display:grid;gap:6px;margin:12px 0;font-size:12px}.att-fund-dialog textarea{min-height:70px}.att-fund-dialog footer{margin-top:16px;justify-content:flex-end}.att-fund-error{color:#f16c73;font-size:12px}@media(max-width:900px){.att-funds-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.att-funds-panel>header{align-items:flex-start;flex-wrap:wrap}}
/* Illustrated navigation: the copy starts at the left edge without a duplicate icon. */
.attendance-header-tabs{width:min(1000px,calc(100vw - 510px));gap:18px;align-self:center;flex-shrink:1;align-items:stretch}.attendance-header-tabs a{flex:1;min-width:0;height:72px;box-sizing:border-box;padding:12px 132px 12px 20px;border:1px solid #23626a;border-radius:15px;background:linear-gradient(120deg,#063039,#073e43);color:#eaf9fa;overflow:hidden;isolation:isolate;box-shadow:inset 0 1px 0 #ffffff08;transition:transform .2s,border-color .2s,box-shadow .2s}.attendance-header-tabs a::after{display:none}.attendance-header-tabs a:hover{background:linear-gradient(120deg,#0a3b43,#075057);color:#fff;border-color:#3d969c;transform:translateY(-1px);box-shadow:0 4px 18px #001a2330}.attendance-header-tabs a[aria-current]{background:linear-gradient(115deg,#ffda79,#f5c34f);border-color:#ffe6a4;color:#152322;box-shadow:inset 0 1px 0 #fff7,0 2px 15px #efbe4420}.att-nav-copy{display:grid;gap:6px;position:relative;z-index:2}.att-nav-copy strong{font-size:16px;line-height:1.2;font-weight:650}.att-nav-copy small{font-size:12px;font-weight:400;color:#a3ccd0;line-height:1.2}.attendance-header-tabs a[aria-current] small{color:#4b4827}.att-nav-art{position:absolute;right:30px;top:0;width:112px;height:72px;object-fit:contain;pointer-events:none;transition:transform .3s;filter:drop-shadow(0 5px 5px #001b2430)}.attendance-header-tabs a:hover .att-nav-art{transform:translateY(-2px) rotate(-3deg) scale(1.05)}.attendance-header-tabs .att-nav-chevron{position:absolute;right:16px;top:26px;width:13px;height:21px;color:#70e7eb}.attendance-header-tabs a[aria-current] .att-nav-chevron{color:#20352c}.attendance-header-tabs a:focus-visible{outline:2px solid #f6d06c;outline-offset:3px}
@media(max-width:1350px){.attendance-header-tabs{width:min(780px,calc(100vw - 450px));gap:10px}.attendance-header-tabs a{padding-left:14px;padding-right:94px}.att-nav-copy strong{font-size:13px}.att-nav-copy small{font-size:10px}.att-nav-art{width:80px;right:20px}.attendance-header-tabs .att-nav-chevron{right:9px}}
@media(max-width:1000px){.attendance-header-tabs{width:auto;flex:1}.attendance-header-tabs a{height:62px;padding:10px 12px}.att-nav-art,.attendance-header-tabs .att-nav-chevron{display:none}.att-nav-copy strong{font-size:12px}.att-nav-copy small{font-size:9px;white-space:normal}}
@media(max-width:650px){.attendance-header-tabs{gap:5px}.attendance-header-tabs a{height:48px;padding:8px}.att-nav-copy strong{font-size:10px}.att-nav-copy small{display:none}}
@media(prefers-reduced-motion:reduce){.attendance-header-tabs a,.att-nav-art{transition:none}.attendance-header-tabs a:hover,.attendance-header-tabs a:hover .att-nav-art{transform:none}}
.att-matrix .att-empty-edit{color:var(--muted);width:100%;min-height:28px;transition:background .15s,color .15s}.att-matrix .att-empty-edit:hover,.att-matrix .att-empty-edit:focus-visible{color:var(--accent,#00bfc5);background:color-mix(in srgb,var(--accent,#00bfc5) 14%,transparent);outline:1px solid var(--border);border-radius:5px}
.shift-cell-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:20px;border-radius:16px;box-sizing:border-box}.shift-cell-dialog header p{font-size:12px;color:var(--muted);margin:5px 0 12px}.shift-cell-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.shift-cell-fields label{display:grid;gap:6px;font-size:12px;color:var(--muted);min-width:0}.shift-cell-fields input,.shift-cell-fields select{min-height:36px;width:100%;box-sizing:border-box}.shift-cell-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.shift-cell-fields label[hidden]{display:none}@media(max-width:520px){.shift-cell-fields{grid-template-columns:1fr}}