:root{--navy:#12324a;--navy2:#1d4d6d;--ink:#1f2933;--muted:#667684;--bg:#f3f6f8;--panel:#fff;--line:#d9e1e7;--blue:#2776a7;--blue-soft:#e8f3f9;--green:#20744a;--green-soft:#e8f5ed;--amber:#9a6412;--amber-soft:#fff4da;--red:#a43a3a;--red-soft:#fdecec;--purple:#7355a4;--purple-soft:#f1ecf9;--shadow:0 8px 28px rgba(16,40,58,.08);--radius:18px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.tiny{font-size:.79rem}.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;font-weight:800;color:var(--blue);margin:0 0 5px}.error-text{color:var(--red);min-height:1.2em;font-size:.88rem}.setup-banner{position:fixed;z-index:100;left:0;right:0;top:0;padding:10px 18px;background:#fff2c8;border-bottom:1px solid #e4c96e;text-align:center;font-size:.9rem}
.login-shell,.picker-shell{min-height:100vh;padding:24px;background:radial-gradient(circle at top right,#d9ecf5,transparent 34%),linear-gradient(135deg,#eef4f7,#f7f9fa)}.login-shell{display:grid;place-items:center}.login-card{width:min(440px,100%);background:#fff;border:1px solid #e2e8ec;border-radius:24px;padding:28px;box-shadow:var(--shadow)}.login-card h1,.picker-head h1{margin:.2rem 0 .5rem}.brand-mark{width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,var(--navy),var(--navy2));color:white;display:grid;place-items:center;font-weight:900;letter-spacing:.04em;box-shadow:0 8px 18px rgba(18,50,74,.2);margin-bottom:18px}.brand-mark.small{width:38px;height:38px;border-radius:11px;margin:0;font-size:.8rem}.stack{display:grid;gap:14px;margin-top:24px}label{display:grid;gap:6px;font-size:.84rem;font-weight:700;color:#455763}input,select,textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:11px;background:#fff;padding:11px 12px;color:var(--ink);outline:none;transition:.15s}input:focus,select:focus,textarea:focus{border-color:#73a9c8;box-shadow:0 0 0 3px rgba(39,118,167,.12)}input[type="date"],input[type="time"]{display:block;max-width:100%;min-height:44px;line-height:1.2}input[type="date"]::-webkit-date-and-time-value,input[type="time"]::-webkit-date-and-time-value{text-align:left}
.picker-wrap{max-width:1100px;margin:0 auto;padding:54px 0}.picker-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px}.picker-actions,.head-actions{display:flex;gap:9px;flex-wrap:wrap}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.course-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:20px;text-align:left;box-shadow:0 3px 10px rgba(16,40,58,.04);display:grid;gap:9px}.course-card:hover{border-color:#95bed5;box-shadow:var(--shadow)}.course-card h3{margin:0;font-size:1.05rem}.course-meta{font-size:.8rem;color:var(--muted)}.course-card .course-status{justify-self:start}
.app-shell{min-height:100vh}.topbar{position:fixed;left:0;right:0;top:0;height:68px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 20px}.brand-inline,.top-actions{display:flex;align-items:center;gap:12px}.top-title{font-size:.98rem;font-weight:800}.top-subtitle{font-size:.75rem;color:var(--muted)}.sync-pill{font-size:.76rem;padding:7px 10px;background:var(--green-soft);color:var(--green);border-radius:999px;font-weight:800}.sidebar{position:fixed;top:68px;bottom:0;left:0;width:230px;background:#fff;border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;justify-content:space-between;z-index:25;overflow:auto}.sidebar nav{display:grid;gap:5px}.nav-btn{border:0;background:transparent;border-radius:11px;padding:10px 12px;text-align:left;color:#425561;font-weight:700;display:flex;align-items:center;gap:11px}.nav-btn:hover{background:#f2f7fa}.nav-btn.active{background:var(--blue-soft);color:#185c84}.sidebar-footer{padding:14px 10px 4px;border-top:1px solid #edf0f2;margin-top:16px}.user-name{font-size:.9rem;font-weight:800}.content{margin-left:230px;padding:92px 26px 40px;max-width:1500px}.page{display:none}.active-page{display:block}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.page-head h2{font-size:1.8rem;margin:0}.btn{border:1px solid var(--line);border-radius:11px;padding:10px 14px;font-weight:800;background:#fff;color:#314552}.btn.primary{border-color:var(--navy);background:var(--navy);color:white}.btn.danger{border-color:#d3a4a4;background:#fff4f4;color:var(--red)}.btn.ghost:hover{background:#f4f7f8}.btn.compact{padding:7px 10px;font-size:.8rem}.icon-btn{border:0;background:transparent;font-size:1.2rem;padding:8px;border-radius:9px}.icon-btn:hover{background:#eff4f7}.mobile-only{display:none}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.compact-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 2px 7px rgba(16,40,58,.025)}.kpi .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}.kpi .value{font-size:1.65rem;font-weight:900;margin-top:7px}.kpi .sub{font-size:.76rem;color:var(--muted);margin-top:4px}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 2px 7px rgba(16,40,58,.025)}.panel h3{margin:0 0 14px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.panel-head h3{margin:0}.badge{font-size:.75rem;border-radius:999px;padding:4px 8px;background:var(--amber-soft);color:var(--amber);font-weight:800}.list{display:grid}.list-item{padding:13px 4px;border-bottom:1px solid #edf1f3}.list-item:last-child{border-bottom:0}.list-title{font-weight:800;font-size:.93rem}.list-sub{font-size:.8rem;color:var(--muted);margin-top:3px}.info-banner{padding:11px 14px;margin-bottom:12px;border-radius:12px;background:var(--blue-soft);color:#185c84;font-size:.84rem;font-weight:700}
.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px}.toolbar .search{max-width:420px}.toolbar select{width:auto;min-width:150px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px}.data-table{width:100%;border-collapse:collapse;min-width:780px}.data-table th{position:sticky;top:0;background:#f8fafb;color:#5b6a74;text-transform:uppercase;font-size:.69rem;letter-spacing:.05em;text-align:left;padding:11px 12px;border-bottom:1px solid var(--line)}.data-table td{padding:12px;border-bottom:1px solid #edf1f3;font-size:.87rem;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:#fbfdfe}.student-name{font-weight:800;color:#234d68}.status{display:inline-block;border-radius:999px;padding:4px 8px;font-size:.7rem;font-weight:800}.status.active,.status.present,.status.complete,.status.received,.status.paid,.status.completed,.status.graded{background:var(--green-soft);color:var(--green)}.status.absent,.status.missing,.status.dismissed,.status.voided,.status.no-show,.status.removed{background:var(--red-soft);color:var(--red)}.status.late,.status.pending,.status.scheduled,.status.not-complete,.status.not-graded{background:var(--amber-soft);color:var(--amber)}.status.excused,.status.inactive,.status.refunded,.status.cancelled,.status.withdrawn,.status.dropped{background:#eef0f3;color:#5e6870}.money{font-variant-numeric:tabular-nums}.link-btn{border:0;background:none;color:#17648e;font-weight:800;padding:0}.card-list{display:none}.status-summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.status-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:800}.status-chip span{color:var(--muted);font-weight:700;margin-left:3px}
.field-grid{display:grid;gap:12px;margin-bottom:12px}.field-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-top .field-grid>*{min-width:0}.attendance-actions{display:flex;align-items:center;gap:12px;justify-content:flex-end;margin:14px 0}.attendance-actions .muted{margin-right:auto}.attendance-roster{display:grid;gap:9px}.attendance-row{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(4,105px) 92px;gap:7px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px}.attendance-student strong{display:block}.attendance-student span{font-size:.75rem;color:var(--muted)}.att-btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 6px;font-size:.78rem;font-weight:800}.att-btn.selected[data-status="Present"]{background:var(--green-soft);border-color:#b8dfc9;color:var(--green)}.att-btn.selected[data-status="Absent"]{background:var(--red-soft);border-color:#e7b8b8;color:var(--red)}.att-btn.selected[data-status="Late"]{background:var(--amber-soft);border-color:#ead49d;color:var(--amber)}.att-btn.selected[data-status="Excused"]{background:#eef0f3;border-color:#cfd5da;color:#56616a}.hours-input{padding:8px;text-align:center}
.req-student{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;margin-bottom:11px}.req-head{display:flex;justify-content:space-between;gap:10px;align-items:start}.req-title-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.progress-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.progress-stat{border:1px solid var(--line);background:#fafcfd;border-radius:10px;padding:9px}.progress-stat span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;font-weight:800}.progress-stat strong{display:block;margin-top:4px;font-size:.94rem}.progress-bar{height:7px;background:#e9eef1;border-radius:99px;overflow:hidden;margin-top:6px}.progress-bar i{display:block;height:100%;background:var(--blue);border-radius:99px}.req-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.req-chip{border:1px solid var(--line);background:#fafcfd;border-radius:10px;padding:9px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.79rem}.req-select{width:auto;padding:6px 8px;border-radius:8px;font-size:.76rem}
.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.report-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px;text-align:left;display:grid;gap:6px;color:var(--ink)}.report-card:hover{border-color:#9fc3d6;box-shadow:var(--shadow)}.report-card strong{font-size:1rem}.report-card span{color:var(--muted);font-size:.83rem}.report-card em{color:#17648e;font-style:normal;font-size:.8rem;font-weight:800;margin-top:5px}.detail-grid{display:grid;grid-template-columns:175px 1fr;gap:9px 14px;font-size:.88rem}.detail-grid dt{color:var(--muted)}.detail-grid dd{margin:0;font-weight:700}.modal{position:fixed;inset:0;background:rgba(15,30,40,.42);z-index:60;display:grid;place-items:center;padding:20px}.modal-card{background:#fff;border-radius:20px;width:min(820px,100%);max-height:90vh;overflow:auto;box-shadow:0 24px 60px rgba(5,20,30,.22)}.modal-head{position:sticky;top:0;background:white;border-bottom:1px solid var(--line);padding:15px 18px;display:flex;align-items:center;justify-content:space-between;z-index:2}.modal-head h3{margin:0}.modal #modalBody{padding:18px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px;flex-wrap:wrap}.toast{position:fixed;right:20px;bottom:20px;background:#17384d;color:white;padding:12px 16px;border-radius:12px;z-index:80;box-shadow:var(--shadow);font-weight:700;font-size:.86rem}.scrim{position:fixed;inset:68px 0 0 0;background:rgba(10,20,25,.35);z-index:20}.empty{padding:28px;text-align:center;color:var(--muted);background:#fff;border:1px dashed #cdd6db;border-radius:14px}
.grade-item{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;margin-bottom:10px}.grade-item-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.grade-meta{font-size:.8rem;color:var(--muted);margin-top:4px}.online-table{display:grid;gap:7px}.online-row{display:grid;grid-template-columns:90px 1fr 110px 130px;gap:8px;align-items:center;border-bottom:1px solid #edf1f3;padding:8px 0}.online-row:last-child{border-bottom:0}.online-row input,.online-row select{padding:8px}.warn-box{background:var(--amber-soft);border:1px solid #ead49d;border-radius:12px;padding:12px;font-size:.82rem;color:#72500f}.danger-zone{border-top:1px solid #f0d1d1;margin-top:18px;padding-top:16px}.danger-zone h4{color:var(--red);margin:0 0 6px}
@media(max-width:1100px){.course-grid{grid-template-columns:repeat(2,1fr)}.kpi-grid,.compact-kpis{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.field-grid.four{grid-template-columns:repeat(2,1fr)}.req-grid{grid-template-columns:repeat(2,1fr)}.progress-grid{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.mobile-only{display:inline-flex}.topbar{height:62px;padding:0 10px}.top-title{font-size:.88rem}.top-subtitle{display:none}.top-actions{gap:5px}.sync-pill{display:none}.top-actions .btn{font-size:.7rem;padding:7px 8px}.sidebar{top:62px;transform:translateX(-105%);transition:.2s;width:270px;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.content{margin-left:0;padding:82px 12px 28px}.page-head{align-items:center}.page-head h2{font-size:1.55rem}.course-grid{grid-template-columns:1fr}.picker-head{align-items:flex-start;flex-direction:column}.picker-wrap{padding:20px 0}.toolbar{align-items:stretch;flex-direction:column}.toolbar .search,.toolbar select{max-width:none;width:100%}.table-wrap{display:none}.card-list{display:grid;gap:9px}.mobile-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px}.mobile-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.mobile-card-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px;font-size:.78rem}.mobile-card-details span{display:block;color:var(--muted);font-size:.69rem;margin-bottom:2px}.field-grid.four,.field-grid.three,.field-grid.two{grid-template-columns:1fr}.attendance-actions{flex-wrap:wrap;justify-content:stretch}.attendance-actions .muted{width:100%;order:-1}.attendance-actions button{flex:1}.attendance-row{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"student student hours" "present absent late" "excused excused excused";padding:11px}.attendance-student{grid-area:student}.attendance-row .hours-input{grid-area:hours}.att-btn[data-status="Present"]{grid-area:present}.att-btn[data-status="Absent"]{grid-area:absent}.att-btn[data-status="Late"]{grid-area:late}.att-btn[data-status="Excused"]{grid-area:excused}.req-grid{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.detail-grid dt{font-size:.72rem;margin-top:5px}.modal{padding:8px;align-items:end}.modal-card{width:100%;max-height:94vh;border-radius:20px 20px 8px 8px}.login-card{padding:22px}.login-card h1{font-size:1.65rem}.head-actions{justify-content:flex-end}.online-row{grid-template-columns:64px 1fr;grid-template-areas:"chapter title" "hours status"}.online-row>*:nth-child(1){grid-area:chapter}.online-row>*:nth-child(2){grid-area:title}.online-row>*:nth-child(3){grid-area:hours}.online-row>*:nth-child(4){grid-area:status}}
@media(max-width:430px){.kpi-grid,.compact-kpis,.progress-grid{grid-template-columns:1fr 1fr}.kpi .value{font-size:1.3rem}.brand-mark.small{display:none}.page-head .btn{font-size:.74rem;padding:8px 9px}.top-actions #refreshBtn{display:none}}

/* v4 course-manager additions */
.small-value{font-size:1.05rem!important;line-height:1.25}.settings-section{margin-top:18px}.backup-actions{display:flex;gap:10px;flex-wrap:wrap}.weekday-picks{display:flex;gap:7px;flex-wrap:wrap}.check-pill{display:flex;grid-template-columns:auto auto;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:#fff;font-size:.78rem}.check-pill input{width:auto;min-height:0;margin:0}.modal-cols{grid-template-columns:1fr 1fr}.attendance-row{grid-template-columns:minmax(180px,1.5fr) repeat(4,92px) 82px 82px}.minutes-input{padding:8px;text-align:center}.assignment-progress-row,.grade-entry-row{display:grid;grid-template-columns:minmax(170px,1.4fr) minmax(120px,1fr) 110px 80px;gap:8px;align-items:center;border-bottom:1px solid #edf1f3;padding:8px 0}.grade-entry-row{grid-template-columns:minmax(170px,1.4fr) 110px 110px 80px}.category-row{grid-template-columns:minmax(170px,1fr) 100px 1px 1px}.danger-note{border:1px solid #e5b6b6;background:var(--red-soft);color:var(--red);padding:10px;border-radius:10px}
@media(max-width:760px){.modal-cols{grid-template-columns:1fr}.attendance-row{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"student student hours" "present absent late" "excused minutes minutes"}.attendance-row .minutes-input{grid-area:minutes}.assignment-progress-row,.grade-entry-row{grid-template-columns:1fr 1fr;}.assignment-progress-row strong,.grade-entry-row strong{grid-column:1/-1}.backup-actions{flex-direction:column}.backup-actions .btn{width:100%}}

/* v5 LMS / student portal additions */
.nav-group{display:grid;gap:4px;margin-bottom:14px}.nav-label{padding:5px 12px 3px;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#8a99a4}.version-tag{margin-top:8px;font-size:.65rem;color:#97a4ad;font-weight:800}.btn.linklike{border:0;background:transparent;color:var(--blue);padding:2px 0;text-align:left;justify-self:start}.btn.success{background:var(--green);border-color:var(--green);color:#fff}.btn.warning{background:var(--amber-soft);border-color:#e1c684;color:#775012}.btn[disabled]{opacity:.5;cursor:not-allowed}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 8px}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:11px;background:#fff;padding:3px;gap:2px}.segmented button{border:0;background:transparent;border-radius:8px;padding:7px 11px;font-size:.78rem;font-weight:800;color:var(--muted)}.segmented button.selected{background:var(--navy);color:#fff}.calendar-period-title{font-size:1.05rem;font-weight:900;margin:12px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}.calendar-dow{background:#f7fafb;padding:9px 8px;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;font-weight:900;color:var(--muted);text-align:center}.calendar-day{background:#fff;min-height:128px;padding:8px;overflow:hidden}.calendar-day.outside{background:#f8fafb;color:#9ca8b0}.calendar-day.today{box-shadow:inset 0 0 0 2px var(--blue)}.calendar-date{font-size:.75rem;font-weight:900;margin-bottom:6px}.calendar-event{display:block;border:0;width:100%;text-align:left;border-radius:7px;padding:5px 6px;margin:4px 0;font-size:.67rem;line-height:1.25;background:var(--blue-soft);color:#185c84;font-weight:800;overflow:hidden}.calendar-event.class-event{background:#e9f1f7;color:#194f70}.calendar-event.assignment-event{background:var(--purple-soft);color:var(--purple)}.calendar-event.ride-event{background:var(--green-soft);color:var(--green)}.calendar-event.cancelled{background:#eef0f2;color:#7a858c;text-decoration:line-through}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:10px;overflow:auto}.week-day{background:#fff;border:1px solid var(--line);border-radius:13px;padding:10px;min-height:220px}.week-day.today{border-color:#75a9c7;box-shadow:0 0 0 2px rgba(39,118,167,.1)}.week-day h4{margin:0 0 8px;font-size:.8rem}.module-strip{display:flex;gap:8px;overflow:auto;padding-bottom:8px;margin-bottom:8px}.module-chip{flex:0 0 auto;border:1px solid var(--line);border-radius:12px;background:#fff;padding:9px 12px;min-width:150px}.module-chip strong{display:block;font-size:.82rem}.module-chip span{display:block;color:var(--muted);font-size:.7rem;margin-top:2px}.assignment-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;margin-bottom:10px}.assignment-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.assignment-card h4{margin:0}.assignment-meta{display:flex;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:.75rem;margin-top:5px}.delivery-badge{display:inline-block;padding:3px 7px;border-radius:999px;background:#edf4f8;color:#285e7d;font-size:.66rem;font-weight:900}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tool-button{border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px;text-align:left;display:block;text-decoration:none;color:var(--ink)}.tool-button:hover{border-color:#8db8d0;background:#fbfdfe}.tool-button strong{display:block}.tool-button span{display:block;color:var(--muted);font-size:.73rem;margin-top:3px}.feature-list{display:grid;gap:9px}.feature-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f3;padding:9px 0}.feature-row:last-child{border-bottom:0}.feature-row strong{display:block;font-size:.84rem}.feature-row span{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}.switch{position:relative;width:45px;height:26px;flex:0 0 auto}.switch input{position:absolute;opacity:0}.switch i{position:absolute;inset:0;border-radius:999px;background:#cdd6dc;transition:.18s}.switch i:after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.18s}.switch input:checked+i{background:var(--green)}.switch input:checked+i:after{transform:translateX(19px)}.external-tool-row{display:grid;grid-template-columns:minmax(140px,.7fr) 1.8fr auto;gap:8px;align-items:end;padding:8px 0;border-bottom:1px solid #edf1f3}.external-tool-row:last-child{border-bottom:0}.access-user{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:9px}.access-user-top{display:flex;justify-content:space-between;gap:12px}.access-user-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.portal-locked{border:1px solid #e3c578;background:var(--amber-soft);color:#75500e}.student-progress-hero{background:linear-gradient(140deg,var(--navy),#1e668f);color:#fff;border-radius:20px;padding:20px;margin-bottom:16px}.student-progress-hero .muted{color:#d6e7f0}.student-progress-hero .progress-grid{margin-bottom:0}.student-progress-hero .progress-stat{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18)}.student-progress-hero .progress-stat span{color:#d6e7f0}.student-progress-hero .progress-bar{background:rgba(255,255,255,.18)}.student-progress-hero .progress-bar i{background:#fff}.student-assignment{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:9px}.student-assignment h4{margin:0 0 4px}.student-assignment .actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.readiness-box{border:1px solid var(--line);border-radius:13px;padding:12px;margin-top:12px}.readiness-box.ready{background:var(--green-soft);border-color:#b7ddc6}.readiness-box.blocked{background:var(--amber-soft);border-color:#ead49d}.blocking-list{margin:8px 0 0;padding-left:18px;font-size:.78rem}.profile-request{border:1px solid var(--line);border-radius:12px;padding:11px;margin-bottom:8px}.chip{display:inline-block;border-radius:999px;padding:4px 8px;background:#eef3f6;color:#536672;font-size:.68rem;font-weight:900}.completion-banner{padding:14px;border-radius:14px;background:var(--green-soft);border:1px solid #b7ddc6;color:#1d633f}.danger-card{border:1px solid #e6bcbc;background:#fff7f7;border-radius:13px;padding:12px}.empty-inline{color:var(--muted);font-size:.78rem;padding:8px 0}.nowrap{white-space:nowrap}
@media(max-width:900px){.calendar-grid{grid-template-columns:repeat(7,minmax(95px,1fr));overflow:auto}.calendar-day{min-height:112px}.tool-grid{grid-template-columns:1fr}.external-tool-row{grid-template-columns:1fr}.student-assignment{grid-template-columns:1fr}.student-assignment .actions{justify-content:flex-start}}
@media(max-width:760px){.calendar-toolbar{align-items:stretch;flex-direction:column}.calendar-grid{display:block;background:transparent;border:0}.calendar-dow{display:none}.calendar-day{display:none;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;min-height:auto}.calendar-day.has-events,.calendar-day.today{display:block}.calendar-day.outside{display:none}.week-grid{grid-template-columns:1fr;overflow:visible}.week-day{min-height:auto}.access-user-top{flex-direction:column}.external-tool-row{align-items:stretch}.segmented{align-self:flex-start}}

/* v5.5 Mini Course in-app launcher + active-time tracking */
.modal.minicourse-active{padding:0;background:#fff;place-items:stretch}
.modal.minicourse-active .modal-card{width:100%;height:100dvh;max-height:100dvh;border-radius:0;display:flex;flex-direction:column;overflow:hidden}
.modal.minicourse-active .modal-head{flex:0 0 auto}
.modal.minicourse-active #modalBody{padding:0;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.minicourse-launchbar{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid var(--line);background:#f7fafb;flex:0 0 auto}
.minicourse-back-btn{white-space:nowrap;font-weight:800}
.minicourse-tracking-note{display:flex;gap:7px;align-items:baseline;justify-content:center;flex-wrap:wrap;font-size:.8rem;text-align:center}
.minicourse-launchbar span{color:var(--muted)}
.minicourse-direct-btn{white-space:nowrap;font-size:.72rem;opacity:.82}
.minicourse-frame-wrap{flex:1;min-height:0;background:#fff}
.minicourse-frame{display:block;width:100%;height:100%;border:0;background:#fff}
@media(max-width:760px){.modal.minicourse-active{padding:0;align-items:stretch}.modal.minicourse-active .modal-card{border-radius:0}.minicourse-launchbar{display:flex;align-items:stretch;flex-direction:column;padding:8px}.minicourse-launchbar .btn{width:100%}.minicourse-tracking-note{order:2}.minicourse-direct-btn{order:3}.minicourse-back-btn{order:1;min-height:46px;font-size:.9rem}}

/* v5.8 Applicants, admissions, and public application portal */
.applicant-toolbar{flex-wrap:wrap}
.applicant-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;margin-bottom:10px;box-shadow:0 2px 7px rgba(16,40,58,.025);cursor:pointer;transition:.15s}
.applicant-card:hover{border-color:#91b9cf;box-shadow:var(--shadow)}
.applicant-card h4{margin:0 0 3px}
.applicant-card-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.status-stack{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:0 0 auto}
.status-stack.horizontal{flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap}
.applicant-hero{background:linear-gradient(140deg,var(--navy),#1e668f);color:#fff;border-radius:20px;padding:20px;margin-bottom:16px}
.applicant-hero .eyebrow{color:#d6e7f0}.applicant-hero .status{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.24)}
.small-value{font-size:1.12rem!important}
.application-form{margin-top:0}.application-ack{border:1px solid var(--line);border-radius:14px;background:#fafcfd;padding:14px}.application-ack h4{margin:0 0 10px}.ack-row{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:start;padding:8px 0;border-bottom:1px solid #edf1f3;font-weight:600;line-height:1.35}.ack-row:last-child{border-bottom:0}.ack-row input{width:auto;margin-top:2px}.ack-row span{font-size:.8rem;color:#455763}.wrap-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.file-btn{display:inline-flex;place-items:center}
.status.accepted,.status.verified,.status.converted,.status.submitted{background:var(--green-soft);color:var(--green)}
.status.waiting-list,.status.needs-information,.status.incomplete,.status.draft{background:var(--amber-soft);color:var(--amber)}
.status.declined,.status.rejected{background:var(--red-soft);color:var(--red)}
.status.no-response,.status.withdrawn,.status.waived{background:#eef0f3;color:#5e6870}
@media(max-width:900px){.applicant-card-top{flex-direction:column}.status-stack{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.applicant-toolbar>*{width:100%!important;max-width:none!important}}

/* v5.9 Application Builder */
.application-section{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff;display:grid;gap:11px}.application-section h4{margin:0 0 2px;color:var(--navy)}.field-help{display:block;font-size:.7rem;color:var(--muted);font-weight:600;margin-top:4px}.radio-options{display:flex;gap:7px;flex-wrap:wrap;margin-top:6px}.builder-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.application-builder-list{display:grid;gap:8px}.application-builder-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}.application-builder-row.disabled-row{opacity:.6;background:#f7f9fa}.builder-order{display:flex;flex-direction:column;gap:3px}.builder-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:8px;width:30px;height:27px;font-weight:900;color:var(--navy)}.icon-btn:disabled{opacity:.35}.preview-only{pointer-events:none}.application-question.hidden{display:none!important}@media(max-width:760px){.builder-summary{align-items:flex-start;flex-direction:column}.application-builder-row{grid-template-columns:auto minmax(0,1fr)}.builder-actions{grid-column:1/-1;justify-content:flex-end}}

/* v6.1 payments, schedules, extensions, and student portal holds */
.status.overdue,.status.payment-hold,.status.academic-hold,.status.communication-hold,.status.administrative-hold,.status.other-hold{background:var(--red-soft);color:var(--red)}
.status.due-today,.status.due-soon,.status.partial{background:var(--amber-soft);color:var(--amber)}
.status.upcoming,.status.current,.status.default,.status.not-connected{background:#eef3f6;color:#536672}
.status.connected{background:var(--green-soft);color:var(--green)}
.payment-plan-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}
.payment-plan-mini-schedule{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.payment-plan-mini-schedule span{background:#f3f7f9;border:1px solid #e4ebef;border-radius:999px;padding:5px 8px;font-size:.7rem;color:#536672;font-weight:700}
.payment-schedule-total{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 12px;border-radius:12px;background:#f3f7f9}
.installment-admin-row,.student-payment-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f3;padding:11px 0}
.installment-admin-row:last-child,.student-payment-row:last-child{border-bottom:0}
.student-payment-amount{display:flex;align-items:flex-end;flex-direction:column;gap:3px;text-align:right}
.student-payment-amount span{font-size:.7rem;color:var(--muted)}
.payment-account-table{min-width:1120px}
@media(max-width:720px){.installment-admin-row,.student-payment-row{align-items:flex-start;flex-direction:column}.student-payment-amount{align-items:flex-start;text-align:left}.payment-plan-mini-schedule{display:grid}.payment-account-table{min-width:980px}}
.inline-setting{display:flex;align-items:center;gap:7px}.inline-setting input{width:82px;padding:7px 8px}


/* v6.2 organization user access */
.access-section{display:grid;gap:12px;margin-top:16px}
.access-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.access-section-head h3{margin:0}
.role-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.role-chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:3px 8px;font-size:.75rem;font-weight:700;background:var(--surface-2)}
.access-user .access-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}
.access-user-actions{flex-wrap:wrap}

/* ========================================================================== 
   Education Portal v7.0 — multi-tenant organization workspace
   ========================================================================== */
.portal-shell{min-height:100vh;background:var(--bg)}
.portal-topbar{position:fixed;left:0;right:0;top:0;height:68px;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 20px}
.portal-sidebar{z-index:35}.portal-content{padding-bottom:64px}.portal-org-select{width:auto;min-width:190px;max-width:310px;padding:7px 34px 7px 10px;font-size:.8rem;font-weight:800}
.portal-loading{display:grid;place-items:center;min-height:240px;color:var(--muted);font-weight:800}.portal-kpis{margin-bottom:18px}
.portal-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;margin-bottom:18px;border-radius:22px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;box-shadow:var(--shadow)}
.portal-hero h3{font-size:1.55rem;margin:4px 0}.portal-hero p{margin:0;color:#deebf1;max-width:760px}.portal-hero .eyebrow{color:#bcd7e5}.portal-hero-badge{flex:0 0 auto;padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.1);font-size:.75rem;font-weight:900}
.portal-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.portal-home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.portal-module-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;border:1px solid var(--line);background:#fff;border-radius:17px;padding:16px;text-align:left;box-shadow:0 2px 7px rgba(16,40,58,.025);color:var(--ink)}
.portal-module-card:hover{border-color:#93bdd4;box-shadow:var(--shadow);transform:translateY(-1px)}.portal-module-card h3{margin:0 0 4px;font-size:.96rem}.portal-module-card p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.35}.portal-card-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--blue-soft);font-size:1.15rem}.portal-card-arrow{color:#7d909d;font-size:1.5rem}.organization-card{grid-template-columns:auto minmax(0,1fr);align-items:flex-start}.organization-card .portal-card-icon{background:#eef4f7}
.portal-list-button{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border:0;border-bottom:1px solid #edf1f3;background:transparent;text-align:left;padding:12px 4px;color:var(--ink)}.portal-list-button:last-child{border-bottom:0}.portal-list-button:hover{background:#f8fbfc}.portal-list-button strong{display:block;font-size:.88rem}.portal-list-button span{font-size:.73rem;color:var(--muted);text-align:right}.portal-section{margin-top:18px}.modal-section{margin-top:12px;padding:14px}.modal-section h4{margin:0 0 10px}
.confidential-banner{background:#fff1f1;border:1px solid #e8c6c6;color:#853737;border-radius:12px;padding:10px 13px;font-size:.79rem;font-weight:800;margin-bottom:12px}
.remediation-card{border:1px solid var(--line);border-radius:13px;padding:12px;margin:10px 0;background:#fbfdfe}.remediation-card>strong{display:inline-block;margin-right:8px}.req-list{display:grid;gap:6px;margin:10px 0}.req-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;border-top:1px solid #edf1f3;padding-top:7px;font-size:.78rem}
.system-requirements{display:flex;gap:9px;overflow:auto;padding:2px 0 14px}.coverage-card{min-width:190px;border-radius:13px;border:1px solid var(--line);padding:12px;background:#fff;display:grid;gap:4px}.coverage-card strong{font-size:.82rem}.coverage-card span{font-size:.72rem;color:var(--muted)}.coverage-card b{font-size:.74rem}.coverage-card.met{border-color:#b8dec7;background:var(--green-soft);color:var(--green)}.coverage-card.shortage{border-color:#e8bebe;background:var(--red-soft);color:var(--red)}
.unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.unit-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px}.unit-card.out-of-service-staffing,.unit-card.out-of-service-mechanical{border-color:#e2b1b1;background:#fffafa}.unit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.unit-head h3{margin:2px 0 0;font-size:1rem}.unit-code{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:900}.unit-meta{font-size:.72rem;color:var(--muted);margin:8px 0}.unit-staff{display:grid;gap:6px;margin:10px 0}.unit-staff>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;border-top:1px solid #eef2f4;padding-top:7px}.unit-staff strong{font-size:.79rem}.unit-staff span{font-size:.68rem;color:var(--muted)}.unit-staff .link-btn{grid-column:2;grid-row:1/3;font-size:.68rem}
.inventory-alert{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px;border-bottom:1px solid #edf1f3}.inventory-alert:last-child{border-bottom:0}.inventory-alert div{display:grid;gap:2px}.inventory-alert strong{font-size:.82rem}.inventory-alert span{font-size:.7rem;color:var(--muted)}.inventory-alert b{font-size:.78rem;color:var(--amber);white-space:nowrap}.portal-count-list{margin-top:0}.quick-count-row{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f3}.quick-count-row div{display:grid}.quick-count-row span{font-size:.68rem;color:var(--muted)}.po-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f3}.po-line div{display:grid}.po-line span{font-size:.7rem;color:var(--muted)}.po-line.warning-line{background:var(--amber-soft);padding:10px;border-radius:10px;border:1px solid #ead49d;margin-bottom:6px}
.module-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.module-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:12px;padding:11px}.module-row>div{display:grid;gap:3px}.module-row strong{font-size:.82rem}.module-row span:not(.status){font-size:.7rem;color:var(--muted)}.module-row.disabled{opacity:.58;background:#f7f9fa}.danger-text{color:var(--red)}
.portal-course-grid .course-card{min-height:175px}.portal-top-actions{min-width:0}
.status.staffed,.status.available,.status.ready,.status.enabled,.status.in-service,.status.approved,.status.received,.status.final,.status.locked{background:var(--green-soft);color:var(--green)}
.status.elevated,.status.high,.status.urgent,.status.soon,.status.pending-approval,.status.monitoring,.status.remediation-active,.status.maintenance{background:var(--amber-soft);color:var(--amber)}
.status.critical,.status.out-of-service,.status.out-of-service-staffing,.status.out-of-service-mechanical,.status.not-met,.status.failed{background:var(--red-soft);color:var(--red)}
.status.disabled,.status.archived,.status.retired,.status.cancelled,.status.unstaffed{background:#eef0f3;color:#5e6870}

@media(max-width:1100px){.portal-card-grid,.portal-home-grid,.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.portal-topbar{padding:0 10px}.portal-top-actions .portal-org-select{max-width:150px;min-width:120px}.portal-top-actions .btn:not(#portalSignOutBtn){display:none}.portal-content{margin-left:0;padding:88px 14px 34px}.portal-sidebar{transform:translateX(-105%);transition:.2s;box-shadow:var(--shadow)}.portal-sidebar.open{transform:translateX(0)}.portal-card-grid,.portal-home-grid,.unit-grid,.module-list-grid{grid-template-columns:1fr}.portal-hero{align-items:flex-start;flex-direction:column}.portal-hero-badge{align-self:flex-start}.quick-count-row{grid-template-columns:1fr 100px}.quick-count-row .btn{grid-column:1/-1}.req-row{grid-template-columns:1fr auto}.req-row .btn{grid-column:1/-1}.portal-module-card{padding:14px}}

/* Organization lifecycle controls */
.organization-card{cursor:pointer;align-items:flex-start}
.organization-card-body{min-width:0;flex:1}
.organization-actions,.organization-settings-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.organization-inactive{opacity:.72}
.organization-inactive:hover{opacity:1}
.compact-banner{margin-top:14px}
.warning-card{border:1px solid #e6b85c;background:#fff8e7;color:#6f4a00;border-radius:12px;padding:12px 14px}
.btn:disabled{opacity:.45;cursor:not-allowed}

/* ========================================================================== */
/* Education Portal v7.1 — optional hosted public website + permission UI      */
/* ========================================================================== */
.public-site-shell{min-height:100vh;background:#fff;color:var(--ink)}
.public-header{position:sticky;top:0;z-index:45;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(18,50,74,.1)}
.public-header-inner{max-width:1220px;margin:0 auto;min-height:76px;padding:10px 22px;display:flex;align-items:center;gap:22px}
.public-brand{border:0;background:transparent;display:flex;align-items:center;gap:11px;text-align:left;color:var(--ink);padding:0;margin-right:auto}
.public-brand span{display:grid;gap:2px}.public-brand strong{font-size:.93rem}.public-brand small{font-size:.67rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:800}
.public-brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,var(--navy),var(--navy2));color:#fff;font-weight:950;letter-spacing:.04em;box-shadow:0 8px 18px rgba(18,50,74,.18)}
.public-brand-mark.large{width:70px;height:70px;border-radius:21px;font-size:1.18rem}
.public-nav{display:flex;align-items:center;gap:4px}.public-nav button,.public-footer button{border:0;background:transparent;color:#405563;font-weight:800;font-size:.79rem;padding:9px 10px;border-radius:9px}.public-nav button:hover,.public-footer button:hover{background:#eef5f8;color:var(--navy)}
.public-login-btn{white-space:nowrap}
.public-hero{background:radial-gradient(circle at 80% 15%,rgba(73,157,202,.35),transparent 30%),linear-gradient(135deg,#102e44 0%,#174d6c 58%,#236f94 100%);color:#fff;overflow:hidden}
.public-hero-inner{max-width:1220px;margin:0 auto;padding:82px 22px 88px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:56px;align-items:center}
.public-hero .eyebrow{color:#a9d9ef}.public-hero-copy h1{font-size:clamp(2.35rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.04em;margin:.15em 0 .28em;max-width:820px}.public-hero-copy>p:not(.eyebrow){font-size:1.08rem;line-height:1.65;color:#dcebf3;max-width:680px}
.public-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.public-hero .btn.primary{background:#fff;color:var(--navy);border-color:#fff}.btn.public-white{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.35);color:#fff}.btn.public-white:hover{background:rgba(255,255,255,.18)}
.public-hero-panel{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:26px;padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.12);backdrop-filter:blur(10px)}
.public-hero-panel-brand{display:flex;align-items:center;gap:15px}.public-hero-panel-brand strong{display:block;font-size:1.1rem}.public-hero-panel-brand span{display:block;color:#d4e8f2;font-size:.76rem;margin-top:4px}
.public-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:28px}.public-stat-grid div{padding:14px 10px;border-radius:15px;background:rgba(255,255,255,.08);text-align:center}.public-stat-grid strong{display:block;font-size:1.7rem}.public-stat-grid span{display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.07em;color:#d2e4ed;margin-top:4px;font-weight:800}
.public-section{max-width:1220px;margin:0 auto;padding:74px 22px;scroll-margin-top:80px}.public-section.alt{max-width:none;background:#f4f8fa;padding-left:max(22px,calc((100vw - 1176px)/2));padding-right:max(22px,calc((100vw - 1176px)/2))}.public-section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:26px}.public-section-head h2,.public-contact h2{font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.025em;margin:.12em 0}.public-section-head p:not(.eyebrow){color:var(--muted);margin:5px 0 0;max-width:680px;line-height:1.55}
.public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.public-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 3px 14px rgba(16,40,58,.04);display:flex;flex-direction:column;min-height:270px}.public-card.featured{border-color:#91bdd4;box-shadow:0 10px 30px rgba(16,70,100,.08)}.public-card-top{display:flex;justify-content:space-between;align-items:center;gap:7px;min-height:28px}.public-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;background:#edf4f8;color:#2c627f;font-size:.65rem;font-weight:900;letter-spacing:.03em}.public-chip.highlight{background:var(--amber-soft);color:var(--amber)}.public-card h3{font-size:1.16rem;line-height:1.25;margin:13px 0 7px}.public-card>p{font-size:.83rem;color:var(--muted);line-height:1.55;margin:0 0 18px}.public-card-meta{margin-top:auto;padding-top:15px;border-top:1px solid #edf1f3;display:flex;align-items:flex-end;justify-content:space-between;gap:9px;font-size:.76rem;color:var(--muted)}.public-card-meta strong{font-size:.88rem;color:var(--ink)}.public-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.public-card-actions .btn{font-size:.78rem;padding:9px 12px}.public-details{font-size:.78rem;color:var(--muted);margin:0 0 14px}.public-details summary{font-weight:800;color:var(--navy);cursor:pointer}.public-empty{grid-column:1/-1;border:1px dashed #cbd7de;border-radius:18px;padding:34px;text-align:center;color:var(--muted);background:#fff}
.public-contact{max-width:none;background:linear-gradient(180deg,#fff,#eef5f8);padding-left:max(22px,calc((100vw - 1176px)/2));padding-right:max(22px,calc((100vw - 1176px)/2))}.public-contact-card{max-width:1176px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:35px;box-shadow:var(--shadow)}.public-contact-card p:not(.eyebrow){color:var(--muted);line-height:1.6}.public-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.public-contact-actions div{border:1px solid var(--line);border-radius:14px;padding:13px}.public-contact-actions span{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:900;margin-bottom:5px}.public-contact-actions a{font-weight:800;color:var(--blue);text-decoration:none;word-break:break-word}
.public-footer{background:#102e44;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px max(22px,calc((100vw - 1176px)/2))}.public-footer div{display:grid;gap:4px}.public-footer span{font-size:.72rem;color:#c6dbe7}.public-footer button{color:#fff}.public-neutral{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at top right,#dceef6,transparent 35%),linear-gradient(135deg,#eef5f8,#fafcfd)}.public-neutral-card{width:min(560px,100%);padding:34px;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);text-align:center}.public-neutral-card .public-brand-mark{margin:0 auto 18px}.public-neutral-card h1{font-size:2rem;margin:.2em 0}.public-neutral-card>p:not(.eyebrow){color:var(--muted);line-height:1.6;margin:0 auto 22px}.public-modal-copy>p{line-height:1.6;color:var(--muted)}
.modal-close-btn{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border:1px solid transparent;background:#f3f6f8;color:#314552;border-radius:12px;font-size:1.55rem;line-height:1;padding:0;font-family:Arial,sans-serif}.modal-close-btn:hover{background:#e8eef2;border-color:#d6e0e6}.modal-close-btn:focus-visible{outline:3px solid rgba(39,118,167,.2);outline-offset:2px}
.permission-note{font-size:.72rem;color:var(--muted);margin-top:4px}.access-denied-panel{padding:24px;background:#fff;border:1px solid #e4c6c6;border-radius:16px;color:var(--red)}
.portal-subnav{display:flex;gap:7px;flex-wrap:wrap;margin:-4px 0 18px}.portal-subnav button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-size:.74rem;font-weight:850;color:#536672}.portal-subnav button.active{background:var(--navy);border-color:var(--navy);color:#fff}
.training-offering-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px;margin-bottom:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px}.training-offering-card h4{margin:0 0 4px}.training-offering-card .meta{display:flex;gap:7px;flex-wrap:wrap;font-size:.72rem;color:var(--muted)}.training-offering-card .actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.course-number{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:900;background:#eef4f7;padding:5px 7px;border-radius:8px;color:#315d73}
.training-week-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.training-week{border:1px solid var(--line);border-radius:13px;padding:11px;background:#fff;min-height:105px}.training-week strong{display:block;font-size:.78rem}.training-week span{display:block;font-size:.69rem;color:var(--muted);margin-top:4px}.participant-row{display:grid;grid-template-columns:minmax(170px,1fr) 100px 130px auto;align-items:center;gap:10px;border-bottom:1px solid #edf1f3;padding:10px 0}.participant-row:last-child{border:0}.progress-mini{height:7px;border-radius:999px;background:#e9eef1;overflow:hidden}.progress-mini i{display:block;height:100%;background:var(--green);border-radius:999px}
.import-job{border:1px solid var(--line);border-radius:15px;padding:15px;background:#fff;margin-bottom:9px}.import-job-top{display:flex;justify-content:space-between;gap:12px}.import-job h4{margin:0 0 4px}.import-job .meta{font-size:.73rem;color:var(--muted)}.mapping-grid{display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr);gap:8px;align-items:end}.verification-row{border:1px solid var(--line);border-radius:13px;padding:12px;margin:9px 0;background:#fff}.verification-field{display:grid;grid-template-columns:170px minmax(0,1fr) 90px;gap:10px;padding:6px 0;border-bottom:1px solid #edf1f3;font-size:.77rem}.verification-field:last-child{border:0}.confidence-high{color:var(--green);font-weight:900}.confidence-low{color:var(--amber);font-weight:900}
.public-settings-preview{border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#f5f9fb,#fff);padding:17px}.public-settings-preview h3{margin:2px 0 6px}.mode-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mode-card{border:1px solid var(--line);border-radius:14px;padding:13px;background:#fff}.mode-card.selected{border-color:#77a9c5;background:var(--blue-soft)}.mode-card strong{display:block}.mode-card span{display:block;font-size:.72rem;color:var(--muted);margin-top:4px}
.html-document-preview{border:1px solid #b9c5cc;background:#fff;border-radius:10px;padding:18px;max-height:560px;overflow:auto}.html-document-preview iframe{width:100%;min-height:600px;border:0}

@media(max-width:960px){.public-nav{display:none}.public-hero-inner{grid-template-columns:1fr;padding-top:58px}.public-hero-panel{max-width:620px}.public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.training-week-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-card-grid{grid-template-columns:1fr}.participant-row{grid-template-columns:1fr 100px;}.participant-row .actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:650px){.public-header-inner{min-height:64px;padding:8px 12px}.public-brand strong{font-size:.8rem}.public-brand small{display:none}.public-brand-mark{width:38px;height:38px}.public-login-btn{padding:8px 10px;font-size:.73rem}.public-hero-inner{padding:54px 16px 60px;gap:30px}.public-hero-copy h1{font-size:2.5rem}.public-hero-copy>p:not(.eyebrow){font-size:.96rem}.public-stat-grid{grid-template-columns:1fr}.public-section,.public-section.alt,.public-contact{padding:54px 16px}.public-grid{grid-template-columns:1fr}.public-contact-card{grid-template-columns:1fr;padding:20px}.public-contact-actions{grid-template-columns:1fr}.public-footer{align-items:flex-start;flex-direction:column;padding:24px 16px}.training-week-grid{grid-template-columns:1fr}.participant-row{grid-template-columns:1fr}.mapping-grid{grid-template-columns:1fr}.verification-field{grid-template-columns:1fr}.modal-head{padding:11px 12px}.modal-close-btn{width:42px;height:42px;flex-basis:42px}}

/* v7.1 granular staff access editor */
.permission-group{margin:14px 0 18px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card)}
.permission-group h4{margin:0;padding:11px 14px;background:var(--soft);border-bottom:1px solid var(--line)}
.permission-row{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(175px,220px);gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}
.permission-row:last-child{border-bottom:0}
.access-mode-select{min-width:170px}
.course-permission-block{border:1px solid var(--line);border-radius:14px;margin:10px 0;background:var(--card);overflow:hidden}
.course-permission-block>summary{cursor:pointer;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 14px;background:var(--soft)}
.course-permission-block>summary span:first-child{display:flex;flex-direction:column;gap:2px}
.permission-list{padding:0}
@media(max-width:720px){.permission-row{grid-template-columns:1fr}.access-mode-select{width:100%}}

/* v7.1 academic calendar + discussion board */
.calendar-event.indexed-event{border-left:3px solid currentColor}
.calendar-event.discussion{font-weight:700}
.discussion-prompt{padding:16px;border:1px solid var(--line,#dbe4ea);border-radius:14px;background:var(--panel-soft,#f7fafc);line-height:1.55}
.discussion-prompt strong{display:block;margin-bottom:6px}
.discussion-rules{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
.discussion-rules span{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#eef4f7;border:1px solid #d7e2e8;font-size:12px;font-weight:700;color:#405463}
.compact-grid{margin:12px 0 16px}
.discussion-thread{margin:12px 0}
.discussion-post,.discussion-reply{border:1px solid var(--line,#dbe4ea);border-radius:14px;padding:13px 14px;background:#fff;line-height:1.5}
.discussion-reply{margin:8px 0 0 28px;background:#f8fafc}
.discussion-post-meta{font-size:12px;color:#6b7d89;margin-top:8px}
.discussion-compose{margin-top:18px;padding-top:16px;border-top:1px solid var(--line,#dbe4ea)}
@media(max-width:680px){.discussion-reply{margin-left:12px}.discussion-rules span{font-size:11px}}

/* v7.2.5 SCORM managed upload progress */
.scorm-upload-progress{border:1px solid var(--line,#d8dee8);border-radius:12px;padding:12px;background:var(--surface-soft,#f7f9fc)}
.scorm-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.scorm-progress-track{height:12px;border-radius:999px;background:rgba(100,116,139,.18);overflow:hidden}
.scorm-progress-bar{height:100%;border-radius:999px;background:currentColor;transition:width .15s ease}

/* v7.2.6 organization settings organization */
.settings-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-card{min-width:0}.settings-card.span-two{grid-column:1/-1}.settings-value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-value-grid.single{grid-template-columns:1fr}.settings-value-grid>div{min-width:0;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fbfcfd;display:flex;flex-direction:column;gap:4px}.settings-value-grid span{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.settings-value-grid strong{overflow-wrap:anywhere}.settings-value-grid small{color:var(--muted);font-size:.75rem;line-height:1.4}.settings-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-access-grid h4{margin:0 0 8px}.settings-toggle-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:12px;padding:11px;margin-bottom:8px;background:#fbfcfd}.settings-toggle-summary>div{display:flex;flex-direction:column;gap:3px;min-width:0}.settings-toggle-summary span{color:var(--muted);font-size:.75rem;line-height:1.35}.settings-advanced summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.settings-advanced summary span{color:var(--muted);font-size:.75rem}.settings-advanced[open] summary{margin-bottom:14px}@media(max-width:850px){.settings-dashboard,.settings-access-grid,.settings-value-grid{grid-template-columns:1fr}.settings-card.span-two{grid-column:auto}}

/* v7.2.7 clickable dashboard attention */
.attention-action{display:block;width:100%;text-align:left;border:0;background:transparent;cursor:pointer;font:inherit;color:inherit}.attention-action:hover{background:rgba(100,116,139,.08)}

/* v7.2.9 communication + assessment delivery */
.message-thread-view{display:flex;flex-direction:column;gap:10px;max-height:46vh;overflow:auto;margin:16px 0;padding:4px}.message-bubble{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface,#fff)}.message-bubble strong{display:block;margin-bottom:6px}.message-bubble span{display:block;margin-top:6px;font-size:.78rem;opacity:.7}.assessment-sticky{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface,#fff);margin-bottom:12px}.assessment-question{border:1px solid var(--line);border-radius:12px;padding:16px;margin:10px 0;background:var(--surface,#fff)}.assessment-question h4{margin:8px 0 12px}.assessment-options{display:grid;gap:8px}.assessment-option{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:10px;cursor:pointer}.assessment-option input{margin-top:3px}.assessment-entry{width:100%;box-sizing:border-box}.assessment-stimulus{padding:10px;border-left:3px solid var(--blue);background:rgba(0,0,0,.03);margin:8px 0;white-space:pre-wrap}

/* ========================================================================== */
/* Education Portal v7.2.10 — cross-browser contrast + roster/payment details */
/* ========================================================================== */
:root{--line:#b8c4cd;--line-soft:#d7dfe5;--line-strong:#98aab6}
input,select,textarea{border-color:var(--line-strong);box-shadow:inset 0 0 0 .5px rgba(18,50,74,.04)}
.panel,.kpi,.course-card,.status-chip,.mobile-card,.applicant-card,.payment-plan-card,.list-item,.table-wrap,.assignment-card,.student-assignment,.module-chip,.week-day,.calendar-grid,.attendance-row,.profile-request,.access-user,.coverage-card,.module-row{border-color:var(--line)}
.data-table th,.data-table td,.list-item,.portal-list-button,.feature-row,.external-tool-row,.inventory-alert,.quick-count-row,.po-line,.unit-staff>div,.req-row{border-bottom-color:var(--line-soft)}
.calendar-grid{background:var(--line)}
.calendar-date{display:flex;align-items:center;justify-content:space-between;gap:6px}
.calendar-week-badge{font-size:.58rem;line-height:1;padding:3px 5px;border-radius:999px;background:#e5eef4;border:1px solid var(--line-strong);color:#365d73;white-space:nowrap}
.labeled-status-stack{gap:7px}.labeled-status-stack>div{display:grid;grid-template-columns:76px auto;align-items:center;gap:6px}.labeled-status-stack .tiny{font-weight:800;text-align:right}
.payment-plan-slots{display:grid;gap:8px}.payment-plan-slot{display:grid;grid-template-columns:34px minmax(130px,1.35fr) minmax(130px,1fr) minmax(100px,.8fr) minmax(90px,.65fr) auto;gap:8px;align-items:end;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fbfcfd}.payment-plan-slot-number{align-self:center;justify-self:center;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e7eef3;border:1px solid var(--line-strong);font-size:.72rem;font-weight:900;color:#3c5869}.payment-down-check{align-self:end;margin-bottom:3px;white-space:nowrap}.payment-plan-slot label{font-size:.73rem}
@media(max-width:900px){.payment-plan-slot{grid-template-columns:30px 1fr 1fr}.payment-plan-slot-number{grid-row:1/3}.payment-down-check{grid-column:2/-1}}
