/* Match multi-sheet-preview.html; scope controls above legacy pagination rules. */
.workspace-ui #pagination{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:12px;min-width:0;min-height:53px;padding:7px 12px;border-top:1px solid var(--line);background:var(--glass);font-size:11px;line-height:1.5;color:var(--muted)}
.workspace-ui #pagination .sheet-switcher{--sheet-raised:#ffffffd9;--sheet-rim:#ffffffe6;--sheet-shadow:#00000012;display:flex;flex:1;gap:4px;align-items:center;margin:0;padding:0;min-height:36px;min-width:0;background:transparent;font-family:inherit}
:root[data-theme=dark] .workspace-ui #pagination .sheet-switcher{--sheet-raised:#414145cc;--sheet-rim:#ffffff24;--sheet-shadow:#0005}
.workspace-ui #pagination .sheet-switcher button{border:0;background:transparent;box-shadow:none;color:var(--muted);font-family:inherit;cursor:pointer;flex-shrink:0}
.workspace-ui #pagination .sheet-switcher .sheet-add,.workspace-ui #pagination .sheet-switcher .sheet-list{display:grid;place-items:center;align-self:center;flex:none;width:30px;min-width:30px;height:32px;min-height:32px;padding:7px;border-radius:8px}
.workspace-ui #pagination .sheet-switcher .sheet-add svg,.workspace-ui #pagination .sheet-switcher .sheet-list svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.workspace-ui #pagination .sheet-switcher .sheet-add:hover,.workspace-ui #pagination .sheet-switcher .sheet-list:hover{background:var(--info-bg);color:var(--text)}
.workspace-ui #pagination .sheet-tabs-scroll{flex:0 1 auto;min-width:0;max-width:100%;margin-left:8px;padding:0;border:0;background:transparent;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.workspace-ui #pagination .sheet-tabs-scroll::-webkit-scrollbar{display:none}
.workspace-ui #pagination .sheet-tabs-track{position:relative;isolation:isolate;display:flex;gap:3px;width:max-content;min-width:100%;padding:1px}
.workspace-ui #pagination .sheet-tab-group{position:relative;flex:none;display:block;max-width:none;height:34px;background:transparent}
.workspace-ui #pagination .sheet-switcher .sheet-tab{position:relative;z-index:1;display:flex;align-items:center;gap:0;width:auto;min-width:0;max-width:none;height:34px;min-height:34px;padding:0 30px 0 12px!important;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:12px;font-weight:400;line-height:1.5;white-space:nowrap}
.workspace-ui #pagination .sheet-tab-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-ui #pagination .sheet-switcher .sheet-tab[aria-selected=true]{color:var(--accent);font-weight:550;background:transparent;box-shadow:none}
.workspace-ui #pagination .sheet-switcher .sheet-tab:hover{background:var(--info-bg)}
.workspace-ui #pagination .sheet-switcher .sheet-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.workspace-ui #pagination .sheet-switcher .sheet-tab-menu{position:absolute;z-index:2;right:2px;top:3px;display:grid;place-items:center;width:26px;min-width:26px;height:28px;min-height:28px;padding:6px;font-size:11px;border:0;border-radius:7px;background:transparent;color:var(--muted);opacity:1}
.workspace-ui #pagination .sheet-switcher .sheet-tab-menu svg{width:12px;height:12px;pointer-events:none}
.workspace-ui #pagination .sheet-switcher .sheet-tab-group.active .sheet-tab-menu{color:var(--accent)}
.workspace-ui #pagination .sheet-switcher .sheet-tab-menu:hover{background:var(--info-bg)}
.workspace-ui #pagination .sheet-tab-indicator{position:absolute;z-index:0;left:0;top:1px;height:34px;border:1px solid var(--sheet-rim);border-radius:9px;background:var(--sheet-raised);box-shadow:0 1px 4px var(--sheet-shadow),inset 0 1px 0 var(--sheet-rim);pointer-events:none;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform-origin:left center}
.workspace-ui #pagination .sheet-rename{position:absolute;inset:1px 3px;width:calc(100% - 6px);height:32px!important;min-height:0!important;padding:5px 9px!important;border:1px solid var(--accent);border-radius:7px!important;background:var(--surface)!important;color:var(--text);font:12px var(--font);outline:0;box-shadow:0 0 0 2px var(--info-bg);z-index:4}
#pagination .renaming>.sheet-tab,#pagination .renaming>.sheet-tab-menu{visibility:hidden}
.workspace-ui #pagination>.tools{display:flex;align-items:center;gap:6px;width:auto;flex:none;flex-wrap:nowrap;justify-content:flex-end}
.sheet-menu{position:fixed;inset:auto;margin:0;padding:6px;width:158px;border:1px solid var(--floating-border);border-radius:13px;background:var(--surface);color:var(--text);box-shadow:0 10px 30px #0002;max-height:60dvh;overflow-y:auto}
.sheet-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:9px 10px;min-height:39px;font:inherit;font-size:12px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sheet-menu button:hover{background:var(--surface-soft)}.sheet-menu button:nth-child(3){border-top:1px solid var(--line);margin-top:4px;border-radius:0 0 8px 8px}.sheet-menu .danger{color:var(--danger)}.sheet-menu button:disabled{opacity:.35;cursor:default}.sheet-all-menu{width:205px}.sheet-all-menu button:nth-child(3){border:0;margin:0;border-radius:8px}
.sheet-settings-context{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);margin:0 0 18px}.sheet-settings-context select{max-width:min(320px,65vw);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:7px 12px}
@media(max-width:700px){.workspace-ui #pagination>.tools{gap:4px}.workspace-ui #pagination>.tools label{font-size:0;margin:0;gap:0}.workspace-ui #pagination>.tools select{font-size:11px;width:47px;min-width:47px;padding:3px 14px 3px 6px;height:30px}.workspace-ui #pagination>.tools button{width:25px;min-width:25px;min-height:30px;height:30px}.workspace-ui #pagination>.tools>span{font-size:11px;min-width:28px}}
@media(max-width:560px){.workspace-ui #pagination{padding:6px 8px;gap:7px}.workspace-ui #pagination .sheet-switcher{gap:3px}.workspace-ui #pagination .sheet-tabs-scroll{flex:1;margin-left:4px}.workspace-ui #pagination .sheet-switcher .sheet-tab{padding-left:10px!important;font-size:12px}.workspace-ui #pagination .sheet-tab-name{max-width:130px}.workspace-ui #pagination .sheet-switcher .sheet-add,.workspace-ui #pagination .sheet-switcher .sheet-list{width:28px;min-width:28px;height:32px}}
@media(prefers-reduced-motion:reduce){.workspace-ui #pagination .sheet-tab-indicator{animation:none!important}}

.workspace-ui #pagination .sheet-switcher button:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
#table.attendance-body-resizing,#mobileAttendance.attendance-body-resizing{overflow:hidden;overflow:clip;overflow-anchor:none}
@media screen and (max-width:900px){.workspace-ui #mobileAttendance{display:flow-root}}
/* Text-first selection sheets: quiet rows, inset separators and fixed actions. */
.workspace-ui .sheet-selection{width:480px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--floating-border);border-radius:22px;background:var(--surface);color:var(--text);box-shadow:0 18px 60px #0003;overflow:hidden;animation:sheet-picker-in .2s cubic-bezier(.22,1,.36,1)}
.sheet-selection::backdrop{background:#10182835;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.sheet-selection form{display:flex;flex-direction:column;margin:0;max-height:calc(100dvh - 50px);min-height:0;gap:0;overflow:hidden}
.sheet-selection-handle{display:none}.sheet-selection header{position:relative;display:block;height:auto;flex:none;padding:19px 52px 14px 20px;letter-spacing:normal;background:transparent;border:0;color:var(--text)}
.sheet-selection h2{font-size:21px;line-height:1.2;font-weight:600;letter-spacing:-.6px;margin:0}
.sheet-selection header .sheet-selection-context{display:block;margin:6px 0 0;font-size:12px;font-weight:400;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sheet-selection .sheet-selection-close{position:absolute;right:17px;top:18px;display:grid;place-items:center;width:32px;height:32px;min-height:32px;padding:8px;background:transparent;border:0;border-radius:50%;color:var(--muted)}.sheet-selection-close:hover{background:var(--hover)}
.sheet-selection-close svg,.sheet-selection-search-wrap svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sheet-selection-search-wrap{position:relative;flex:none;margin:0 20px 11px}.sheet-selection-search-wrap>svg{position:absolute;left:13px;top:13px;color:var(--muted);pointer-events:none}
.sheet-selection .sheet-selection-search{display:block;width:100%;height:43px;min-height:43px;padding:9px 13px 9px 39px;margin:0;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface-soft) 65%,transparent);color:var(--text);font:13px var(--font)}
.sheet-selection-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px 11px;flex:none}
.sheet-selection-filters{display:flex;align-items:center;gap:3px;padding:3px;border-radius:10px;background:color-mix(in srgb,var(--surface-soft) 80%,transparent)}
.sheet-selection-filters button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:5px 10px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11px;white-space:nowrap}
.sheet-selection-filters button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0000000c;font-weight:550}.sheet-selection-filters [data-selected-count]{font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted)}
.sheet-selection-bulk{display:flex;align-items:center;gap:10px}.sheet-selection-bulk button{min-height:30px;padding:4px 0;border:0;background:transparent;color:var(--accent);font-size:11px;white-space:nowrap}.sheet-selection-bulk [data-none]{color:var(--muted)}
 .sheet-selection-items{display:block;padding:0 20px;height:auto;max-height:260px;min-height:0;flex:0 1 auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.sheet-selection-items .sheet-selection-row{position:relative;display:flex;align-items:center;gap:13px;min-width:0;min-height:60px;margin:0;padding:10px 4px;border:0;border-radius:0;background:transparent;cursor:pointer;text-align:left}
.sheet-selection-row::after{content:'';position:absolute;left:39px;right:4px;bottom:0;height:1px;background:var(--line);pointer-events:none}.sheet-selection-row:last-child::after{display:none}
.sheet-selection-row:hover{background:var(--hover)}.sheet-selection-row:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:-2px;border-radius:8px}
.sheet-selection-row input[type=checkbox]{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;opacity:0;cursor:pointer;z-index:1}
.sheet-selection-row .sheet-selection-row-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;margin:0}
.sheet-selection-row strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;font-weight:500;line-height:1.4;color:var(--text);overflow-wrap:anywhere}
.sheet-selection-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:400;line-height:1.4;color:var(--muted)}
.sheet-selection-check{position:relative;display:grid;place-items:center;flex:none;width:22px;height:22px;margin:0;border:1.5px solid var(--border);border-radius:50%;background:transparent;color:transparent;pointer-events:none}.sheet-selection-check svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sheet-selection-row:has(input:checked) .sheet-selection-check{background:var(--accent);border-color:var(--accent);color:var(--on-primary,#fff)}
.sheet-symbol-code{display:grid;place-items:center;flex:none;width:42px;height:34px;min-width:42px;max-width:92px;padding:0 5px;margin:0;border:0;border-radius:8px;background:var(--surface-soft);color:var(--text);font-size:14px;font-weight:600;line-height:1;letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis}
.sheet-selection[data-kind=symbols] .sheet-selection-row{min-height:56px;padding-block:10px}.sheet-selection[data-kind=symbols] .sheet-selection-row::after{left:59px}.sheet-selection[data-kind=symbols] .sheet-selection-check{width:22px;height:22px;border:0;border-radius:0;background:transparent}.sheet-selection[data-kind=symbols] .sheet-selection-row:has(input:checked) .sheet-selection-check{background:transparent;color:var(--accent)}
.sheet-selection-empty{padding:32px 10px;text-align:center;color:var(--muted);font-size:12px;line-height:1.6;margin:0}
.sheet-selection-note{flex:none;padding:10px 20px 12px}.sheet-selection-note p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}
.sheet-selection [data-configure]{display:flex;align-items:center;gap:6px;min-height:30px;padding:6px 0 0;border:0;background:transparent;color:var(--accent);font-size:11px}
.sheet-selection footer{display:flex;align-items:center;gap:8px;flex:none;margin:0;padding:12px 20px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 65%,transparent)}
.sheet-selection footer [data-count]{flex:1;min-width:0;font-size:11px;color:var(--muted);line-height:1.4}.sheet-selection footer button{min-height:38px;padding:8px 15px;border-radius:11px;background:var(--surface);border:1px solid var(--border);font-size:12px;white-space:nowrap}.sheet-selection footer .primary{background:var(--accent);border-color:transparent;color:var(--on-primary,#fff)}
@keyframes sheet-picker-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:600px){.workspace-ui .sheet-selection{position:fixed;inset:auto 0 0;width:100%;max-width:100%;max-height:75dvh;margin:0;border-radius:22px 22px 0 0;border-bottom:0;animation:sheet-picker-up .24s cubic-bezier(.22,1,.36,1)}.sheet-selection form{height:auto;max-height:calc(75dvh - 1px);padding-bottom:env(safe-area-inset-bottom)}.sheet-selection-handle{display:block;width:32px;height:4px;flex:none;margin:9px auto 0;border-radius:4px;background:color-mix(in srgb,var(--muted) 35%,transparent)}.sheet-selection header{padding:17px 52px 17px 18px}.sheet-selection h2{font-size:22px}.sheet-selection .sheet-selection-close{top:12px;right:13px}.sheet-selection-search-wrap{margin-inline:18px}.sheet-selection .sheet-selection-search{font-size:16px}.sheet-selection-tools{padding:0 18px 14px;gap:6px}.sheet-selection-filters button{padding:5px 8px}.sheet-selection-bulk{gap:8px}.sheet-selection-bulk button{font-size:10px}.sheet-selection-items{height:auto;max-height:260px;min-height:0;padding-inline:18px;padding-bottom:0;flex:0 1 auto}.sheet-selection-note{padding:12px 18px}.sheet-selection footer{padding:13px 18px}.sheet-selection footer button{padding:8px 13px}}
@media(max-height:500px){.sheet-selection header{padding-block:12px}.sheet-selection h2{font-size:18px}.sheet-selection-search-wrap{margin-bottom:7px}.sheet-selection-tools{padding-bottom:8px}.sheet-selection-note p{display:none}.sheet-selection-note{padding-block:5px}.sheet-selection footer{padding-block:10px}.sheet-selection-items{min-height:0}}
@keyframes sheet-picker-up{from{opacity:.7;transform:translateY(50px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.sheet-selection,.sheet-selection-row{animation:none!important;transition:none!important}}
/* Frost only the surface; variations come from the content behind the sheet. */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .workspace-ui .sheet-selection{background:color-mix(in srgb,var(--surface) 72%,transparent);backdrop-filter:blur(26px) saturate(145%);-webkit-backdrop-filter:blur(26px) saturate(145%)}
 .sheet-selection::backdrop{background:#10182822;backdrop-filter:none;-webkit-backdrop-filter:none}
}