@media screen{
 .workspace-ui .workspace-sheet-heading>div.attendance-sheet-title{display:flex;align-items:center;gap:10px;min-width:0}
 .workspace-ui .attendance-sheet-title h2{min-width:0;flex-wrap:wrap;gap:8px}
 .workspace-ui .attendance-focus-toggle{display:grid;place-items:center;flex-shrink:0;width:36px;min-width:36px;height:36px;min-height:36px;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--text)}
 .workspace-ui .attendance-focus-toggle .ui-icon{width:18px;height:18px;margin:0}
 .workspace-ui .attendance-focus-toggle:hover{border-color:var(--blue);background:var(--info-bg);color:var(--blue)}
 .workspace-ui .attendance-focus-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
 .workspace-ui.attendance-focus{background:#080d15}
 .workspace-ui.attendance-focus #appSidebar,.workspace-ui.attendance-focus main>header,.workspace-ui.attendance-focus .page>.heading,.workspace-ui.attendance-focus .page>footer,.workspace-ui.attendance-focus #dutyRoster,.workspace-ui.attendance-focus .workspace-table-note{display:none}
 .workspace-ui.attendance-focus main{margin:0;width:100%;min-width:0;min-height:100dvh}
 .workspace-ui.attendance-focus .page{width:100%;max-width:none;margin:0 auto;padding:10px 16px 16px}
 .workspace-ui.attendance-focus #monthActions{position:sticky;top:0;z-index:40;padding:0 0 8px;background:#080d15}
 .workspace-ui.attendance-focus .workspace-period{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;min-height:0;margin:0}
 .workspace-ui.attendance-focus .workspace-period button,.workspace-ui.attendance-focus .workspace-period input{min-height:36px;font-size:12px}
 .workspace-ui.attendance-focus .workspace-period label{gap:8px}
 .workspace-ui.attendance-focus .workspace-period input{padding-block:6px}
 .workspace-ui.attendance-focus .workspace-sheet{border-color:var(--border);background:var(--surface);box-shadow:0 14px 40px #0004}
 .workspace-ui.attendance-focus .workspace-sheet-heading{flex-direction:row;align-items:center;gap:12px;padding:10px 14px}
 .workspace-ui.attendance-focus .workspace-sheet-heading h2{font-size:15px}
 .workspace-ui.attendance-focus .attendance-focus-toggle{border-color:var(--blue);background:var(--info-bg);color:var(--blue)}
 .workspace-ui.attendance-focus .workspace-sheet-tools{width:auto}
 .workspace-ui.attendance-focus .workspace-filters{width:auto}
 .workspace-ui.attendance-focus .workspace-filters button{min-height:36px;font-size:11px}
 .workspace-ui.attendance-focus .workspace-search,.workspace-ui.attendance-focus .workspace-search input{width:180px}
 .workspace-ui.attendance-focus .workspace-search input{min-height:36px;font-size:12px}
 .workspace-ui.attendance-focus .workspace-controls{margin:0 12px 10px;padding:5px 8px}
 .workspace-ui.attendance-focus .workspace-controls .symbol{min-height:36px;padding:5px 8px;font-size:12px}
 .workspace-ui.attendance-focus .workspace-controls .workspace-code{min-width:25px;height:25px;font-size:12px}
 .workspace-ui.attendance-focus .attendance-symbol-settings{min-height:36px;padding:6px 10px;font-size:12px}
 .workspace-ui.attendance-focus .pagination{padding:10px 14px;font-size:12px}
 .workspace-ui.attendance-focus .pagination button,.workspace-ui.attendance-focus .pagination select{min-height:32px;font-size:12px}
}
@media screen and (min-width:901px){
 .workspace-ui.attendance-focus .month-scroll{max-height:var(--attendance-focus-grid-height,65vh)}
 .workspace-ui.attendance-focus .month-grid{min-width:var(--focus-grid-min)!important;width:100%}
 .workspace-ui.attendance-focus .month-grid th{width:auto;height:42px;padding:3px 0;font-size:11px}
 .workspace-ui.attendance-focus .month-grid td{height:40px;font-size:12px}
 .workspace-ui.attendance-focus .month-grid .employee-col{width:176px;min-width:176px;padding:5px 9px}
 .workspace-ui.attendance-focus .month-grid .workspace-avatar{display:none}
 .workspace-ui.attendance-focus .employee-col strong{font-size:12px}
 .workspace-ui.attendance-focus .employee-col small{font-size:10px}
 .workspace-ui.attendance-focus .month-grid .summary-col,.workspace-ui.attendance-focus .month-grid .total-col{width:52px;min-width:52px;font-size:11px}
 .workspace-ui.attendance-focus .month-grid .day-cell button{width:100%;min-width:0;height:39px;min-height:39px;padding:0;font-size:11px}
 .workspace-ui.attendance-focus .month-grid .workspace-cell-code{min-width:0;height:24px;max-width:100%;padding:2px 3px;font-size:11px}
 .workspace-ui.attendance-focus .month-grid .attendance-day-heading{min-height:34px}
}
@media screen and (max-width:900px){
 .workspace-ui .workspace-sheet-heading>div.attendance-sheet-title{margin-bottom:10px}
 .workspace-ui .attendance-sheet-title h2{font-size:14px}
 .workspace-ui .attendance-sheet-title .workspace-count{font-size:10px}
 .workspace-ui .workspace-controls{top:calc(58px + var(--attendance-heading-height,170px))}
 .workspace-ui.attendance-focus .page{padding:8px 8px 16px}
 .workspace-ui.attendance-focus .workspace-period{display:flex;flex-wrap:wrap;justify-content:center}
 .workspace-ui.attendance-focus .workspace-period label{flex:1;min-width:140px}
 .workspace-ui.attendance-focus .workspace-period input{min-height:40px;font-size:16px}
 .workspace-ui.attendance-focus .workspace-period button{min-height:40px;font-size:11px}
 .workspace-ui.attendance-focus .workspace-sheet-heading{display:block;position:sticky;top:var(--attendance-period-height,48px);padding:10px}
 .workspace-ui.attendance-focus .workspace-sheet-tools{width:100%}
 .workspace-ui.attendance-focus .workspace-filters{width:100%}
 .workspace-ui.attendance-focus .workspace-search,.workspace-ui.attendance-focus .workspace-search input{width:100%}
 .workspace-ui.attendance-focus .workspace-search input{min-height:40px;font-size:16px}
 .workspace-ui.attendance-focus .workspace-controls{top:calc(var(--attendance-period-height,48px) + var(--attendance-heading-height,170px));margin:0;border-radius:0;padding:6px 8px}
 .workspace-ui.attendance-focus .attendance-symbol-settings{width:40px;min-width:40px;min-height:40px;padding:8px}
 .workspace-ui.attendance-focus .workspace-controls .symbol{min-height:40px}
}
@media print{.attendance-focus-toggle{display:none!important}}