/* پالت مشترک آموزنگار */
:root{--navy:#082F62;--interactive:#006D74;--accent:#009BA3;--amber:#F4AB27;--ink:#24364B;--muted:#536475;--line:#DCE5E9;--purple:#006D74;--primary:#082F62;--pale:#E8F5F3;--bg:#F8F9F6;--green:#006D74}
body{background:#F8F9F6;color:var(--ink)}
h1,h2,h3,.brand strong,.page-head h1,.content>.page-head h1{color:var(--navy)}
.sidebar,.topbar,.card,.stat,.modal,.school-details details,.class-detail-group{background:#fff;border-color:var(--line)}
.topbar{border-top:4px solid var(--navy)}
.nav-label,.brand small,.teacher small,.crumb,.today,.hint,.stat-top,.stat-sub,.card-head small,.page-head p,.school-stat small,.progress-legend,.report-controls label,.field label,.school-row span,.school-form label,.school-selectors label,.report-filter label{color:var(--muted)}
.nav-item{color:var(--muted);min-height:44px}.nav-item.active,.nav-item:hover{background:#E8F5F3;color:var(--interactive);box-shadow:inset -3px 0 var(--interactive)}
.nav-icon,.stat-icon{color:var(--interactive)}.sidebar-bottom,.hero,.dashboard-budget-item,.detail-record,.school-stat{background:#E8F5F3;color:var(--ink)}.sidebar-bottom p,.hero p,.dashboard-budget-item p{color:var(--muted)}.hero h2,.dashboard-budget-item b{color:var(--navy)}.eyebrow,.link-btn,.school-details summary,.old-budget summary{color:var(--interactive)}
.btn{background:var(--navy);color:#fff}.btn.light{background:#E8F5F3;color:var(--interactive)}.btn.outline{background:#fff;color:var(--interactive);border:1px solid var(--line)}.btn.danger{background:#fff0f0;color:#9c343b}.quick button{border-color:var(--line);color:var(--ink)}.quick button span{background:#E8F5F3;color:var(--interactive)}
a{color:var(--interactive)}.badge{background:#E8F5F3;color:var(--interactive)}.class-switcher,.week-select,.weekly-date-fields select,.schedule-table input,.subject-choices label,.class-choices label{background:#fff;border-color:var(--line);color:var(--ink)}.class-choices label:has(input:checked),.subject-choices label:has(input:checked){background:#E8F5F3;border-color:var(--interactive);color:var(--interactive)}
input,select,textarea{accent-color:var(--interactive)}.field input,.field select,.field textarea,.toolbar input,.toolbar select,.school-form input,.school-selectors select{border-color:var(--line);color:var(--ink)}
th{background:#F8F9F6;color:var(--muted)}td{color:var(--ink)}td,th{border-color:var(--line)}tbody tr:hover{background:#E8F5F3}.table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.cal-grid button.selected,.week-day.selected{background:var(--interactive);color:#fff}.week-day.selected.weekend{background:#a8444d}.cal-grid button.occasion-day:not(.selected){color:var(--interactive);background:#E8F5F3}.week-events li::marker,.page-head h1:after{color:var(--amber)}.progress-0{background:#009BA3}.progress-1{background:#006D74}.progress-2{background:#F4AB27;color:#24364B}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #F4AB27;outline-offset:2px}
@media(max-width:700px){
 html,body{max-width:100%;overflow-x:clip} .main,.school-app,.content,.card,.stat,.grid-two,.attendance-layout,.dashboard-calendar{min-width:0}
 .topbar{height:auto;min-height:64px;gap:8px;padding:8px 12px;flex-wrap:wrap}.crumb{margin:0;flex:1;min-width:0}.top-actions{max-width:55%}.class-switcher{max-width:100%;min-height:44px}.avatar{flex:none}
 .content{padding:20px 14px 48px}.page-head{flex-wrap:wrap}.page-head h1{font-size:19px}.card,.stat{padding:15px}.card-head{gap:10px;flex-wrap:wrap}
 .btn,.icon-button,.nav-item,.quick button{min-height:44px}.icon-button{min-width:44px}.toolbar input,.toolbar select,.field input,.field select,.field textarea,.school-form input,.school-selectors select,.report-filter select,.week-select,.weekly-date-fields select,.class-switcher{font-size:16px;min-height:44px}
 .toolbar input,.toolbar select{max-width:none;width:100%}.toolbar>label,.report-controls label{min-width:0;flex:1 1 100%}.school-form button,.school-selectors button{width:100%}
 .sidebar{width:min(300px,85vw);max-width:100%;padding-bottom:max(20px,env(safe-area-inset-bottom));overscroll-behavior:contain}.modal-backdrop{padding:10px}.modal{width:100%;max-height:calc(100dvh - 20px);padding:18px;overscroll-behavior:contain}.modal-actions{flex-wrap:wrap}.modal-actions .btn{flex:1 1 auto}
 .school-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.school-header h1{font-size:20px}.deputy-signed-in .school-app,.school-app{padding:16px 14px 48px}.school-header>div{min-width:0}.class-choices label{min-height:44px}.school-row{overflow-wrap:anywhere}.chart-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
 .week-day{min-height:50px}.week-day span,.week-day small{font-size:10px}.school-login-mode .school-sync{max-height:calc(100dvh - 20px)}
}
@media(max-width:360px){.top-actions .avatar{display:none}.stats{grid-template-columns:1fr 1fr}.quick{grid-template-columns:1fr}.school-stats{gap:8px}.school-stat{padding:10px}.week-days{gap:3px}.week-day span,.week-day small{font-size:9px}}