.month-grid .attendance-totals th,.month-grid .attendance-totals td{font-weight:700;padding:12px 8px;border-top:2px solid var(--border);background:var(--surface,#fff)}
.month-grid .attendance-totals th{position:static;width:auto;text-align:left}.attendance-totals small{font-weight:400;font-size:.8rem}
.month-grid [data-summary-id]{cursor:default}
.month-grid .day-cell button{position:relative}
.month-grid .contribution-number{position:absolute;right:2px;top:2px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 3px;border-radius:5px;background:var(--primary,#2563eb);color:var(--on-primary,#fff);font-size:9px;font-weight:700;line-height:1;pointer-events:none}
.workspace-ui .palette .symbol{border:1px solid var(--border);border-radius:9px;padding:8px 12px;background:var(--surface,#fff);min-height:44px}
.workspace-ui .palette .symbol:hover{border-color:var(--primary,#2563eb)}
.workspace-ui .palette .symbol.selected{border-color:var(--primary,#2563eb);background:color-mix(in srgb,var(--primary,#2563eb) 8%,var(--surface,#fff));box-shadow:inset 0 0 0 1px var(--primary,#2563eb)}
.workspace-ui .month-grid .attendance-day-heading{width:100%;min-height:44px;padding:4px 0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;line-height:1.4;display:grid;place-content:center;cursor:pointer}
.attendance-day-heading:hover,.attendance-day-heading:focus-visible{outline:2px solid var(--primary,#2563eb);outline-offset:-2px}
#attendanceDayPicker{position:fixed;inset:auto;margin:0;padding:5px;width:max-content;max-width:calc(100vw - 24px);box-sizing:border-box;border:1px solid var(--border);border-radius:9px;background:var(--surface,Canvas);color:var(--text,CanvasText);box-shadow:0 6px 20px rgb(0 0 0 / .14)}
#attendanceDayPicker .day-picker-options{display:flex;gap:4px}
#attendanceDayPicker .day-picker-options button{min-width:46px;min-height:34px;padding:5px 10px;border:1px solid transparent;border-radius:6px;background:var(--surface);color:var(--text);font:inherit;font-size:12px;font-weight:600}
#attendanceDayPicker .day-picker-options button:hover{border-color:var(--border);background:var(--hover);color:var(--text)}
#attendanceDayPicker .day-picker-options [aria-pressed=true]{border-color:var(--primary);background:var(--info-bg);color:var(--info-text)}
#attendanceDayPicker .day-picker-options [aria-pressed=true]:hover{border-color:var(--primary);background:var(--info-bg);color:var(--info-text)}
@media(max-width:760px){#attendanceDayPicker .day-picker-options button{min-width:48px;min-height:40px}}
.mobile-date-nav .mobile-day-type{border:0;background:transparent;padding:0;min-height:28px;color:inherit;font:inherit;font-size:.875rem}
.mobile-date-nav .mobile-day-type::after{content:' ▾';color:var(--muted);font-size:.75rem}
@media(max-width:760px){
 .workspace-ui .workspace-metrics{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:10px}
 .workspace-ui .workspace-metric:nth-child(3){border-right:0}
 .workspace-ui .workspace-metric:last-child{grid-column:1/-1;border-top:1px solid var(--border);padding-top:10px}
 .workspace-ui .workspace-metric:last-child>div:last-child{display:flex;justify-content:space-between;align-items:center;gap:10px}
}


.workspace-ui .month-grid .attendance-total-review{display:grid;place-items:center;width:100%;height:100%;min-height:38px;padding:4px 2px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer;touch-action:manipulation}
.workspace-ui .month-grid .attendance-total-review:hover{background:var(--info-bg);color:var(--info-text)}
.workspace-ui .month-grid .attendance-total-review:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.workspace-ui .month-grid .attendance-review-selected .attendance-total-review{background:var(--info-bg);color:var(--info-text);box-shadow:inset 0 0 0 2px var(--blue)}
.workspace-ui .month-grid .attendance-review-row .employee-col{background:var(--info-bg);box-shadow:inset 3px 0 var(--blue)}
.workspace-ui .month-grid td.contribution-highlight{outline:2px solid var(--blue);outline-offset:-2px}

@media print{.contribution-number{display:none!important}.workspace-ui .month-grid .attendance-review-muted>td::after{display:none}.workspace-ui .month-grid .attendance-review-row .employee-col,.workspace-ui .month-grid .attendance-review-selected .attendance-total-review{box-shadow:none;background:transparent;color:inherit}.workspace-ui .month-grid td.contribution-highlight{outline:0}.workspace-ui .month-grid .attendance-total-review{min-height:0;padding:0}}

@media screen{
 .workspace-ui .month-grid{--attendance-review-border:var(--blue)}
 :root[data-theme=dark] .workspace-ui .month-grid{--attendance-review-border:#a9ceff}
 #table .month-grid tbody tr.attendance-review-row>td{box-shadow:inset 0 2px 0 var(--attendance-review-border),inset 0 -2px 0 var(--attendance-review-border)}
 #table .month-grid tbody tr.attendance-review-row>td:first-child{box-shadow:inset 2px 0 0 var(--attendance-review-border),inset 0 2px 0 var(--attendance-review-border),inset 0 -2px 0 var(--attendance-review-border)}
 #table .month-grid tbody tr.attendance-review-row>td:last-child{box-shadow:inset -2px 0 0 var(--attendance-review-border),inset 0 2px 0 var(--attendance-review-border),inset 0 -2px 0 var(--attendance-review-border)}
 #table .month-grid tbody tr.attendance-review-row>td.day-cell:not(.marked){background:color-mix(in srgb,var(--blue) 8%,var(--attendance-day-bg,var(--surface)))}
 #table .month-grid tbody tr.attendance-review-row>td.employee-col,#table .month-grid tbody tr.attendance-review-row>td.summary-col,#table .month-grid tbody tr.attendance-review-row>td.total-col{background:var(--info-bg)}
}

@media screen{
 .workspace-ui #table .month-grid .attendance-review-pinned{position:sticky;right:var(--attendance-pinned-right,64px);z-index:6;background:var(--surface);box-shadow:-2px 0 0 var(--blue),2px 0 0 var(--border)}
 .workspace-ui #table .month-grid thead .attendance-review-pinned{z-index:12;background:var(--surface-soft)}
 .workspace-ui #table .month-grid tfoot .attendance-review-pinned{z-index:8;background:var(--surface)}
 .workspace-ui #table .month-grid .attendance-review-row>.attendance-review-pinned{background:var(--info-bg)}
}