/* Three-by-two grades and one visible group row, with native single-choice buttons. */
.school-class-picker{--picker-surface:#fff;--picker-control:#f8fafc;--picker-selected:#082d67;--picker-on-selected:#fff;--picker-soft:#edf2fb}
:root[data-theme="dark"] .school-class-picker{--picker-surface:var(--dark-paper,#182235);--picker-control:#132034;--picker-selected:#244f87;--picker-soft:var(--dark-soft,#243651)}
.school-app .school-class-picker[hidden],.school-class-picker [hidden]{display:none!important}
.school-app .filterbar.school-class-picker{display:block;min-width:0;max-width:100%;padding:18px;margin-bottom:20px;background:var(--picker-surface);border:1px solid var(--line,#e0e7f1);border-radius:14px;overflow-wrap:anywhere}
.school-app .school-class-picker .school-picker-title{display:block;margin:0 0 10px;font-size:16px;line-height:1.7;color:var(--ink,#15345d)}
.school-app .school-class-picker .school-class-selection{margin:0 0 16px;padding:10px 12px;border-radius:10px;background:var(--picker-soft);color:var(--ink,#15345d);font-size:14px;line-height:1.8;font-weight:600}
.school-app .school-class-picker>.school-picker-section{display:block;width:100%;margin:0 0 16px}
.school-app .school-class-picker .school-picker-section h2{font-size:14px;line-height:1.7;margin:0 0 8px;color:var(--ink,#15345d);font-weight:700}
.school-app .school-class-picker .school-grade-grid,.school-app .school-class-picker .school-group-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}
.school-app .school-class-picker button[data-school-grade],.school-app .school-class-picker button[data-school-group]{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:44px;min-height:64px;padding:12px 20px;border:1px solid var(--line,#dce4ef);border-radius:11px;background:var(--picker-control);color:var(--ink,#15345d);font:inherit;font-size:16px;line-height:1.6;font-weight:600;cursor:pointer;touch-action:manipulation}
.school-app .school-class-picker button[aria-pressed="true"]{background:var(--picker-selected);border-color:var(--picker-selected);color:var(--picker-on-selected);font-weight:800}
.school-app .school-class-picker [data-school-check]{position:absolute;inset-inline-end:7px;top:7px;display:grid;place-items:center;width:17px;height:17px;font:700 14px Arial,sans-serif;visibility:hidden}
.school-app .school-class-picker button[aria-pressed="true"] [data-school-check]{visibility:visible}
.school-app .school-class-picker button:focus-visible{outline:3px solid var(--gold,#bc9738);outline-offset:3px}
.school-app .school-class-picker button:disabled{opacity:.55;cursor:default}
.school-app .school-class-picker .school-picker-saved{display:block;margin:0;color:var(--muted,#64748b);font-size:12px;line-height:1.8}
@media(max-width:360px){.school-app .filterbar.school-class-picker{padding:14px}.school-app .school-class-picker button[data-school-grade],.school-app .school-class-picker button[data-school-group]{padding:12px 16px;font-size:15px}.school-app .school-class-picker .school-picker-title{font-size:15px}}