/* finesse · register=product · A=sage-neutral+school-forest · B=Chinese-system-sans · C=compact-ledger+task-desk · D=state-feedback · E=tinted-paper · soul=6 spectacle=1 density=5/7 */
:root{font-family:var(--fx-font);color:var(--fx-ink);background:var(--fx-page);font-synthesis:none;--green:var(--fx-accent);--green-dark:var(--fx-accent-hover);--green-light:var(--fx-soft);--red:var(--fx-danger);--line:var(--fx-line);--muted:var(--fx-muted);--shadow:var(--fx-shadow)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:var(--fx-accent)}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--fx-accent);outline-offset:3px}input,select,textarea{width:100%;min-height:48px;background:var(--fx-surface);border:1px solid var(--fx-line);border-radius:9px;padding:12px;color:var(--fx-ink)}textarea{min-height:112px;resize:vertical;line-height:1.65}label{display:block;margin-bottom:7px;font-weight:650}input[type=checkbox],input[type=radio]{width:23px;height:23px;min-height:0;accent-color:var(--fx-accent);margin:0;flex:none}input[type=file]{padding:9px}.field{margin:20px 0}.field-help,.muted{color:var(--fx-muted);font-size:14px;line-height:1.65}.field-help{margin:7px 0}.hint{padding:14px 16px;background:var(--fx-raised);border:1px solid var(--fx-line);border-radius:10px;line-height:1.65;color:var(--fx-muted);font-size:15px}.hint.warning{background:var(--fx-warning-soft);border-color:var(--fx-line);color:var(--fx-warning)}.hint.error,.error{background:var(--fx-danger-soft);border-color:var(--fx-line);color:var(--fx-danger)}.error{padding:13px 16px;border:1px solid var(--fx-line);border-radius:9px;line-height:1.6;margin:16px 0}.success{padding:15px;background:var(--fx-success-soft);border-radius:10px;color:var(--fx-success)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--fx-line);border-radius:10px;padding:12px 20px;min-height:48px;background:var(--fx-surface);color:var(--fx-ink);font-weight:650;text-decoration:none;line-height:1.4}.btn.primary{background:var(--fx-accent);border-color:var(--fx-accent);color:var(--fx-on-accent)}.btn.danger{color:var(--fx-danger);border-color:var(--fx-line);background:var(--fx-danger-soft)}.btn.small{padding:8px 13px;min-height:38px;font-size:14px}.btn.quiet{border:0;background:transparent;padding:8px;color:var(--fx-muted)}.btn.full{width:100%}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:20px}.divider{height:1px;background:var(--fx-line);margin:22px 0}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.col-span{grid-column:1/-1}.loading-screen{display:grid;place-items:center;min-height:70vh;color:var(--fx-muted);font-size:18px}.teacher-shell{max-width:650px;margin:auto;padding:26px 22px 48px}.school-header{text-align:center;margin:16px 0 38px}.school-logo{width:82px;height:82px;object-fit:contain;border-radius:50%;background:var(--fx-surface);margin-bottom:18px}.school-header h1{font-family:var(--fx-font);font-size:28px;letter-spacing:2px;font-weight:650;line-height:1.4}.school-header p{font-size:17px;color:var(--fx-muted);letter-spacing:3px;margin-top:11px}.teacher-home{display:grid;gap:22px}.choice{min-height:165px;text-align:left;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--fx-line);border-radius:18px;background:var(--fx-surface);padding:28px;box-shadow:var(--fx-shadow)}.choice .symbol{width:62px;height:62px;display:grid;place-items:center;font-size:40px;background:var(--fx-soft);border-radius:50%;font-weight:300;color:var(--fx-accent)}.choice.deduction .symbol{background:var(--fx-danger-soft);color:var(--fx-danger)}.choice strong{font-size:32px;letter-spacing:3px;display:block}.choice span{font-size:17px;color:var(--fx-muted);margin-top:8px;display:block}.teacher-footer{text-align:center;color:var(--fx-muted);font-size:13px;margin-top:35px;line-height:1.7}.teacher-header{display:flex;gap:15px;align-items:center;margin-bottom:22px}.teacher-header h1{font-size:24px}.teacher-header .back{width:48px;height:48px;border:1px solid var(--fx-line);border-radius:50%;background:var(--fx-surface);font-size:24px}.step-dots{display:flex;gap:6px;align-items:center;justify-content:space-between;margin:22px 0;color:var(--fx-muted);font-size:13px}.step-dots span{border-top:3px solid var(--fx-line);padding-top:9px;flex:1;text-align:center}.step-dots .active{color:var(--fx-accent);border-color:var(--fx-accent);font-weight:700}.step-title{font-size:25px;margin-bottom:10px;line-height:1.4}.step-description{font-size:17px;color:var(--fx-muted);line-height:1.7;margin-bottom:22px}.teacher-shell label{font-size:18px}.teacher-shell input,.teacher-shell select,.teacher-shell textarea{font-size:18px;min-height:55px}.teacher-shell input[type=checkbox]{min-height:0}.teacher-shell .btn{font-size:18px;min-height:56px}.teacher-shell .btn.small{font-size:16px;min-height:46px}.teacher-shell .btn.quiet{min-height:42px}.step-controls{display:flex;gap:14px;margin-top:28px}.step-controls .primary{flex:1}.photo-add{border:2px dashed var(--fx-line);border-radius:15px;padding:28px 18px;text-align:center;background:var(--fx-surface)}.photo-add .photo-icon{font-size:37px;margin-bottom:14px}.photo-add .actions{justify-content:center}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.photo-tile{position:relative;background:var(--fx-raised);border:1px solid var(--fx-line);border-radius:10px;overflow:hidden}.photo-tile img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.photo-tile .delete-photo{position:absolute;right:5px;top:5px;border:0;background:var(--fx-surface);border-radius:50%;width:32px;height:32px;font-size:22px;color:var(--fx-danger)}.photo-tile p{font-size:12px;text-align:center;padding:7px}.target-card{background:var(--fx-surface);padding:19px;border:1px solid var(--fx-line);border-radius:13px;margin:16px 0}.target-card h3{font-size:18px}.target-card .field{margin:15px 0}.student-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--fx-line);background:var(--fx-raised);border-radius:10px;min-height:59px;padding:13px;font-size:18px;font-weight:650;color:var(--fx-accent)}.student-picker{margin-top:13px}.check-row{display:flex;align-items:center;gap:12px;margin-bottom:0;font-weight:400;padding:13px;border:1px solid var(--fx-line);border-radius:9px;background:var(--fx-surface);font-size:17px}.check-row.selected{background:var(--fx-soft);border-color:var(--fx-accent)}.whole-class{margin-bottom:12px;background:var(--fx-warning-soft)}.student-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:430px;overflow:auto;padding:3px}.teacher-shell .search{margin-bottom:12px;font-size:16px}.selected-summary{margin-top:12px;font-size:16px;color:var(--fx-accent);line-height:1.6}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}.category-btn{border:1px solid var(--fx-line);border-radius:10px;background:var(--fx-surface);padding:16px 10px;font-size:19px;color:var(--fx-muted);min-height:66px}.category-btn.selected{background:var(--fx-accent);color:var(--fx-on-accent);border-color:var(--fx-accent)}.item-list{display:grid;gap:9px}.item-btn{border:1px solid var(--fx-line);border-radius:10px;background:var(--fx-surface);padding:16px;font-size:18px;color:var(--fx-ink);text-align:left;line-height:1.4;min-height:56px}.item-btn.selected{background:var(--fx-soft);border-color:var(--fx-accent);box-shadow:var(--fx-shadow)}.review-summary{background:var(--fx-surface);border:1px solid var(--fx-line);border-radius:12px;padding:20px;line-height:1.8}.review-summary dl{display:grid;grid-template-columns:90px 1fr;gap:14px;margin:0}.review-summary dt{color:var(--fx-muted)}.review-summary dd{margin:0;overflow-wrap:anywhere}.receipt{text-align:center;padding:25px 0}.receipt .tick{margin:auto auto 24px;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font-size:42px;background:var(--fx-success-soft);color:var(--fx-success)}.receipt h2{font-size:29px;margin-bottom:16px}.receipt p{font-size:17px;color:var(--fx-muted);line-height:1.8}.receipt .btn{margin-top:35px}.admin-layout{min-height:100vh}.admin-topbar{height:76px;background:var(--fx-accent-hover);color:var(--fx-on-accent);padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;top:0;z-index:10}.admin-brand{display:flex;align-items:center;gap:13px}.admin-brand img{width:42px;height:42px;border-radius:50%;object-fit:contain;background:var(--fx-surface)}.admin-brand strong{font-size:19px;letter-spacing:1px}.admin-brand span{display:block;font-size:12px;color:var(--fx-on-accent-muted);margin-top:4px}.admin-account{display:flex;align-items:center;gap:15px;font-size:14px}.admin-account .btn{color:var(--fx-on-accent);border-color:var(--fx-line);background:transparent}.admin-body{display:grid;grid-template-columns:210px 1fr}.admin-sidebar{padding:26px 15px;background:var(--fx-surface);border-right:1px solid var(--fx-line);min-height:calc(100vh - 76px)}.admin-nav{display:flex;flex-direction:column;gap:7px}.admin-nav button{border:0;background:transparent;text-align:left;color:var(--fx-muted);font-size:16px;padding:14px 16px;border-radius:9px;font-weight:650}.admin-nav button.active{background:var(--fx-soft);color:var(--fx-accent)}.admin-sidebar .muted{padding:20px 16px;font-size:12px}.admin-main{max-width:1450px;width:100%;padding:30px 34px;margin:auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:27px}.page-heading h1{font-size:27px;font-weight:650}.page-heading p{color:var(--fx-muted);line-height:1.7;margin-top:8px;font-size:14px}.badge{font-size:12px;border-radius:5px;padding:5px 9px;background:var(--fx-warning-soft);color:var(--fx-warning);white-space:nowrap;display:inline-block}.badge.APPROVED{background:var(--fx-success-soft);color:var(--fx-success)}.badge.RETURNED{background:var(--fx-warning-soft);color:var(--fx-warning)}.badge.VOID{background:var(--fx-raised);color:var(--fx-muted)}.badge.demo{background:var(--fx-warning-soft);color:var(--fx-warning)}.stats-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.stats-card{padding:20px;border:1px solid var(--fx-line);border-radius:12px;background:var(--fx-surface);box-shadow:var(--fx-shadow)}.stats-card span{font-size:14px;color:var(--fx-muted)}.stats-card strong{display:block;font-size:29px;font-weight:600;margin-top:8px}.panel{background:var(--fx-surface);border:1px solid var(--fx-line);border-radius:12px;padding:23px;box-shadow:var(--fx-shadow);margin-bottom:22px}.panel h2{font-size:19px;margin-bottom:16px}.panel h3{font-size:17px;margin-bottom:12px}.toolbar{display:flex;gap:13px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.toolbar .field{margin:0;min-width:150px;flex:1;max-width:250px}.toolbar label{font-size:13px;color:var(--fx-muted)}.table-wrap{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:14px;white-space:nowrap}th{font-weight:650;color:var(--fx-muted);background:var(--fx-raised);text-align:left}td,th{padding:13px 14px;border-bottom:1px solid var(--fx-line);vertical-align:middle}td .wrap{white-space:normal;max-width:300px;line-height:1.6}tr:hover td{background:var(--fx-surface)}.empty{text-align:center;padding:45px 15px;color:var(--fx-muted);line-height:1.9}.records-detail{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;align-items:start}.details-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.details-photo-grid a{display:block}.details-photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:var(--fx-raised)}.meta-grid{display:grid;grid-template-columns:95px 1fr;gap:13px;font-size:14px;line-height:1.65;margin:22px 0}.meta-grid dt{color:var(--fx-muted)}.meta-grid dd{margin:0;overflow-wrap:anywhere}.review-target{padding:17px;border:1px solid var(--fx-line);border-radius:10px;margin-bottom:17px;background:var(--fx-surface)}.review-target h3{display:flex;align-items:center;gap:8px}.review-target .field{margin:13px 0}.review-target .field label{font-size:14px}.person-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}.person-points label{font-size:12px;line-height:1.5}.person-points input{padding:8px;min-height:40px;font-size:14px}.history-list{list-style:none;padding:0;margin:0}.history-list li{border-left:2px solid var(--fx-line);padding:0 0 17px 14px;font-size:13px;line-height:1.7;color:var(--fx-muted)}.history-list strong{color:var(--fx-ink)}.auth-shell{max-width:470px;margin:7vh auto;padding:22px}.auth-shell .school-header{margin-bottom:27px}.auth-shell h2{font-size:23px;margin-bottom:9px}.auth-shell .panel{padding:29px}.setup-shell{max-width:800px;margin:30px auto;padding:20px}.accounts-grid{display:grid;gap:17px}.account-form{background:var(--fx-surface);padding:18px;border:1px solid var(--fx-line);border-radius:10px}.account-form h3{font-size:16px;margin-bottom:14px}.account-form .grid{gap:12px}.account-form .field{margin:0}.account-form .field label{font-size:13px}.account-form .field-help{font-size:12px}.link-result{padding:16px;border:1px solid var(--fx-line);border-radius:10px;background:var(--fx-soft);overflow-wrap:anywhere;line-height:1.7;margin:15px 0}.link-result code{display:block;user-select:all;font-size:14px;word-break:break-all}.report-list{display:flex;flex-direction:column;gap:10px}.report-row{border:1px solid var(--fx-line);border-radius:9px;padding:14px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}.report-row p{font-size:14px;line-height:1.7}.report-row .actions{margin:0}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.settings-grid .panel{margin:0}.storage-meter{height:9px;border-radius:9px;background:var(--fx-raised);overflow:hidden;margin:15px 0 8px}.storage-meter div{height:100%;background:var(--fx-accent)}.progress{font-size:14px;margin:14px 0;line-height:1.7;color:var(--fx-accent)}.status-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.status-tabs button{border:1px solid var(--fx-line);background:var(--fx-surface);border-radius:8px;padding:9px 14px;color:var(--fx-muted);font-size:14px}.status-tabs button.active{background:var(--fx-accent);color:var(--fx-on-accent);border-color:var(--fx-accent)}.import-preview{max-height:400px;overflow:auto;margin:20px 0}.inline-error{color:var(--fx-danger);font-size:13px;line-height:1.6}.modal-backdrop{position:fixed;inset:0;background:var(--fx-scrim);display:flex;align-items:center;justify-content:center;padding:20px;z-index:30;overflow:auto}.modal{max-width:640px;width:100%;background:var(--fx-surface);border-radius:15px;padding:27px;max-height:90vh;overflow:auto}.modal h2{font-size:22px;margin-bottom:18px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:var(--fx-ink);color:var(--fx-on-accent);border-radius:10px;box-shadow:var(--fx-shadow);padding:14px 22px;max-width:calc(100vw - 30px);text-align:center;font-size:15px;line-height:1.6;z-index:60;display:none}#toast.show{display:block}.print-only{display:none}.charts-container{width:100%;min-width:0}.charts-container canvas{max-width:100%}.intro-access{max-width:500px;margin:auto;text-align:center}.intro-access h2{font-size:23px;margin-bottom:16px}.intro-access p{font-size:17px;line-height:1.8;color:var(--fx-muted)}.intro-access .btn{margin-top:25px}.teacher-record-host .teacher-shell{padding-top:0}.admin-main .teacher-header{margin-top:0}.top-message{margin-bottom:22px}.password-note{font-size:13px;line-height:1.6;color:var(--fx-muted)}.inline-group{display:flex;gap:10px;align-items:center}.inline-group input{min-width:0}.upload-photo-link{font-size:13px}.report-summary{line-height:1.8;font-size:14px;color:var(--fx-muted)}.native-dialog-close{float:right;font-size:21px;min-height:34px}.text-right{text-align:right}.mobile-only{display:none}[hidden]{display:none!important}
@media(min-width:1000px){.teacher-shell{padding-top:42px}.teacher-home .choice{min-height:170px}.teacher-home{gap:23px}}
@media(max-width:900px){.admin-topbar{padding:0 19px}.admin-body{grid-template-columns:1fr}.admin-sidebar{padding:10px 14px;min-height:0;border-right:0;border-bottom:1px solid var(--fx-line);position:sticky;top:76px;z-index:9;overflow:auto}.admin-nav{flex-direction:row;white-space:nowrap}.admin-nav button{padding:10px 14px;font-size:14px}.admin-sidebar .muted{display:none}.admin-main{padding:24px 19px}.records-detail{grid-template-columns:1fr}.stats-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.stats-card{padding:15px}.settings-grid{grid-template-columns:1fr}.mobile-only{display:block}}
@media(max-width:570px){.teacher-shell{padding:20px 17px 35px}.school-header{margin:15px 0 30px}.school-header h1{font-size:25px;letter-spacing:1px}.school-header p{font-size:15px}.school-logo{width:75px;height:75px;margin-bottom:15px}.choice{padding:24px;min-height:155px}.choice strong{font-size:30px}.choice .symbol{width:56px;height:56px}.step-dots{font-size:12px}.step-title{font-size:24px}.target-card{padding:16px}.student-list{gap:7px}.check-row{padding:12px 9px;font-size:16px}.teacher-shell .btn{padding:12px 17px;font-size:18px}.teacher-shell .btn.small{font-size:15px;padding:9px 11px}.teacher-shell .btn.quiet{font-size:14px;padding:5px}.photo-add{padding:24px 11px}.category-btn{font-size:18px;padding:14px 8px}.review-summary{padding:16px}.review-summary dl{grid-template-columns:80px 1fr;font-size:16px}.admin-topbar{height:72px;padding:0 13px}.admin-brand img{width:36px;height:36px}.admin-brand strong{font-size:16px;letter-spacing:0}.admin-brand span{font-size:11px}.admin-account{gap:8px}.admin-account>span{display:none}.admin-account .btn.small{font-size:12px;padding:7px}.admin-sidebar{top:72px;padding:9px}.admin-main{padding:20px 13px}.page-heading h1{font-size:24px}.stats-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-card strong{font-size:27px}.panel{padding:17px}.toolbar{gap:10px}.toolbar .field{min-width:130px}.page-heading .actions{margin-top:0}.grid{grid-template-columns:1fr}.account-form .grid{grid-template-columns:1fr}.auth-shell{margin-top:4vh}.auth-shell .panel{padding:23px}.person-points{grid-template-columns:repeat(2,minmax(0,1fr))}.meta-grid{grid-template-columns:80px 1fr}.details-photo-grid{gap:7px}.modal{padding:20px}.report-row .btn{font-size:13px;min-height:40px;padding:9px 12px}.setup-shell{padding:12px;margin:15px auto}.actions{gap:9px}.btn{padding:11px 15px}.teacher-record-host .teacher-shell{padding-left:0;padding-right:0}.inline-group{flex-wrap:wrap}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}.teacher-home .choice:hover{border-color:var(--fx-line);transform:translateY(-1px)}}
.statistics-section label select{width:auto;max-width:100%;margin-left:0!important;display:block;margin-top:8px}.statistics-section table{font-size:13px}.statistics-section h3{line-height:1.6}.table-wrap td .wrap{max-width:380px}.check-row input:disabled+span{color:var(--fx-muted)}.student-picker:focus-within{outline:0}
.admin-main,.admin-body,.panel,.records-detail>div{min-width:0}.table-wrap{width:100%;overscroll-behavior-x:contain}.records-detail{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}@media(max-width:900px){.records-detail{grid-template-columns:minmax(0,1fr)}}
@media(max-width:570px){.admin-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;white-space:normal}.admin-nav button{text-align:center;padding:10px 6px;font-size:14px;line-height:1.4}.admin-sidebar{overflow:visible}.admin-brand strong{font-weight:650}}
.import-batch{margin:22px 0;padding:18px;border:1px solid var(--fx-line);background:var(--fx-raised);border-radius:12px}.import-batch-fields,.import-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.import-batch .field,.import-fields .field{margin:6px 0;min-width:0}.import-repair-row{padding:20px;border:1px solid var(--fx-line);border-left:4px solid var(--fx-danger);background:var(--fx-surface);border-radius:12px;margin:18px 0;min-width:0}.import-repair-row.excluded{background:var(--fx-raised);border-color:var(--fx-line);border-left-color:var(--fx-line)}.import-repair-row h3{margin:0;font-size:17px}.import-select{display:flex;align-items:center;gap:9px;margin:0;font-size:14px;font-weight:500}.import-errors{padding-left:20px;margin:14px 0;color:var(--fx-danger);font-size:14px;line-height:1.8;overflow-wrap:anywhere}.import-original{white-space:pre-wrap;overflow-wrap:anywhere;padding:10px;background:var(--fx-warning-soft);border-radius:7px;font-size:14px;line-height:1.6;margin-bottom:12px;max-height:145px;overflow:auto}.import-fields input,.import-fields select{min-width:0}.import-repair-row .field>label{font-size:14px}.import-repair-list{min-width:0}#import-diagnostic-copy{min-height:180px;margin-top:18px;font:13px/1.6 var(--fx-font)}#import-stale-note{margin-top:10px}@media(max-width:570px){.import-batch-fields,.import-fields{grid-template-columns:minmax(0,1fr)}.import-repair-row,.import-batch{padding:15px}.import-repair-row .actions{gap:8px}.import-repair-row .btn.small{font-size:13px;min-height:44px}.import-select{font-size:14px}}
.manual-name-row{display:flex;align-items:flex-end;gap:10px;min-width:0}.manual-name-row>.field{flex:1;min-width:0}.manual-name-row>.btn{flex:none;margin-bottom:15px}.manual-names{margin-top:12px}.reported-names{line-height:1.8;overflow-wrap:anywhere;margin:12px 0}.review-classification{margin:20px 0;padding:16px;border:1px solid var(--fx-line);border-radius:10px;background:var(--fx-raised)}.review-classification .field{margin:10px 0}
.statistics-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px;align-items:start}.statistics-filter-grid .field{margin:0;min-width:0}.statistics-filter-grid input,.statistics-filter-grid select{max-width:100%;min-width:0}.statistics-week-field{grid-column:span 2}.statistics-week-field select{font-size:14px}.statistics-submit{align-self:end}.statistics-submit .btn{width:100%}#statistics-status{margin:14px 0}@media(max-width:570px){.statistics-filter-grid{grid-template-columns:minmax(0,1fr);gap:16px}.statistics-week-field{grid-column:auto}.statistics-week-field select{font-size:14px}.statistics-submit .btn{min-height:52px}}
.choice.repair .symbol{background:var(--fx-success-soft);color:var(--fx-success)}.repair-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.repair-card-list{display:grid;gap:18px;margin-top:18px}.repair-card{min-width:0;padding:20px;border:1px solid var(--fx-line);border-radius:12px;background:var(--fx-surface)}.repair-card h2{font-size:19px}.repair-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;margin:16px 0}.repair-card .details-photo-grid img{height:150px;object-fit:cover}.badge.repair-status.PROCESSING{background:var(--fx-success-soft);color:var(--fx-success)}.badge.repair-status.COMPLETED{background:var(--fx-success-soft);color:var(--fx-success)}@media(max-width:570px){.repair-card{padding:16px}.repair-card .details-photo-grid img{height:100px}.repair-stats{gap:7px}.repair-stats .stats-card{padding:12px}.repair-stats .stats-card strong{font-size:25px}}
.choice.homework .symbol{background:var(--fx-warning-soft);color:var(--fx-warning)}.homework-receipt{text-align:left;max-width:420px;margin:24px auto}.teacher-shell input[readonly]{background:var(--fx-soft);color:var(--fx-muted)}.homework-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.homework-card{min-width:0;padding:20px;border:1px solid var(--fx-line);border-radius:12px;background:var(--fx-surface)}.homework-card h2{font-size:21px;margin-bottom:4px;overflow-wrap:anywhere}.homework-card .field-help{margin:0}.homework-card-meta{display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px;font-size:14px;line-height:1.6;margin:18px 0}.homework-card-meta dt{color:var(--fx-muted)}.homework-card-meta dd{margin:0;overflow-wrap:anywhere}.homework-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;margin:18px 0}.homework-card .homework-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.homework-card .details-photo-grid img{height:150px;object-fit:cover}.homework-pagination{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:24px}.homework-pagination span{font-size:14px;color:var(--fx-muted)}.homework-pagination .btn:disabled{cursor:default}.homework-filter .field{min-width:130px}.homework-detail{max-width:900px}.homework-detail .details-photo-grid{margin-top:17px}.homework-detail .details-photo-grid img{aspect-ratio:auto;height:260px;object-fit:contain}.homework-detail .details-photo-grid a{background:var(--fx-raised);border-radius:10px}.homework-detail h2{overflow-wrap:anywhere}#homework-retry-note .btn{margin-top:12px;min-height:44px}@media(max-width:900px){.homework-card-list{grid-template-columns:minmax(0,1fr)}}@media(max-width:570px){.school-header p{letter-spacing:1px}.homework-card{padding:16px}.homework-card .details-photo-grid img{height:100px}.homework-filter .field{max-width:none;min-width:calc(50% - 10px)}.homework-filter input,.homework-filter select{min-width:0}.homework-filter .btn{min-height:48px}.homework-detail .details-photo-grid{grid-template-columns:minmax(0,1fr)}.homework-detail .details-photo-grid img{height:auto;max-height:500px;width:100%;object-fit:contain}.homework-pagination{gap:10px}.homework-pagination .btn{min-height:48px}.homework-card .btn.small{min-height:44px}}

.student-discipline-section{padding:22px 0;min-width:0;border-top:1px solid var(--fx-line)}
.student-discipline-section h3{margin-bottom:12px}
.student-discipline-section p{font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.student-list-controls{margin:16px 0}
.student-list-controls label{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}
.student-list-controls select{font-size:16px;padding:10px;max-width:100%;min-height:44px}
.student-list-note{color:var(--fx-muted);margin-bottom:14px}
.student-list-table-wrap{width:100%;max-width:100%;overflow-x:auto}
.student-list-table{width:100%;min-width:1040px;table-layout:fixed;white-space:normal}
.student-list-table th,.student-list-table td{vertical-align:top;line-height:1.65;overflow-wrap:anywhere}
.student-list-table th:nth-child(1){width:84px}
.student-list-table th:nth-child(2){width:140px}
.student-list-table th:nth-child(3){width:110px}
.student-list-table th:nth-child(4){width:130px}
.student-list-table th:nth-child(5){width:150px}
.student-list-table th:nth-child(6){width:280px}
.student-list-table th:nth-child(7){width:146px}
.student-list-description{white-space:pre-wrap}
.student-list-caption{text-align:left;font-size:13px;color:var(--fx-muted);padding:0 0 10px}
.student-list-pagination{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;font-size:13px;line-height:1.8}
.student-list-pagination .btn{min-height:44px}
.student-list-table-wrap:focus-visible{outline:2px solid var(--fx-accent);outline-offset:3px}

/* Desktop navigation stays below the existing sticky school header. */
@media(min-width:901px){.admin-sidebar{position:sticky;top:76px;align-self:start;min-height:0;height:calc(100vh - 76px);height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior-y:contain;z-index:9}}

button.stats-card{font:inherit;text-align:left;cursor:pointer;color:inherit;width:100%}
button.stats-card:hover{border-color:var(--fx-accent);background:var(--fx-raised)}
button.stats-card:focus-visible{outline:3px solid var(--fx-accent);outline-offset:3px}
button.stats-card[aria-pressed=true]{border-color:var(--fx-accent)}
.archive-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:20px}
.archive-description{white-space:pre-wrap;overflow-wrap:anywhere;max-width:320px;min-width:180px;max-height:110px;overflow:auto}
.archive-full-description{white-space:pre-wrap;overflow-wrap:anywhere}
.archive-table table{min-width:1050px}
.archive-modal .modal{max-width:1000px}
.archive-modal .meta-grid dd,.archive-modal details{overflow-wrap:anywhere}
.archive-photo img{max-height:360px;object-fit:contain}
@media(max-width:570px){.archive-pagination{justify-content:flex-start}.archive-modal .modal{padding:20px}.archive-description{max-width:240px}}

.teacher-identity{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 18px;padding:0 0 15px;border-bottom:1px solid var(--fx-line)}
.teacher-identity strong{font-size:18px;font-weight:650;display:block}
.teacher-identity span{display:block;color:var(--fx-muted);font-size:13px;line-height:1.6;margin-top:5px}
.teacher-secondary{display:flex;flex-direction:column;margin-top:18px;border-top:1px solid var(--fx-line)}
.teacher-secondary-link{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:16px 5px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--fx-line);font-size:17px;line-height:1.5;text-decoration:none;color:var(--fx-accent);font-weight:550}
.teacher-secondary-link span{font-size:24px;color:var(--fx-muted)}.teacher-secondary-link.subtle{color:var(--fx-muted);font-size:15px}
.teacher-secondary+.teacher-footer{margin-top:24px}.intake-account-note{font-size:14px;line-height:1.7;margin-bottom:20px;padding:12px 0;border-bottom:1px solid var(--fx-line);color:var(--fx-muted)}
.roster-toolbar{display:flex;align-items:flex-start;gap:10px}.roster-toolbar .search{flex:1;min-width:0}.roster-toolbar .btn{flex:none;min-height:55px}
.duplicate-notice{border-left:3px solid var(--fx-line);background:var(--fx-warning-soft);padding:13px 14px;margin-bottom:14px;font-size:14px;line-height:1.7;color:var(--fx-warning)}
.duplicate-request{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;flex-wrap:wrap}.duplicate-request .field-help{margin:0}
.student-unavailable{background:var(--fx-raised);color:var(--fx-muted)}.student-unavailable input:disabled{cursor:not-allowed;opacity:.55}.student-verified{grid-column:1/-1;border-color:var(--fx-success);background:var(--fx-success-soft)}
.teacher-shell .student-list .check-row{font-size:17px;min-height:54px;overflow-wrap:anywhere}.student-list .field-help{grid-column:1/-1}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.own-record-list{display:grid;gap:14px;margin-top:20px}.own-record-card{display:block;text-align:left;width:100%;padding:20px;border:1px solid var(--fx-line);border-radius:12px;background:var(--fx-surface);color:inherit;line-height:1.7}
.own-record-card p{margin-top:11px;font-size:15px;overflow-wrap:anywhere}.own-record-description{color:var(--fx-muted);white-space:pre-wrap;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.own-record-open{display:block;color:var(--fx-accent);font-size:14px;margin-top:13px}
.identity-prewrap{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.own-detail .details-photo-grid{margin-top:18px}.own-detail .details-photo-grid img{height:160px;object-fit:contain;aspect-ratio:auto}.own-review-targets p{line-height:1.8;font-size:14px;margin-top:10px}
.accounts-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.account-list{display:grid;gap:0}.identity-account{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid var(--fx-line)}
.identity-account strong{font-size:16px;line-height:1.7;margin-right:12px}.identity-account p{font-size:14px;line-height:1.7;margin-top:7px}.identity-account .btn{flex:none}.identity-account-editor{margin-top:26px;padding:22px;background:var(--fx-raised);border:1px solid var(--fx-line);border-radius:12px}
.identity-role-fields{border:0;padding:0;margin:20px 0}.identity-role-fields legend{font-size:15px;font-weight:650;margin-bottom:10px}.identity-role-fields .check-row{display:inline-flex;margin:0 8px 8px 0;font-size:14px;min-height:46px}
.identity-verification-list{display:grid;gap:18px;margin-top:18px}.identity-verification{padding:18px;border:1px solid var(--fx-line);border-radius:10px}.identity-verification strong{font-size:16px;line-height:1.7}.identity-verification textarea{min-height:90px}
@media(max-width:570px){.teacher-identity{margin-top:-6px}.teacher-secondary-link{min-height:60px}.teacher-shell .roster-toolbar .btn.small{font-size:14px;padding:10px 12px;min-height:55px}.duplicate-notice{padding:12px}.duplicate-request{align-items:flex-start}.teacher-shell .duplicate-request .btn.small{font-size:14px;min-height:44px;padding:8px 10px}.own-record-card{padding:17px}.own-detail .details-photo-grid{grid-template-columns:minmax(0,1fr)}.own-detail .details-photo-grid img{height:auto;width:100%;max-height:500px}.identity-account-editor{padding:17px}.identity-account{align-items:flex-start}.identity-role-fields .check-row{display:flex;margin-right:0}.identity-verification{padding:15px}.admin-account>a.btn.small{font-size:12px;white-space:nowrap;padding:7px 8px}.admin-brand{gap:8px}.admin-brand strong{font-size:15px}}

/* Scoped to the authentic homeroom workflow; existing teacher intake remains unchanged. */
.hm-root{min-width:0;color:var(--fx-ink)}
.hm-root h2{font-size:26px;line-height:1.45;margin:0}
.hm-root h3{font-size:18px;line-height:1.55;margin:0}
.hm-root p{line-height:1.75;overflow-wrap:anywhere}
.hm-root button,.hm-root input,.hm-root textarea,.hm-root select{touch-action:manipulation}
.hm-root button:focus-visible,.hm-root a:focus-visible,.hm-root input:focus-visible,.hm-root textarea:focus-visible,.hm-root select:focus-visible{outline:3px solid var(--fx-accent);outline-offset:3px}
.hm-root button:disabled{cursor:not-allowed;opacity:.55}
.hm-brand{margin-bottom:28px}
.hm-heading{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.hm-heading p{font-size:14px;color:var(--fx-muted);margin-top:6px}
.hm-back{width:46px;height:46px;flex:none;border:1px solid var(--fx-line);border-radius:50%;background:var(--fx-surface);color:var(--fx-muted);font-size:27px}
.hm-main-actions{display:grid;gap:18px}
.hm-main-card{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:152px;text-align:left;border:1px solid var(--fx-line);border-radius:14px;background:var(--fx-surface);padding:26px 28px;color:inherit;width:100%}
.hm-main-card strong{display:block;font-size:31px;letter-spacing:2px;font-weight:650;line-height:1.5}
.hm-main-card p{font-size:16px;color:var(--fx-muted);margin-top:9px}
.hm-main-card>span{font-size:27px;font-weight:300;color:var(--fx-muted);flex:none}
.hm-main-card.hm-done{background:var(--fx-soft);border-color:var(--fx-line);opacity:1}
.hm-main-card.hm-done strong{font-size:27px}
.hm-award{font-size:12px;color:var(--fx-muted);border-top:1px solid var(--fx-line);padding-top:13px;margin-top:15px}
.hm-panel{padding:23px;border:1px solid var(--fx-line);border-radius:12px;background:var(--fx-surface);margin:18px 0;min-width:0}
.hm-panel>p{margin-top:12px}
.hm-panel>h2{margin-bottom:18px;font-size:21px}
.hm-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.hm-row>strong{overflow-wrap:anywhere;line-height:1.6}
.hm-badge{font-size:12px;line-height:1.6;padding:4px 8px;border-radius:4px;display:inline-block;background:var(--fx-raised);color:var(--fx-muted);white-space:nowrap}
.hm-required,.hm-submitted,.hm-in_review{background:var(--fx-warning-soft);color:var(--fx-warning)}
.hm-approved,.hm-completed{background:var(--fx-success-soft);color:var(--fx-success)}
.hm-returned{background:var(--fx-warning-soft);color:var(--fx-warning)}
.hm-paused,.hm-unassigned{background:var(--fx-raised);color:var(--fx-muted)}
.hm-notice{border-left:3px solid var(--fx-line);background:var(--fx-raised);padding:13px 15px;font-size:14px;line-height:1.8;color:var(--fx-muted);margin:18px 0;overflow-wrap:anywhere}
.hm-empty{padding:30px 10px;text-align:center;color:var(--fx-muted);line-height:1.9}
.hm-empty strong{display:block;font-size:16px;font-weight:550;color:var(--fx-muted)}
.hm-empty p{margin-top:8px;font-size:14px}
.hm-tabs{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}
.hm-tabs button{border:1px solid var(--fx-line);border-radius:7px;min-height:46px;background:var(--fx-surface);color:var(--fx-muted);padding:11px 15px;font-size:15px;flex:1;white-space:nowrap}
.hm-tabs button.active{background:var(--fx-soft);border-color:var(--fx-accent);color:var(--fx-accent);font-weight:650}
.hm-task-list,.hm-record-list{display:grid;gap:14px;margin:18px 0}
.hm-task-card{border:1px solid var(--fx-line);border-radius:12px;background:var(--fx-surface);padding:21px;min-width:0}
.hm-task-card>p{font-size:14px;color:var(--fx-muted);margin-top:9px}
.hm-task-card strong{font-size:18px}
.hm-task-card .actions{margin-top:16px}
.hm-meta{display:grid;grid-template-columns:94px minmax(0,1fr);gap:12px;font-size:15px;line-height:1.8;margin:18px 0}
.hm-meta dt{color:var(--fx-muted)}
.hm-meta dd{margin:0;overflow-wrap:anywhere}
.hm-prewrap{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}
.hm-material-grid{display:grid;gap:16px}
.hm-material{border:1px solid var(--fx-line);border-radius:12px;padding:23px;background:var(--fx-surface);min-width:0}
.hm-material>p{font-size:15px;color:var(--fx-muted);margin:12px 0}
.hm-reward{font-size:13px;line-height:1.8;white-space:nowrap;color:var(--fx-muted)}
.hm-material-meta{font-size:12px;color:var(--fx-muted);margin:16px 0;align-items:center}
.hm-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
.hm-photo{position:relative;min-width:0;background:var(--fx-raised);border:1px solid var(--fx-line);border-radius:9px;overflow:hidden}
.hm-photo img{display:block;width:100%;aspect-ratio:1;object-fit:contain;min-width:0}
.hm-photo>p{font-size:12px;color:var(--fx-muted);text-align:center;margin:6px;padding:0 6px}
.hm-photo-remove{position:absolute;right:5px;top:5px;width:34px;height:34px;min-height:34px!important;border:0;border-radius:50%;background:var(--fx-surface);font-size:24px!important;color:var(--fx-danger);display:grid;place-items:center}
.hm-photo-failure{font-size:12px;padding:12px;color:var(--fx-warning);line-height:1.8}
.hm-photo-failure .btn{font-size:12px!important;min-height:34px!important;padding:5px 8px}
.hm-file-button{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px!important;overflow:hidden;min-height:48px}
.hm-file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;min-height:0!important}
.hm-file-button:focus-within{outline:3px solid var(--fx-accent);outline-offset:3px}
.hm-file-button.hm-disabled{opacity:.5;cursor:default}
.hm-photo-picker p{font-size:13px!important;line-height:1.7;margin-top:10px}
.hm-root .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.hm-root .actions .primary{flex:1}
.hm-root .field{margin:20px 0}
.hm-root .field textarea{width:100%;min-height:130px;resize:vertical;line-height:1.7;padding:12px;max-width:100%}
.hm-root .field select,.hm-root .field input{width:100%;max-width:100%;min-width:0}
.hm-save-status{color:var(--fx-muted);font-size:13px;line-height:1.8;margin-top:12px}
.hm-history{border-top:1px solid var(--fx-line);margin-top:18px;padding-top:14px;font-size:13px;color:var(--fx-muted)}
.hm-history summary{min-height:36px;cursor:pointer;line-height:1.8}
.hm-history ul{padding-left:22px;line-height:1.8;margin-top:12px}
.hm-history li{margin-bottom:12px;overflow-wrap:anywhere}
.hm-history li p{margin-top:5px;white-space:pre-wrap}
.hm-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end}
.hm-filter-grid .field{margin:0 0 16px}
.hm-filter-grid>.btn{margin-bottom:16px}
.hm-goal{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--fx-line);padding:16px 0;flex-wrap:wrap;line-height:1.7;font-size:15px}
.hm-goal span{color:var(--fx-muted);font-size:13px}
.hm-student-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}
.hm-student{background:var(--fx-surface);border:1px solid var(--fx-line);border-radius:9px;min-height:58px;text-align:left;padding:13px;color:var(--fx-ink);font-size:18px;overflow-wrap:anywhere}
.hm-student small{display:block;font-size:12px;color:var(--fx-muted);line-height:1.6;margin-top:5px}
.hm-record-card{background:var(--fx-surface);border:1px solid var(--fx-line);border-radius:10px;text-align:left;padding:18px;color:inherit;width:100%}
.hm-record-card p{font-size:14px;color:var(--fx-muted);margin-top:10px}
.hm-record-card>span{font-size:13px;display:block;color:var(--fx-accent);margin-top:11px}
.hm-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.hm-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.hm-label-row .btn{font-size:13px!important;min-height:36px!important;padding:6px 8px}
.hm-points{font-size:32px;font-weight:650;white-space:nowrap}
.hm-points small{font-size:14px;color:var(--fx-muted);font-weight:400}
.hm-ledger article{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid var(--fx-line);line-height:1.7}
.hm-ledger article>strong{white-space:nowrap;color:var(--fx-accent)}
.hm-ledger p{font-size:13px;color:var(--fx-muted);margin-top:5px}
.hm-ledger .hm-negative{color:var(--fx-danger)}
.hm-rule-list>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--fx-line);font-size:15px;line-height:1.8}
.hm-rule-list strong{white-space:nowrap;color:var(--fx-muted);font-weight:550}
.hm-admin h1{font-size:27px}
.hm-admin-tabs{margin-bottom:24px}
.hm-admin .hm-panel h2{font-size:20px}
.hm-admin .btn{min-height:44px}
.hm-admin textarea{font-size:16px}
.hm-admin .hm-task-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.hm-review-grid,.hm-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.hm-review-grid>.hm-panel{margin:0}
.hm-summary-card{padding:18px;border:1px solid var(--fx-line);border-radius:8px;min-width:0}
.hm-summary-card>p{font-size:13px;color:var(--fx-muted);margin-top:7px}
.hm-student-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:430px;overflow:auto;padding:3px}
.hm-student-checks .check-row{font-size:15px;min-width:0;line-height:1.6;overflow-wrap:anywhere}
.hm-dispatch-card{padding:20px 0;border-top:1px solid var(--fx-line)}
.hm-dispatch-targets fieldset{border:1px solid var(--fx-line);border-radius:8px;margin:14px 0;padding:16px}
.hm-dispatch-targets legend{padding:0 7px;color:var(--fx-muted);font-size:15px}
.hm-target-config{display:flex;align-items:center;gap:18px;padding:12px 0;border-bottom:1px solid var(--fx-line);flex-wrap:wrap;line-height:1.7}
.hm-target-config label{display:inline-flex;align-items:center;gap:8px;font-size:14px}
.hm-root [hidden]{display:none!important}
@media(min-width:1100px){.teacher-shell.hm-root{max-width:840px}.hm-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-material .hm-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.hm-review-grid,.hm-summary-grid,.hm-admin .hm-task-list{grid-template-columns:minmax(0,1fr)}.hm-student-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){.hm-root h2{font-size:23px}.hm-heading{gap:11px}.hm-heading p{font-size:13px}.hm-main-card{padding:24px 22px;min-height:146px}.hm-main-card strong{font-size:29px}.hm-main-card p{font-size:16px}.hm-panel,.hm-material{padding:18px}.hm-tabs{gap:6px}.hm-tabs button{font-size:14px;padding:10px 11px;flex:initial}.hm-admin-tabs button{flex:1}.hm-meta{grid-template-columns:76px minmax(0,1fr);gap:10px;font-size:14px}.hm-root .actions .btn{font-size:16px;min-height:50px}.hm-photo-grid{gap:8px}.hm-photo-picker .hm-file-button{font-size:16px!important;min-height:50px}.hm-goal{align-items:flex-start;gap:8px}.hm-goal strong{font-size:15px}.hm-filter-grid{grid-template-columns:minmax(0,1fr);gap:0}.hm-root .field label{font-size:16px}.hm-root .field input,.hm-root .field select,.hm-root .field textarea{font-size:17px}.hm-target-config{gap:10px 18px}.hm-target-config strong{width:100%}.hm-task-card{padding:17px}.hm-task-card strong{font-size:17px}.hm-ledger article{gap:12px}.hm-rule-list>div{font-size:14px}.hm-student-checks{grid-template-columns:minmax(0,1fr)}.hm-admin .hm-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* finesse · register=product · A=sage-neutral+school-forest · B=Chinese-system-sans · C=compact-ledger+task-desk · D=state-feedback · E=tinted-paper · soul=6 spectacle=1 density=5/7 */
:root {
  --fx-page:#eef1ed; --fx-surface:#fbfcfa; --fx-raised:#f5f7f3; --fx-ink:#192c24;
  --fx-muted:#53675c; --fx-accent:#2f6b4f; --fx-accent-hover:#23533d; --fx-soft:#e5eee6;
  --fx-line:rgba(25,44,36,.13); --fx-line-strong:rgba(25,44,36,.26);
  --fx-success:#246773; --fx-success-soft:#e7f0f1; --fx-danger:#a03936; --fx-danger-soft:#f7eae8;
  --fx-warning:#805815; --fx-warning-soft:#f6edda; --fx-on-accent:#f5faf5; --fx-on-accent-muted:#d8e8dd;
  --fx-scrim:rgba(25,44,36,.38); --fx-shadow:0 2px 6px rgba(25,44,36,.03),0 14px 35px rgba(25,44,36,.025);
  --fx-chart-secondary:#698556;
  --fx-font:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  --fx-radius:14px; --fx-radius-sm:10px; --fx-radius-xs:6px; --fx-nav-h:72px;
  --green-dark:var(--fx-accent-hover); --green-light:var(--fx-soft); --red:var(--fx-danger); --shadow:var(--fx-shadow);
  --green:var(--fx-accent); --muted:var(--fx-muted); --line:var(--fx-line); --ink:var(--fx-ink); --bg:var(--fx-page);
}
html,body { overflow-x:clip; min-height:100%; background:var(--fx-page); color:var(--fx-ink); }
body { min-height:100vh; min-height:100dvh; }
body { background:var(--fx-page); color:var(--fx-ink); font-family:var(--fx-font); font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased; }
* { box-sizing:border-box; }
[hidden] { display:none!important; }
button,input,select,textarea { font-family:var(--fx-font); }
button,a.btn,[role=button] { white-space:nowrap; }
button { cursor:pointer; }
button:disabled { cursor:not-allowed; }
a { color:var(--fx-accent); }
h1,h2,h3,h4 { color:var(--fx-ink); line-height:1.35; letter-spacing:-.025em; min-width:0; overflow-wrap:anywhere; }
h1 { font-size:28px; font-weight:650; } h2 {font-size:22px;font-weight:650;} h3 {font-size:18px;font-weight:600;}
p { overflow-wrap:anywhere; }
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible { outline:3px solid var(--fx-accent); outline-offset:3px; }
::selection { background:var(--fx-soft); color:var(--fx-ink); }
.btn { border:1px solid var(--fx-line-strong); background:var(--fx-surface); color:var(--fx-ink); border-radius:var(--fx-radius-sm); min-height:44px; padding:10px 17px; font-size:14px; font-weight:550; line-height:1.5; box-shadow:none; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:7px; }
.btn.primary { background:var(--fx-accent); color:var(--fx-on-accent); border-color:var(--fx-accent); }
.btn.quiet { border-color:transparent; background:transparent; color:var(--fx-muted); }
.btn.danger { color:var(--fx-danger); background:var(--fx-danger-soft); border-color:var(--fx-line); }
.btn.small { min-height:44px; padding:8px 13px; font-size:13px; }
.btn.full { width:100%; }
.btn:disabled,button:disabled { opacity:.53; box-shadow:none; }
button:active:not(:disabled),a.btn:active { transform:translateY(1px); }
input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea { min-width:0; max-width:100%; background:var(--fx-surface); border:1px solid var(--fx-line-strong); border-radius:var(--fx-radius-sm); padding:11px 13px; min-height:46px; color:var(--fx-ink); box-shadow:none; font-size:16px; line-height:1.5; }
input::placeholder,textarea::placeholder { color:var(--fx-muted); opacity:1; }
input[readonly],.teacher-shell input[readonly],input:disabled,select:disabled,textarea:disabled { background:var(--fx-raised); color:var(--fx-muted); }
input[type=checkbox],input[type=radio] { accent-color:var(--fx-accent); flex-shrink:0; width:19px; height:19px; }
textarea { resize:vertical; min-height:132px; }
.field { margin:0 0 20px; min-width:0; }
.field>label { display:block; margin-bottom:8px; font-size:14px; line-height:1.5; color:var(--fx-ink); font-weight:550; }
.field-help,.muted,.password-note,.student-list-note { color:var(--fx-muted); font-size:13px; line-height:1.7; }
.field-help { margin:8px 0; }
.error,.inline-error { color:var(--fx-danger); }
.error { background:var(--fx-danger-soft); border:1px solid var(--fx-line); border-radius:var(--fx-radius-sm); padding:14px 16px; font-size:14px; line-height:1.7; }
.hint,.top-message { color:var(--fx-muted); background:var(--fx-raised); border:1px solid var(--fx-line); border-radius:var(--fx-radius-sm); padding:14px 16px; line-height:1.75; font-size:14px; }
.hint.warning,.duplicate-notice { color:var(--fx-warning); background:var(--fx-warning-soft); border:1px solid var(--fx-line); border-radius:var(--fx-radius-sm); }
.hint.success { color:var(--fx-success); background:var(--fx-success-soft); }
.panel { min-width:0; background:var(--fx-surface); border:1px solid var(--fx-line); border-radius:var(--fx-radius); padding:24px; margin:0 0 20px; box-shadow:var(--fx-shadow); }
.panel>h2 { margin:0 0 10px; }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.grid>* { min-width:0; }
.actions,.row { gap:10px; min-width:0; }
.actions { flex-wrap:wrap; }
.loading-screen { color:var(--fx-muted); padding:56px 20px; font-size:15px; line-height:1.7; }
.empty { color:var(--fx-muted); padding:52px 20px; font-size:14px; line-height:1.9; background:var(--fx-raised); border-radius:var(--fx-radius-sm); }
.badge { border-radius:var(--fx-radius-xs); padding:4px 9px; font-size:12px; font-weight:550; line-height:1.6; color:var(--fx-muted); background:var(--fx-raised); border:1px solid var(--fx-line); white-space:nowrap; }
.badge.PENDING,.badge.demo { color:var(--fx-warning); background:var(--fx-warning-soft); }
.badge.APPROVED,.badge.COMPLETED { color:var(--fx-success); background:var(--fx-success-soft); }
.badge.RETURNED,.badge.VOID { color:var(--fx-danger); background:var(--fx-danger-soft); }
.teacher-shell { max-width:640px; min-width:0; padding:30px 28px 48px; margin:26px auto; background:transparent; }
.school-header { display:flex; flex-wrap:nowrap; align-items:center; gap:16px; margin:0 0 16px; text-align:left; }
.school-logo { width:62px; height:62px; flex:0 0 auto; margin:0; padding:2px; border-radius:50%; background:var(--fx-surface); border:1px solid var(--fx-line); object-fit:contain; }
.school-brand-copy { min-width:0; }
.school-header h1 { font-family:var(--fx-font); margin:0; font-size:22px; font-weight:650; letter-spacing:.015em; }
.school-header p { margin:5px 0 0; font-size:13px; color:var(--fx-muted); letter-spacing:0; }
.fx-preview-note { color:var(--fx-muted); font-size:12px; margin:0 0 30px; line-height:1.6; }
.teacher-home { display:block; margin-top:18px; }
.teacher-home .choice { width:100%; background:var(--fx-accent); color:var(--fx-on-accent); border:1px solid var(--fx-accent); border-radius:var(--fx-radius); min-height:188px; padding:26px; text-align:left; box-shadow:var(--fx-shadow); transform:none; }
.teacher-home .choice>div { display:flex; flex-direction:column; min-width:0; align-items:flex-start; }
.teacher-home .choice strong { color:var(--fx-on-accent); font-size:28px; font-weight:600; line-height:1.4; letter-spacing:.015em; }
.teacher-home .choice span { color:var(--fx-on-accent-muted); font-size:15px; margin-top:7px; line-height:1.6; }
.teacher-home .choice .fx-entry-action { color:var(--fx-on-accent); font-size:14px; margin-top:26px; font-weight:550; }
.teacher-secondary { margin-top:22px; background:var(--fx-surface); border:1px solid var(--fx-line); border-radius:var(--fx-radius); overflow:hidden; box-shadow:var(--fx-shadow); }
.teacher-secondary-link { color:var(--fx-ink); min-height:58px; padding:15px 20px; background:transparent; font-size:16px; line-height:1.5; font-weight:550; border-bottom:1px solid var(--fx-line); }
.teacher-secondary-link:last-child { border-bottom:0; }
.teacher-secondary-link span { color:var(--fx-muted); font-size:22px; }
.teacher-secondary-link.subtle { font-size:14px; color:var(--fx-muted); }
.teacher-identity { padding:15px 0; margin:0 0 15px; border-bottom:1px solid var(--fx-line); }
.teacher-identity strong { font-size:18px; }
.teacher-identity span { color:var(--fx-muted); font-size:13px; }
.teacher-footer { color:var(--fx-muted); margin:20px 0 0; font-size:13px; line-height:1.75; text-align:left; }
.intro-access { text-align:left; max-width:none; padding:26px; background:var(--fx-surface); border:1px solid var(--fx-line); border-radius:var(--fx-radius); box-shadow:var(--fx-shadow); }
.intro-access h2 { font-size:22px; margin-bottom:15px; }
.intro-access p { font-size:15px; line-height:1.85; color:var(--fx-muted); }
.intro-access .btn { width:100%; min-height:48px; margin:20px 0 8px; background:var(--fx-accent); color:var(--fx-on-accent); border-color:var(--fx-accent); }
.teacher-header { align-items:center; gap:14px; margin:0 0 25px; }
.teacher-header h1 { font-size:22px; }
.back { width:44px; height:44px; flex:0 0 auto; background:var(--fx-surface); border:1px solid var(--fx-line); border-radius:var(--fx-radius-sm); color:var(--fx-ink); font-size:27px; line-height:1; }
.step-dots { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid var(--fx-line); background:var(--fx-surface); border-radius:var(--fx-radius-sm); gap:0; padding:5px; margin:0 0 26px; }
.step-dots span { font-size:13px; line-height:1.5; text-align:center; padding:10px 3px; border:0; border-radius:var(--fx-radius-xs); color:var(--fx-muted); }
.step-dots .active { color:var(--fx-accent); background:var(--fx-soft); font-weight:600; }
.step-title { font-size:24px; margin-bottom:8px; }
.step-description { font-size:15px; line-height:1.85; color:var(--fx-muted); margin:0 0 20px; }
.photo-add { background:var(--fx-surface); border:1px dashed var(--fx-line-strong); border-radius:var(--fx-radius); padding:28px 22px; text-align:center; margin-top:22px; }
.fx-upload-label { color:var(--fx-ink); font-size:18px; font-weight:550; }
.photo-add>p { font-size:14px; margin:8px 0 22px; color:var(--fx-muted); }
.photo-add .actions { display:flex; justify-content:center; margin:0; gap:10px; }
.photo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:18px 0; }
.photo-tile { min-width:0; background:var(--fx-surface); border:1px solid var(--fx-line); border-radius:var(--fx-radius-sm); overflow:hidden; }
.photo-tile img { display:block; width:100%; aspect-ratio:1; object-fit:cover; border-radius:0; }
.photo-tile p { font-size:12px; line-height:1.6; color:var(--fx-muted); padding:8px; margin:0; }
.delete-photo { width:44px; height:44px; background:var(--fx-ink); color:var(--fx-on-accent); font-size:25px; border-radius:var(--fx-radius-xs); border:1px solid var(--fx-line); right:6px; top:6px; }
.step-controls { padding:18px 0 max(8px,env(safe-area-inset-bottom)); border-top:1px solid var(--fx-line); display:flex; gap:12px; margin-top:26px; }
.step-controls .btn { min-height:50px; flex:1; font-size:16px; }
.teacher-shell .btn { font-size:16px; min-height:48px; padding:11px 16px; }
.teacher-shell .btn.small { font-size:14px; min-height:44px; padding:9px 12px; }
.teacher-shell .btn.quiet { color:var(--fx-muted); font-size:14px; min-height:44px; }
.target-card,.review-target { background:var(--fx-surface); border:1px solid var(--fx-line); border-radius:var(--fx-radius); padding:22px; margin:0 0 18px; }
.target-card h3 { font-size:18px; margin:0 0 17px; }
.target-card>.row h3 { margin:0; }
.target-card>.row { margin-bottom:18px; }
.check-row { background:var(--fx-surface); color:var(--fx-ink); border:1px solid var(--fx-line); border-radius:var(--fx-radius-sm); font-size:15px; line-height:1.5; min-height:48px; padding:12px; }
.check-row.selected,.check-row:has(input:checked) { background:var(--fx-soft); border-color:var(--fx-accent); color:var(--fx-ink); }
.check-row input:disabled+span { color:var(--fx-muted); }
.whole-class { margin:0 0 18px; }
.student-picker { background:transparent; padding:0; }
.student-list { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.teacher-shell .student-list .check-row { font-size:15px; min-height:48px; }
.roster-toolbar { gap:8px; align-items:center; margin:0 0 16px; }
.roster-toolbar .btn { min-height:46px; }
.selected-summary { background:var(--fx-soft); color:var(--fx-accent); border:1px solid var(--fx-line); padding:10px 12px; border-radius:var(--fx-radius-sm); font-size:14px; line-height:1.75; }
.duplicate-notice { border-left:1px solid var(--fx-line); padding:14px; font-size:14px; }
.student-unavailable { background:var(--fx-raised); color:var(--fx-muted); }
.student-verified { border-color:var(--fx-success); background:var(--fx-success-soft); }
.intake-account-note { color:var(--fx-muted); background:var(--fx-soft); padding:12px 14px; border:1px solid var(--fx-line); border-radius:var(--fx-radius-sm); }
.receipt { background:var(--fx-surface); padding:30px 25px; border:1px solid var(--fx-line); border-radius:var(--fx-radius); text-align:left; }
.receipt h2 {font-size:24px;}
.receipt .tick { width:52px; height:52px; background:var(--fx-success-soft); color:var(--fx-success); border-radius:var(--fx-radius-sm); margin:0 0 22px; font-size:28px; }
.receipt p { font-size:15px; color:var(--fx-muted); line-height:1.9; }
.auth-shell { max-width:510px; padding:28px; margin:7vh auto 35px; }
.auth-shell .school-header { margin-bottom:16px; }
.auth-shell .panel { padding:28px; margin-bottom:16px; }
.auth-shell .panel>h2 { font-size:24px; }
.auth-shell .panel>.muted { margin:0 0 25px; }
.auth-shell .btn { min-height:48px; font-size:16px; }
.setup-shell { padding:28px; }
.account-form,.import-batch { border:1px solid var(--fx-line); background:var(--fx-raised); border-radius:var(--fx-radius-sm); }
.link-result { background:var(--fx-soft); border:1px solid var(--fx-line); color:var(--fx-ink); border-radius:var(--fx-radius-sm); }
.admin-layout { display:grid; grid-template-columns:218px minmax(0,1fr); grid-template-rows:var(--fx-nav-h) minmax(0,1fr); min-height:100vh; min-height:100dvh; }
.admin-body { display:contents; }
.admin-topbar { grid-column:2; grid-row:1; position:sticky; top:0; z-index:20; background:var(--fx-surface); border-bottom:1px solid var(--fx-line); padding:0 32px; height:var(--fx-nav-h); gap:15px; }
.fx-admin-context { display:flex; align-items:center; gap:14px; min-width:0; }
.fx-admin-context strong { font-size:15px; font-weight:600; }
.fx-admin-context>span { font-size:12px; color:var(--fx-muted); border:1px solid var(--fx-line); border-radius:var(--fx-radius-xs); padding:3px 8px; }
.admin-account { display:flex; gap:12px; align-items:center; min-width:0; }
.admin-account .fx-account-name { font-size:13px; color:var(--fx-muted); }
.admin-account .btn { font-size:13px; }
.admin-sidebar { grid-column:1; grid-row:1/span 2; position:sticky; top:0; height:100vh; height:100dvh; min-height:0; align-self:start; z-index:21; overflow-y:auto; background:var(--fx-page); border-right:1px solid var(--fx-line); padding:26px 16px; display:flex; flex-direction:column; }
.fx-side-brand { display:flex; align-items:center; gap:10px; color:var(--fx-ink); text-decoration:none; margin-bottom:37px; }
.fx-side-brand img { width:43px; height:43px; border:1px solid var(--fx-line); border-radius:50%; padding:1px; object-fit:contain; }
.fx-side-brand>div { min-width:0; }
.fx-side-brand strong { display:block; font-size:17px; font-weight:650; }
.fx-side-brand span { display:block; font-size:12px; color:var(--fx-muted); margin-top:1px; }
.fx-nav-label { font-size:12px; color:var(--fx-muted); margin:0 12px 12px; }
.admin-nav { display:flex; flex-direction:column; gap:5px; white-space:nowrap; }
.admin-nav button { width:100%; min-height:46px; padding:11px 13px; border:1px solid transparent; background:transparent; color:var(--fx-muted); border-radius:var(--fx-radius-sm); font-size:14px; font-weight:500; text-align:left; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.admin-nav button.active { color:var(--fx-accent); background:var(--fx-surface); border-color:var(--fx-line); box-shadow:var(--fx-shadow); font-weight:600; }
.fx-nav-arrow { font-size:20px; opacity:0; }
.admin-nav .active .fx-nav-arrow { opacity:1; }
.fx-side-foot { margin-top:auto; padding:26px 12px 0; color:var(--fx-muted); font-size:12px; }
.fx-side-foot .btn { margin:0 0 18px; width:100%; text-align:left; justify-content:flex-start; }
.fx-side-foot strong { display:block; font-size:12px; font-weight:500; }
.fx-side-foot span { display:block; margin-top:7px; line-height:1.85; }
.admin-main { grid-column:2; grid-row:2; padding:32px; max-width:1660px; width:100%; min-width:0; }
.fx-menu,.fx-menu-scrim { display:none; }
.page-heading { align-items:center; gap:18px; margin:0 0 26px; }
.page-heading h1 { font-size:28px; font-weight:650; margin-bottom:8px; }
.page-heading p { font-size:13px; line-height:1.7; color:var(--fx-muted); }
.page-heading .actions { flex-shrink:0; margin:0; }
.stats-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:20px; }
.stats-card { background:var(--fx-surface); border:1px solid var(--fx-line); border-radius:var(--fx-radius); padding:18px 20px; color:var(--fx-ink); box-shadow:var(--fx-shadow); }
.stats-card span { color:var(--fx-muted); font-size:13px; }
.stats-card strong { display:block; color:var(--fx-ink); font-size:32px; line-height:1.4; font-weight:600; margin-top:5px; font-variant-numeric:tabular-nums; }
button.stats-card[aria-pressed=true] { background:var(--fx-soft); border-color:var(--fx-accent); }
button.stats-card[aria-pressed=true] strong { color:var(--fx-accent); }
.toolbar { display:flex; gap:14px; align-items:flex-end; flex-wrap:wrap; margin-bottom:22px; }
.toolbar .field { margin:0; max-width:245px; min-width:145px; }
.toolbar label { font-size:13px; color:var(--fx-muted); }
.status-tabs { display:flex; flex-wrap:wrap; gap:6px; padding:0 0 17px; margin-bottom:8px; border-bottom:1px solid var(--fx-line); }
.status-tabs button { border:1px solid transparent; background:transparent; color:var(--fx-muted); min-height:44px; padding:9px 14px; border-radius:var(--fx-radius-sm); font-size:14px; line-height:1.5; }
.status-tabs button.active { background:var(--fx-soft); color:var(--fx-accent); border-color:var(--fx-line); font-weight:600; }
.table-wrap,.student-list-table-wrap { max-width:100%; overflow-x:auto; border-radius:var(--fx-radius-sm); overscroll-behavior-x:contain; }
table { font-size:13px; width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
th { background:var(--fx-raised); color:var(--fx-muted); font-weight:550; }
th,td { padding:13px 14px; border-bottom:1px solid var(--fx-line); }
tr:hover td { background:var(--fx-raised); }
td .wrap { line-height:1.7; }
.text-right,.num { text-align:right; font-variant-numeric:tabular-nums; }
.records-detail { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:22px; align-items:start; }
.records-detail>div { min-width:0; }
.details-photo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.details-photo-grid img { width:100%; border-radius:var(--fx-radius-sm); background:var(--fx-raised); border:1px solid var(--fx-line); }
.meta-grid { display:grid; grid-template-columns:90px minmax(0,1fr); gap:12px 14px; font-size:14px; line-height:1.8; }
.meta-grid dt { color:var(--fx-muted); }
.meta-grid dd { color:var(--fx-ink); overflow-wrap:anywhere; }
.review-classification { background:var(--fx-raised); border:1px solid var(--fx-line); padding:18px; border-radius:var(--fx-radius-sm); }
.review-target { background:var(--fx-raised); }
.review-target .field { margin:15px 0; }
.person-points { grid-template-columns:repeat(2,minmax(0,1fr)); }
.person-points input { min-height:44px; }
.reported-names { background:var(--fx-warning-soft); color:var(--fx-warning); }
.history-list li { border-left:0; border-bottom:1px solid var(--fx-line); color:var(--fx-muted); padding:13px 0; }
.history-list li:last-child { border-bottom:0; }
.history-list strong { color:var(--fx-ink); }
.report-row,.homework-card,.repair-card { background:var(--fx-surface); border:1px solid var(--fx-line); border-radius:var(--fx-radius-sm); }
.report-row { padding:17px 18px; }
.settings-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.storage-meter { background:var(--fx-soft); border-radius:var(--fx-radius-xs); }
.storage-meter div { background:var(--fx-accent); }
.progress { color:var(--fx-accent); }
.import-repair-row { background:var(--fx-surface); border:1px solid var(--fx-line); border-radius:var(--fx-radius-sm); }
.import-repair-row.excluded { background:var(--fx-raised); border-color:var(--fx-line); }
.import-errors { color:var(--fx-danger); }
.import-original { background:var(--fx-raised); color:var(--fx-ink); border-radius:var(--fx-radius-xs); }
.modal-backdrop { background:var(--fx-scrim); padding:24px; z-index:50; }
.modal { background:var(--fx-surface); border:1px solid var(--fx-line); border-radius:var(--fx-radius); box-shadow:var(--fx-shadow); padding:28px; max-height:calc(100dvh - 48px); }
.native-dialog-close { min-width:44px; min-height:44px; color:var(--fx-muted); }
#toast { background:var(--fx-ink); color:var(--fx-on-accent); box-shadow:var(--fx-shadow); border-radius:var(--fx-radius-sm); bottom:max(20px,env(safe-area-inset-bottom)); font-size:14px; padding:13px 18px; }
.own-record-card { background:var(--fx-surface); border:1px solid var(--fx-line); border-radius:var(--fx-radius); box-shadow:var(--fx-shadow); }
.own-record-photo,.own-photo-cell { background:var(--fx-raised); }
.teacher-record-host .teacher-shell { margin:0 auto; padding:0; }
@media (hover:hover) and (pointer:fine) {
  .btn:hover:not(:disabled),.back:hover,.teacher-secondary-link:hover { background:var(--fx-soft); border-color:var(--fx-line-strong); color:var(--fx-accent); }
  .btn.primary:hover:not(:disabled),.intro-access .btn:hover,.teacher-home .choice:hover { background:var(--fx-accent-hover); color:var(--fx-on-accent); border-color:var(--fx-accent-hover); transform:none; }
  .admin-nav button:hover,.status-tabs button:hover { background:var(--fx-soft); color:var(--fx-accent); }
  button.stats-card:hover { border-color:var(--fx-accent); background:var(--fx-soft); }
}
@media (prefers-reduced-motion:no-preference) {
  .btn,.back,.choice,.teacher-secondary-link,.admin-nav button { transition:background-color .16s,border-color .16s,color .16s; }
}
@media (max-width:1100px) {
  .admin-layout { grid-template-columns:198px minmax(0,1fr); }
  .admin-main { padding:26px 22px; }
  .admin-topbar { padding:0 22px; }
  .fx-admin-context>span { display:none; }
  .records-detail { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:900px) {
  .admin-layout { display:block; }
  .admin-body { display:block; }
  .admin-topbar { height:var(--fx-nav-h); padding:0 18px; display:flex; }
  .fx-menu { display:inline-flex; flex:0 0 auto; }
  .fx-admin-context { flex:1; }
  .admin-account { gap:8px; }
  .fx-account-name { display:none; }
  .admin-sidebar { display:none; position:fixed; top:var(--fx-nav-h); bottom:0; left:0; width:250px; height:calc(100dvh - var(--fx-nav-h)); padding:24px 16px; background:var(--fx-surface); z-index:31; border-right:1px solid var(--fx-line); overflow-y:auto; }
  .fx-nav-open .admin-sidebar { display:flex; }
  .fx-nav-open .fx-menu-scrim { display:block; position:fixed; top:var(--fx-nav-h); inset-inline:0; bottom:0; z-index:30; border:0; background:var(--fx-scrim); }
  .admin-nav { display:flex; flex-direction:column; white-space:nowrap; }
  .admin-nav button { text-align:left; font-size:15px; min-height:48px; padding:11px 14px; }
  .admin-nav button.active { background:var(--fx-soft); }
  .admin-main { padding:26px 20px; }
  .settings-grid { grid-template-columns:minmax(0,1fr); }
  .mobile-only { display:block; }
  .page-heading { align-items:flex-start; }
}
@media (max-width:570px) {
  :root { --fx-nav-h:64px; }
  .teacher-shell { margin:0 auto; padding:24px 20px max(32px,env(safe-area-inset-bottom)); }
  .school-header { gap:12px; margin:0 0 14px; }
  .school-logo { width:52px; height:52px; }
  .school-header h1 { font-size:19px; letter-spacing:0; }
  .school-header p { font-size:12px; margin-top:4px; letter-spacing:0; }
  .fx-preview-note { font-size:12px; margin-bottom:26px; }
  .teacher-home .choice { padding:24px; min-height:183px; }
  .teacher-home .choice strong { font-size:27px; }
  .teacher-home .choice span { font-size:14px; }
  .teacher-header { gap:12px; margin:0 0 23px; }
  .teacher-header h1 { font-size:20px; }
  .step-title { font-size:22px; }
  .step-description { font-size:14px; }
  .photo-add { padding:26px 16px; }
  .photo-add .btn { font-size:15px; padding:10px 13px; }
  .photo-grid { gap:8px; }
  .photo-tile p {font-size:12px; padding:7px;}
  .photo-grid .delete-photo { top:4px; right:4px; }
  .target-card,.review-target { padding:17px; }
  .grid { gap:12px; }
  .student-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .teacher-shell .student-list .check-row { font-size:15px; }
  .teacher-shell .roster-toolbar .btn { padding:9px 10px; font-size:13px; }
  .target-card .row h3 { font-size:17px; }
  .teacher-shell .step-controls .btn { font-size:15px; padding:12px 13px; }
  .auth-shell { margin:0 auto; padding:26px 20px 40px; }
  .auth-shell .panel { padding:23px 20px; }
  .auth-shell .panel>h2 { font-size:22px; }
  .auth-shell .panel>.muted { font-size:14px; }
  .intro-access { padding:22px 20px; }
  .intro-access h2 { font-size:20px; }
  .admin-topbar { gap:10px; padding:0 14px; }
  .fx-admin-context strong { font-size:14px; }
  .admin-account { display:flex; }
  .admin-account .btn { min-height:44px; padding:8px 10px; font-size:12px; }
  .admin-account .badge { display:none; }
  .admin-main { padding:23px 16px; }
  .page-heading { flex-direction:column; margin-bottom:21px; gap:14px; }
  .page-heading h1 { font-size:25px; }
  .page-heading p { font-size:13px; }
  .page-heading .actions { width:100%; }
  .stats-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .stats-card { padding:15px 16px; }
  .stats-card strong { font-size:28px; margin-top:3px; }
  .stats-card span { font-size:13px; }
  .panel { padding:18px 16px; }
  .panel>h2 {font-size:20px;}
  .toolbar { gap:12px; }
  .toolbar .field { flex:1 1 calc(50% - 12px); min-width:0; max-width:none; }
  .toolbar>.btn { flex:1 1 100%; }
  .status-tabs { gap:4px; }
  .status-tabs button { font-size:13px; padding:9px 10px; }
  .meta-grid { grid-template-columns:72px minmax(0,1fr); font-size:13px; gap:10px; }
  .details-photo-grid { gap:8px; }
  .review-classification { padding:15px; }
  .review-target .actions .btn { padding:8px 10px; font-size:13px; }
  .modal-backdrop { padding:12px; }
  .modal { padding:22px 17px; max-height:calc(100dvh - 24px); }
  .report-row .actions { width:100%; }
  .report-row .actions .btn { flex:1; font-size:13px; }
  .statistics-filter-grid { grid-template-columns:minmax(0,1fr); }
  .statistics-week-field { grid-column:auto; }
  .statistics-week-field select { font-size:16px; }
  .account-form .grid,.import-batch-fields,.import-fields { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:359px) {
  .teacher-shell,.auth-shell { padding-inline:16px; }
  .teacher-home .choice { padding:22px; }
  .teacher-home .choice strong { font-size:25px; }
  .photo-add .actions { flex-direction:column; }
  .photo-add .actions .btn { width:100%; }
  .target-card .grid { grid-template-columns:minmax(0,1fr); }
  .roster-toolbar { flex-wrap:wrap; }
  .roster-toolbar .search { flex:1 1 100%; }
  .roster-toolbar .btn { width:100%; }
  .admin-topbar { padding-inline:12px; gap:8px; }
  .fx-admin-context strong { font-size:13px; }
  .admin-main { padding-inline:12px; }
  .status-tabs button { padding-inline:8px; }
  .person-points {grid-template-columns:minmax(0,1fr);}
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
/* Explicit shell contrast: legacy topbar rules must not leak inverse labels. */
.admin-topbar,.admin-topbar .fx-admin-context strong { color:var(--fx-ink); }
.admin-account .btn { color:var(--fx-ink); background:var(--fx-surface); border-color:var(--fx-line-strong); }
.teacher-header .back { border-radius:var(--fx-radius-sm); background:var(--fx-surface); border:1px solid var(--fx-line); color:var(--fx-ink); width:44px; height:44px; }
/* Start the desktop work area directly below the fixed-height header. */
.admin-main { margin:0; align-self:start; }

/* finesse · school operations · product/workflow · spectacle 1 · density 6
   The homeroom layer uses the shared Finesse tokens and preserves all business hooks. */
.hm-root {
  color: var(--fx-ink);
  min-width: 0;
  --hm-control-radius: 10px;
  --hm-panel-space: 24px;
}
.teacher-shell.hm-root { max-width: 800px; }
.teacher-shell.hm-root[data-view="home"],
.teacher-shell.hm-root[data-view="todo"] { max-width: 680px; }
.hm-root h1,.hm-root h2,.hm-root h3 {
  color: var(--fx-ink);
  letter-spacing: 0;
  min-width: 0;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
.hm-root h2 { font-size: 24px; line-height: 1.45; font-weight: 650; }
.hm-root h3 { font-size: 18px; line-height: 1.5; font-weight: 650; }
.hm-root p { line-height: 1.7; text-wrap: pretty; }
.hm-root .field-help,.hm-root .muted { color: var(--fx-muted); }
.hm-root .btn,
.hm-root .hm-back,
.hm-root .hm-tabs button,
.hm-root summary { min-height: 44px; }
.hm-root .btn { font-size: 15px; white-space: nowrap; border-radius: var(--hm-control-radius); }
.hm-root .btn.small { min-height: 44px; }
.hm-root button:not(.hm-main-card):not(.hm-record-card),
.hm-root .teacher-secondary-link { white-space: nowrap; }
.hm-root button,.hm-root input,.hm-root textarea,.hm-root select { touch-action: manipulation; }
.hm-root button:disabled,.hm-root .btn:disabled { cursor: not-allowed; }
.hm-root button:focus-visible,
.hm-root a:focus-visible,
.hm-root input:focus-visible,
.hm-root textarea:focus-visible,
.hm-root select:focus-visible,
.hm-root summary:focus-visible {
  outline: 2px solid var(--fx-accent);
  outline-offset: 3px;
}
.hm-root [hidden] { display: none !important; }
.hm-root .hm-brand { margin: 0 0 16px; box-shadow: none; }
.hm-root .hm-brand .school-brand-copy { display: block; min-width: 0; }
.hm-root .hm-brand h1 { font-family: inherit; font-size: 20px; line-height: 1.5; }
.hm-root .hm-brand p { letter-spacing: 0; font-size: 14px; color: var(--fx-muted); }
.hm-root .teacher-identity { margin: 0 0 24px; padding: 0 0 20px; border-color: var(--fx-line); }
.hm-root .teacher-identity>div { min-width: 0; }
.hm-root .teacher-identity strong { font-size: 17px; }
.hm-root .teacher-identity span { font-size: 13px; color: var(--fx-muted); }
.hm-root .teacher-identity>.btn { font-size: 14px; background: transparent; padding: 8px 12px; flex: none; }
.hm-work-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.hm-work-heading h2 { font-size: 20px; }
.hm-work-date { color: var(--fx-muted); font-size: 13px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.hm-root .hm-main-actions { display: grid; grid-template-columns: minmax(0,1fr); gap: 14px; }
.hm-root .hm-main-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 124px;
  padding: 24px;
  border: 1px solid var(--fx-line);
  border-radius: var(--fx-radius);
  background: var(--fx-surface);
  color: var(--fx-ink);
  box-shadow: var(--fx-shadow);
  white-space: normal;
}
.hm-root .hm-main-card>div { min-width: 0; }
.hm-root .hm-main-card strong { font-size: 24px; letter-spacing: 0; line-height: 1.4; white-space: nowrap; }
.hm-root .hm-main-card p { margin-top: 6px; font-size: 15px; color: var(--fx-muted); }
.hm-root .hm-main-card>span { color: var(--fx-muted); font-size: 26px; flex: none; }
.hm-root .hm-main-card .hm-award {
  color: var(--fx-muted);
  font-size: 13px;
  margin-top: 12px;
  padding-top: 0;
  border-top: 0;
  font-variant-numeric: tabular-nums;
}
.hm-root .hm-checkin-card:not(.hm-done) {
  background: var(--fx-accent);
  border-color: var(--fx-accent);
  color: var(--fx-surface);
}
.hm-root .hm-checkin-card:not(.hm-done) p,
.hm-root .hm-checkin-card:not(.hm-done)>span,
.hm-root .hm-checkin-card:not(.hm-done) .hm-award { color: var(--fx-surface); }
.hm-root .hm-main-card.hm-done {
  opacity: 1;
  color: var(--fx-success);
  background: var(--fx-surface);
  border-color: var(--fx-line);
  cursor: default;
}
.hm-root .hm-main-card.hm-done strong { font-size: 24px; }
.hm-root .hm-main-card.hm-done>span { color: var(--fx-success); }
.hm-root .hm-todo-actions .hm-main-card { min-height: 114px; }
.hm-root .teacher-secondary { margin-top: 24px; border-color: var(--fx-line); box-shadow: var(--fx-shadow); }
.hm-root .teacher-secondary-link { min-height: 56px; padding: 14px 20px; font-size: 15px; color: var(--fx-ink); border-color: var(--fx-line); }
.hm-root .teacher-secondary-link>span { color: var(--fx-muted); }
.hm-root .teacher-secondary-link:hover { color: var(--fx-accent); }
.hm-root .teacher-footer { color: var(--fx-muted); font-size: 12px; margin-top: 24px; }
.hm-root .hm-heading { gap: 12px; margin-bottom: 24px; align-items: flex-start; }
.hm-root .hm-heading>div { min-width: 0; }
.hm-root .hm-heading h2 { font-size: 22px; }
.hm-root .hm-heading p { font-size: 14px; margin-top: 6px; color: var(--fx-muted); }
.hm-root .hm-back { width: 44px; height: 44px; border-radius: var(--hm-control-radius); background: var(--fx-surface); border-color: var(--fx-line); color: var(--fx-ink); flex: none; font-size: 24px; }
.hm-root .hm-panel,
.hm-root .hm-material {
  padding: var(--hm-panel-space);
  background: var(--fx-surface);
  border: 1px solid var(--fx-line);
  border-radius: var(--fx-radius);
  box-shadow: var(--fx-shadow);
  min-width: 0;
}
.hm-root .hm-panel { margin: 20px 0; }
.hm-root .hm-panel>h2 { margin-bottom: 20px; font-size: 20px; }
.hm-root .hm-material>p { font-size: 14px; color: var(--fx-muted); margin: 10px 0 16px; }
.hm-root .hm-material-grid { grid-template-columns: minmax(0,1fr); gap: 20px; }
.hm-root .hm-row { align-items: center; gap: 12px; }
.hm-root .hm-row>* { min-width: 0; }
.hm-root .hm-badge {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 3px 9px;
  border-radius: 6px;
  background: var(--fx-page);
  color: var(--fx-muted);
  font-size: 12px;
  line-height: 1.6;
  font-weight: 550;
}
.hm-root .hm-required,.hm-root .hm-submitted,.hm-root .hm-in_review { color: var(--fx-warning); }
.hm-root .hm-approved,.hm-root .hm-completed { color: var(--fx-success); }
.hm-root .hm-returned { color: var(--fx-danger); }
.hm-root .hm-paused,.hm-root .hm-unassigned { color: var(--fx-muted); }
.hm-root .hm-notice {
  background: var(--fx-page);
  border: 1px solid var(--fx-line);
  border-radius: var(--hm-control-radius);
  padding: 14px 16px;
  color: var(--fx-muted);
  font-size: 13px;
  line-height: 1.8;
  margin: 18px 0;
}
.hm-root .hm-empty { padding: 32px 16px; color: var(--fx-muted); }
.hm-root .hm-empty strong { font-size: 16px; color: var(--fx-ink); font-weight: 550; }
.hm-root .hm-empty p { font-size: 14px; margin-top: 8px; }
.hm-root .hm-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  padding: 4px;
  margin: 20px 0;
  overflow-x: auto;
  scrollbar-width: thin;
  background: var(--fx-page);
  border: 1px solid var(--fx-line);
  border-radius: var(--hm-control-radius);
  max-width: 100%;
}
.hm-root .hm-tabs button {
  flex: 1 0 auto;
  border: 0;
  border-radius: 7px;
  min-height: 44px;
  background: transparent;
  color: var(--fx-muted);
  font-size: 14px;
  padding: 10px 14px;
  white-space: nowrap;
}
.hm-root .hm-tabs button.active { background: var(--fx-surface); color: var(--fx-accent); font-weight: 650; box-shadow: 0 1px 3px rgba(25,48,36,.07); }
.hm-root .hm-task-list,.hm-root .hm-record-list { gap: 12px; }
.hm-root .hm-task-card { background: var(--fx-surface); border: 1px solid var(--fx-line); border-radius: var(--fx-radius); padding: 20px; box-shadow: none; }
.hm-root .hm-task-card strong { font-size: 17px; }
.hm-root .hm-task-card>p { font-size: 13px; margin-top: 8px; color: var(--fx-muted); }
.hm-root .hm-task-card .actions { padding-top: 12px; border-top: 1px solid var(--fx-line); margin-top: 16px; }
.hm-root .hm-source-panel { background: var(--fx-surface); }
.hm-root .hm-meta { grid-template-columns: 86px minmax(0,1fr); gap: 12px 16px; font-size: 14px; line-height: 1.7; margin: 20px 0; }
.hm-root .hm-meta dt { color: var(--fx-muted); }
.hm-root .hm-meta dd { color: var(--fx-ink); }
.hm-root .hm-reward { color: var(--fx-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
.hm-root .hm-material-meta { color: var(--fx-muted); font-size: 12px; padding: 12px 0; margin: 0; border-top: 1px solid var(--fx-line); }
.hm-root .hm-photo-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 16px 0; }
.hm-root .hm-material .hm-photo-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.hm-root .hm-photo { background: var(--fx-page); border-color: var(--fx-line); border-radius: var(--hm-control-radius); }
.hm-root .hm-photo a { display: block; }
.hm-root .hm-photo img { aspect-ratio: 4 / 3; object-fit: contain; }
.hm-root .hm-photo>p { color: var(--fx-muted); font-size: 12px; margin: 8px 4px; }
.hm-root .hm-photo-remove { border-radius: 8px; width: 44px; height: 44px; min-height: 44px !important; background: var(--fx-surface); color: var(--fx-danger); box-shadow: 0 1px 4px rgba(25,48,36,.10); }
.hm-root .hm-photo-failure { color: var(--fx-warning); font-size: 13px; }
.hm-root .hm-photo-failure .btn { font-size: 13px !important; min-height: 44px !important; padding: 8px 12px; }
.hm-root .hm-photo-picker {
  padding: 20px;
  border: 1px dashed var(--fx-line);
  border-radius: var(--hm-control-radius);
  background: var(--fx-page);
  text-align: center;
  margin: 16px 0 24px;
}
.hm-root .hm-photo-picker .hm-file-button { min-height: 44px; border-color: var(--fx-line); background: var(--fx-surface); color: var(--fx-accent); font-size: 15px !important; margin: 0; white-space: nowrap; }
.hm-root .hm-file-button:focus-within { outline: 2px solid var(--fx-accent); outline-offset: 3px; }
.hm-root .hm-photo-picker p { color: var(--fx-muted); margin-top: 12px; font-size: 12px !important; }
.hm-root .field { margin: 20px 0; }
.hm-root .field label { font-size: 14px; color: var(--fx-ink); font-weight: 550; }
.hm-root .field input,.hm-root .field select,.hm-root .field textarea {
  font-size: 16px;
  background: var(--fx-surface);
  color: var(--fx-ink);
  border-color: var(--fx-line);
  border-radius: var(--hm-control-radius);
  min-height: 48px;
  max-width: 100%;
}
.hm-root .field textarea { min-height: 152px; line-height: 1.75; padding: 14px; }
.hm-root .field input:disabled,.hm-root .field select:disabled,.hm-root .field textarea:disabled { background: var(--fx-page); color: var(--fx-muted); }
.hm-root .field textarea[readonly] { background: var(--fx-page); }
.hm-root .hm-save-status { color: var(--fx-muted); font-size: 12px; padding-top: 12px; border-top: 1px solid var(--fx-line); }
.hm-root .hm-commit-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 16px; }
.hm-root .hm-commit-actions .btn { min-height: 48px; font-size: 15px; }
.hm-root .hm-history { border-color: var(--fx-line); color: var(--fx-muted); padding-top: 16px; margin-top: 20px; font-size: 13px; }
.hm-root .hm-history summary { display: list-item; padding: 10px 0; color: var(--fx-ink); }
.hm-root .hm-filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.hm-root .hm-filter-grid .field { margin-bottom: 16px; }
.hm-root .hm-weekly-goals { padding-bottom: 18px; }
.hm-root .hm-weekly-goals>h3 { font-size: 16px; color: var(--fx-muted); margin-bottom: 8px; }
.hm-root .hm-goal { border-color: var(--fx-line); font-size: 15px; padding: 16px 0; gap: 12px; }
.hm-root .hm-goal strong { color: var(--fx-ink); font-weight: 550; }
.hm-root .hm-goal span { color: var(--fx-muted); font-size: 13px; font-variant-numeric: tabular-nums; }
.hm-root .hm-student-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.hm-root .hm-student { border-color: var(--fx-line); border-radius: var(--hm-control-radius); color: var(--fx-ink); background: var(--fx-surface); min-height: 64px; font-size: 16px; padding: 14px 12px; }
.hm-root .hm-student small { font-size: 12px; color: var(--fx-muted); line-height: 1.6; margin-top: 6px; white-space: normal; }
.hm-root .hm-student:disabled { opacity: .60; background: var(--fx-page); }
.hm-root .hm-student:disabled small { color: var(--fx-warning); }
.hm-root .hm-record-card { padding: 20px 0; border: 0; border-bottom: 1px solid var(--fx-line); border-radius: 0; background: transparent; box-shadow: none; color: var(--fx-ink); white-space: normal; }
.hm-root .hm-record-card:last-child { border-bottom: 0; }
.hm-root .hm-record-card>p { color: var(--fx-muted); font-size: 13px; margin-top: 10px; }
.hm-root .hm-record-card>span { color: var(--fx-accent); font-size: 13px; }
.hm-root .hm-label-row { gap: 12px; align-items: center; flex-wrap: wrap; }
.hm-root .hm-label-row .btn { font-size: 13px; min-height: 44px; }
.hm-root .hm-points-summary { margin-top: 0; }
.hm-root .hm-points { color: var(--fx-accent); font-size: 32px; line-height: 1.25; font-weight: 650; font-variant-numeric: tabular-nums; }
.hm-root .hm-points small { color: var(--fx-muted); font-size: 14px; }
.hm-root .hm-ledger article { border-color: var(--fx-line); padding: 20px 0; gap: 16px; }
.hm-root .hm-ledger article>div { min-width: 0; }
.hm-root .hm-ledger article>strong { color: var(--fx-success); font-size: 16px; font-variant-numeric: tabular-nums; }
.hm-root .hm-ledger p { font-size: 13px; color: var(--fx-muted); }
.hm-root .hm-ledger .hm-negative { color: var(--fx-danger); }
.hm-root .hm-rule-list>div { border-color: var(--fx-line); font-size: 14px; padding: 14px 0; }
.hm-root .hm-rule-list strong { color: var(--fx-ink); font-variant-numeric: tabular-nums; }
.hm-root.hm-admin { --hm-panel-space: 24px; }
.hm-root.hm-admin h1 { font-size: 26px; }
.hm-root.hm-admin .hm-panel>h2 { font-size: 19px; }
.hm-root.hm-admin .hm-task-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
.hm-root .hm-review-grid,.hm-root .hm-summary-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.hm-root .hm-review-grid>.hm-panel { margin: 0; }
.hm-root .hm-summary-card { background: var(--fx-page); padding: 20px; border: 0; border-radius: var(--hm-control-radius); }
.hm-root .hm-summary-card h3 { font-size: 16px; }
.hm-root .hm-summary-card>p { font-size: 13px; color: var(--fx-muted); }
.hm-root .hm-owner-list p { color: var(--fx-muted); margin: 10px 0; }
.hm-root .hm-owner-list strong { color: var(--fx-ink); }
.hm-root .hm-student-checks { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; padding: 4px; }
.hm-root .hm-student-checks .check-row { border-color: var(--fx-line); border-radius: var(--hm-control-radius); background: var(--fx-surface); font-size: 15px; min-height: 48px; }
.hm-root .hm-dispatch-card { border-color: var(--fx-line); padding: 24px 0; }
.hm-root .hm-dispatch-targets fieldset { padding: 20px; border-color: var(--fx-line); background: var(--fx-page); border-radius: var(--hm-control-radius); margin: 20px 0; min-width: 0; }
.hm-root .hm-dispatch-targets legend { color: var(--fx-ink); font-size: 15px; }
.hm-root .hm-target-config { border-color: var(--fx-line); gap: 12px 20px; padding: 16px 0; }
.hm-root .hm-target-config label { color: var(--fx-muted); font-size: 14px; min-height: 44px; margin: 0; }
.hm-root table { font-size: 14px; }
.hm-root th { background: var(--fx-page); color: var(--fx-muted); }
.hm-root td,.hm-root th { border-color: var(--fx-line); padding: 14px 16px; }
.hm-root .hm-review-form { margin-top: 20px; padding-top: 4px; border-top: 1px solid var(--fx-line); }
@media (hover:hover) and (pointer:fine) {
  .hm-root .hm-main-card:not(:disabled):hover,
  .hm-root .hm-task-card:hover { border-color: var(--fx-accent); }
  .hm-root .hm-student:not(:disabled):hover { background: var(--fx-page); border-color: var(--fx-accent); }
  .hm-root .hm-record-card:hover { background: var(--fx-page); }
}
@media (max-width:1100px) {
  .hm-root .hm-review-grid,.hm-root .hm-summary-grid { grid-template-columns: minmax(0,1fr); }
}
@media (max-width:768px) {
  .hm-root.hm-admin .hm-task-list { grid-template-columns: minmax(0,1fr); }
  .hm-root .hm-student-grid,.hm-root .hm-student-checks { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:570px) {
  .hm-root { --hm-panel-space: 20px; }
  .hm-root.hm-admin { --hm-panel-space: 20px; }
  .hm-root .hm-brand { margin-bottom: 14px; }
  .hm-root .hm-brand h1 { font-size: 18px; }
  .hm-root .hm-brand p { font-size: 13px; }
  .hm-root .hm-heading h2 { font-size: 21px; }
  .hm-root .hm-heading p { font-size: 13px; }
  .hm-work-heading h2 { font-size: 18px; }
  .hm-root .hm-main-card { min-height: 122px; padding: 22px 20px; gap: 12px; }
  .hm-root .hm-main-card strong,.hm-root .hm-main-card.hm-done strong { font-size: 23px; }
  .hm-root .hm-main-card p { font-size: 14px; }
  .hm-root .hm-meta { grid-template-columns: 68px minmax(0,1fr); font-size: 14px; gap: 12px; }
  .hm-root .hm-material .hm-row { align-items: flex-start; }
  .hm-root .hm-reward { font-size: 12px; }
  .hm-root .hm-tabs button { padding: 10px 12px; font-size: 14px; }
  .hm-root .hm-filter-grid { grid-template-columns: minmax(0,1fr); gap: 0; }
  .hm-root .field label { font-size: 15px; }
  .hm-root .field input,.hm-root .field select,.hm-root .field textarea { font-size: 16px; }
  .hm-root .hm-photo-grid,.hm-root .hm-material .hm-photo-grid,.hm-root.hm-admin .hm-photo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .hm-root .hm-photo-picker { padding: 18px 16px; }
  .hm-root .hm-photo-remove { right: 4px; top: 4px; }
  .hm-root .hm-commit-actions { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; }
  .hm-root .hm-commit-actions .btn { width: 100%; min-height: 48px; font-size: 15px; }
  .hm-root .hm-commit-actions .primary { order: -1; }
  .hm-root .hm-goal { align-items: flex-start; gap: 8px; }
  .hm-root .hm-goal strong { font-size: 15px; }
  .hm-root .hm-goal span { font-size: 13px; }
  .hm-root .hm-student-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hm-root .hm-student { font-size: 16px; padding: 14px 10px; min-height: 62px; }
  .hm-root .hm-task-card { padding: 20px; }
  .hm-root .hm-task-card strong { font-size: 16px; }
  .hm-root .hm-student-checks { grid-template-columns: minmax(0,1fr); }
  .hm-root .hm-dispatch-targets fieldset { padding: 16px; }
  .hm-root .hm-target-config { gap: 8px 14px; }
  .hm-root .hm-target-config strong { width: 100%; }
  .hm-root .hm-review-form .actions { display: grid; grid-template-columns: minmax(0,1fr); }
  .hm-root .hm-review-form .actions .btn { width: 100%; min-height: 48px; font-size: 15px; }
  .hm-root .hm-label-row .btn { font-size: 13px; }
  .hm-root .hm-ledger article { gap: 12px; }
  .hm-root .hm-ledger article>div>strong { font-size: 15px; }
  .hm-root .hm-points { font-size: 30px; }
  .hm-root .hm-rule-list>div { font-size: 14px; gap: 16px; }
}
@media (max-width:360px) {
  .hm-root { --hm-panel-space: 16px; }
  .hm-root.hm-admin { --hm-panel-space: 16px; }
  .hm-work-heading { gap: 8px; }
  .hm-work-date { font-size: 12px; }
  .hm-root .hm-main-card { padding: 20px 18px; }
  .hm-root .hm-student { font-size: 15px; }
  .hm-root .hm-material .hm-row h3 { font-size: 17px; }
  .hm-root .hm-material .hm-row .hm-reward { width: 100%; }
}
@media (prefers-reduced-motion:reduce) {
  .hm-root *, .hm-root *::before, .hm-root *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
/* Whole-school weekly targets are ledger rows, keeping 62 classes scannable. */
.hm-admin .hm-summary-grid { display:block; }
.hm-admin .hm-summary-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.5fr) minmax(0,1.5fr); gap:16px; align-items:center; padding:16px 0; background:transparent; border:0; border-bottom:1px solid var(--fx-line); border-radius:0; box-shadow:none; }
.hm-admin .hm-summary-card h3 { font-size:15px; margin:0; }
.hm-admin .hm-summary-card>p { font-size:13px; margin:0; }
.hm-admin .hm-summary-card .hm-goal { padding:0; margin:0; border:0; display:flex; gap:10px; font-size:13px; flex-wrap:wrap; }
.hm-admin .hm-summary-card .hm-goal strong { font-size:13px; }
@media(max-width:700px) { .hm-admin .hm-summary-card { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 14px; padding:17px 0; } .hm-admin .hm-summary-card .hm-goal { display:block; } .hm-admin .hm-summary-card .hm-goal span,.hm-admin .hm-summary-card .hm-goal strong { display:block; margin:0; } }