/* Principal and school manager views. */
#connection-dialog{max-width:550px}.connection-tabs{display:flex;gap:8px;padding:5px;background:#f1f5f3;border:1px solid #e1e9e5;border-radius:9px;margin:0 0 19px}.connection-tabs button{border:0;border-radius:6px;background:transparent;flex:1;padding:10px 8px;display:flex;justify-content:center;align-items:center;gap:8px;color:#8a9d94;font-size:11px}.connection-tabs button.selected{color:#397d62;background:#fff;box-shadow:0 2px 5px #244c3110}.connection-tabs svg{width:16px;height:16px}#connection-dialog .instruction-box p{margin:8px 0 0;font-size:11px;line-height:1.9}.local-com-notice{padding:16px 0 0}.local-com-notice p{font-size:11px;line-height:1.9;color:#899c93;margin:0 0 13px}.local-com-notice .button{font-size:11px}.com-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#9aa9a2;margin:10px 0 14px}.com-tools button{font-size:10px}.serial-status{padding:12px 14px;border-radius:7px;background:#f5f7f6;color:#91a297;font-size:11px;line-height:1.7;margin-bottom:9px}.serial-status[data-ready="true"]{background:#edf7ef;color:#568867}#disconnect-com{font-size:10px;color:#ae8c6d}#usb-connection-panel label{font-size:11px}#com-port{font-size:11px;padding:12px;max-width:100%}
@media(max-width:760px){.sidebar:not(.open){box-shadow:none}}
.scope-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 24px;padding:12px 16px;border:1px solid #e2e9e7;border-radius:8px;background:#fff;font-size:10px}.scope-bar>div{display:flex;gap:9px;align-items:center;color:#718980}.scope-bar strong{color:#425e56;font-weight:550}.scope-bar svg{width:16px;height:16px}.scope-bar label{margin:0;display:flex;gap:12px;align-items:center;font-size:10px;white-space:nowrap}.scope-bar select{width:155px;margin:0;padding:8px 10px;font-size:10px;background:#f8faf9;border-color:#e0e9e5}.school-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 30px;border-radius:12px;border:1px solid #dce9e1;background:linear-gradient(120deg,#eaf4ed,#f7faf3);margin-bottom:22px;position:relative;overflow:hidden}.school-intro .badge{font-size:9px;background:#ffffffa6;color:#658d75}.school-intro .badge svg{width:12px;height:12px}.school-intro h2{font-size:22px;font-weight:550;letter-spacing:-.5px;line-height:1.5;color:#2c5c4d;margin:12px 0 9px}.school-intro p{font-size:11px;line-height:1.9;color:#859b8c;margin:0;max-width:620px}.intro-school{display:grid;place-items:center;width:105px;height:105px;border:1px solid #c9dfcd;border-radius:50%;background:#ffffff55;box-shadow:0 0 0 19px #ffffff35,0 0 0 38px #ffffff20;flex-shrink:0;margin-right:13px;color:#83aa8f}.intro-school svg{width:48px;height:48px;stroke-width:1}.school-stats{grid-template-columns:repeat(4,1fr)}.equipment-stat{text-align:left;cursor:pointer}.equipment-stat:hover{border-color:#90b7a0;background:#f6faf7}.equipment-stat .stat-note{display:flex;align-items:center;gap:5px}.equipment-stat .stat-note svg{width:12px;height:12px}.campus-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px}.campus-card{padding:25px;border-radius:11px;border:1px solid #e2e9e6;background:#fff;position:relative;overflow:hidden}.campus-card::after{content:'';position:absolute;right:-20px;top:-55px;width:150px;height:150px;border:22px solid #f6f9f6;border-radius:50%;pointer-events:none}.campus-card-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;margin-bottom:20px;gap:10px}.campus-symbol{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#e8f1e8;color:#6f9a7d}.campus-symbol svg{width:23px;height:23px}.branch-campus .campus-symbol{background:#edf0f8;color:#899cba}.campus-kicker{font-size:8px;letter-spacing:1.2px;color:#a0afab}.campus-card h2{font-size:23px;font-weight:550;margin:8px 0 10px;color:#36594d}.branch-campus h2{color:#566981}.campus-card p{color:#92a49c;font-size:10px;line-height:1.9;margin:0}.campus-numbers{display:grid;grid-template-columns:1fr 1.6fr 1.4fr;margin:22px 0 24px;gap:12px}.campus-numbers>div{border-right:1px solid #eaf0ec}.campus-numbers>div:last-child{border:0}.campus-numbers strong{display:block;font-size:23px;font-weight:500;letter-spacing:-.5px;color:#486358}.campus-numbers small{font-size:13px;color:#a6b4ab;font-weight:400}.campus-numbers span{display:block;font-size:9px;color:#97a69e;margin-top:7px}.campus-card .button{padding:10px 14px;font-size:10px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:2px 0 16px}.section-heading h2{font-size:14px;font-weight:550;margin:0;color:#465f55}.section-heading p{font-size:10px;line-height:1.8;color:#96a59e;margin:7px 0 0}.section-heading .inline-link{white-space:nowrap;display:flex;gap:5px;align-items:center;font-size:10px}.section-heading .inline-link svg{width:14px;height:14px}.equipment-filter-label{margin:0;display:flex;gap:10px;align-items:center;font-size:10px}.equipment-filter-label select{width:auto;margin:0;padding:9px;max-width:170px}.equipment-name{display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:left;padding:0;color:#4c6559;font-size:11px}.equipment-name small{display:block;font-size:9px;color:#9caaa2;margin-top:5px}.equipment-icon{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border-radius:9px;background:#f1f4f3;color:#a1ada7}.equipment-icon svg{width:19px;height:19px}.equipment-icon.powered{background:#eaf4ec;color:#7ba188}.equipment-panel td{padding-top:14px;padding-bottom:14px}.equipment-panel .inline-link{display:flex;align-items:center;gap:5px;font-size:10px}.equipment-panel .inline-link svg{width:13px;height:13px}.equipment-panel .panel-bottom{font-size:9px;line-height:1.8}.equipment-detail-banner{display:flex;align-items:center;gap:15px;background:#f6faf7;padding:15px;border-radius:9px;margin-bottom:15px}.equipment-detail-banner .equipment-icon{width:45px;height:45px}.scope-breadcrumb{display:flex;gap:7px;align-items:center;font-size:10px;color:#7f9a8d;margin-bottom:20px}.scope-breadcrumb strong{font-weight:500;color:#54755e}.scope-breadcrumb svg{width:12px;height:12px}.equipment-empty{margin-bottom:22px}.class-picker{grid-template-columns:repeat(2,1fr)}.class-card .badge{font-size:8px}.profile .avatar{font-size:8px}.topbar .avatar{font-size:8px}.school-intro+.stat-grid{margin-bottom:22px}.class-large h2{font-size:23px}.equipment-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end}.equipment-actions .button.small{padding:5px 12px;font-size:10px;border-radius:6px;min-width:54px}.danger-outline{background:#fff;border-color:#e4b5b5;color:#b44d4d}.danger-outline:hover{background:#fdf2f2;border-color:#d59494;color:#9b3b3b}.equipment-dialog-control{margin:18px 0 12px}.equipment-dialog-control .button{padding:12px;font-size:11px}
@media(max-width:1100px){.school-intro{padding:23px}.school-intro h2{font-size:19px}.intro-school{width:80px;height:80px;margin-right:0}.intro-school svg{width:36px;height:36px}.school-intro p{font-size:10px}.campus-card{padding:20px}.campus-numbers{gap:8px;grid-template-columns:.8fr 1.4fr 1.2fr}.campus-numbers span{font-size:8px}.campus-card-top .badge{font-size:8px}.campus-card h2{font-size:21px}.school-stats .stat-title{font-size:9px}.school-stats .stat-note{font-size:8px}.equipment-panel .table-heading{align-items:flex-start}.equipment-name{font-size:10px}}
@media(max-width:760px){.scope-bar{padding:11px;gap:10px;flex-wrap:wrap;margin-bottom:17px}.scope-bar>div{font-size:9px}.scope-bar label{font-size:9px;gap:9px}.scope-bar select{width:132px;font-size:10px;padding:8px}.scope-bar .muted{display:none}.school-intro{padding:20px;margin-bottom:17px;gap:0}.school-intro h2{font-size:19px;max-width:250px}.school-intro p{font-size:10px;max-width:245px}.intro-school{position:absolute;right:-10px;top:25px;width:62px;height:62px;opacity:.35;z-index:0;box-shadow:0 0 0 14px #ffffff60,0 0 0 28px #ffffff40}.school-intro>div:first-child{z-index:1}.intro-school svg{width:30px;height:30px}.school-intro .badge{font-size:8px}.school-stats{grid-template-columns:1fr 1fr}.school-stats .stat-title{font-size:10px}.school-stats .stat-note{font-size:9px;line-height:1.8}.campus-grid{grid-template-columns:1fr;gap:16px;margin-bottom:23px}.campus-card{padding:22px}.campus-card h2{font-size:24px}.campus-card p{font-size:11px}.campus-card-top .badge{font-size:9px}.campus-numbers span{font-size:9px}.campus-numbers{grid-template-columns:.9fr 1.4fr 1.2fr;gap:12px}.campus-card .button{font-size:11px}.section-heading h2{font-size:13px}.section-heading p{font-size:9px;max-width:240px}.section-heading .inline-link{font-size:9px}.equipment-filter-label{font-size:10px;gap:8px}.equipment-filter-label select{font-size:10px}.equipment-panel .table-heading{gap:15px}.equipment-name{font-size:11px}.class-picker{grid-template-columns:1fr 1fr}.class-card .badge{display:none}.class-card small{font-size:8px}.class-card{padding:12px}.class-large p{font-size:11px}.equipment-empty p{font-size:11px}}
.enroll-choice-card{background:linear-gradient(135deg,#edf7f2,#f8fcf9);border:1px solid #cce2d6;border-radius:10px;padding:16px;margin:18px 0 14px}.enroll-choice-header{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.enroll-badge-icon{display:grid;place-items:center;width:36px;height:36px;background:#358169;color:#fff;border-radius:8px;flex-shrink:0}.enroll-badge-icon svg{width:18px;height:18px}.enroll-choice-header strong{display:block;font-size:12px;color:#2c5b4d;font-weight:600}.enroll-choice-header p{margin:4px 0 0;font-size:10px;line-height:1.7;color:#6b877c}.manual-uid-toggle{text-align:right;margin:4px 0 10px}.manual-uid-toggle .inline-link{font-size:10px;color:#6b8f80;display:inline-flex;align-items:center;gap:4px}.manual-uid-toggle .inline-link svg{width:12px;height:12px}.enroll-scan-box{text-align:center;padding:25px 15px 15px}.radar-pulse-wrap{position:relative;width:80px;height:80px;margin:0 auto 18px;display:grid;place-items:center}.radar-core{width:50px;height:50px;background:#317762;color:#fff;border-radius:50%;display:grid;place-items:center;position:relative;z-index:2;box-shadow:0 4px 15px #266b5640}.radar-core svg{width:24px;height:24px}.radar-ring{position:absolute;inset:0;border:2px solid #58a990;border-radius:50%;animation:radarPulse 2s infinite ease-out;opacity:0}.radar-ring.r2{animation-delay:.9s}@keyframes radarPulse{0%{transform:scale(.6);opacity:.8}100%{transform:scale(1.6);opacity:0}}.enroll-scan-box h3{font-size:16px;color:#2c5448;margin:0 0 8px;font-weight:600}.enroll-student-name{font-size:12px;color:#607e74;margin-bottom:8px}.enroll-student-name strong{color:#1e4b3d;font-weight:600}.enroll-status-hint{font-size:11px;color:#7e968e;line-height:1.8;max-width:360px;margin:0 auto 16px}.enroll-banner{padding:14px 16px;border-radius:8px;font-size:11px;line-height:1.7;margin-top:14px;text-align:left}.enroll-banner.error{background:#fff1f1;border:1px solid #f3c1c1;color:#a83c3c}.enroll-banner.success{background:#eef8f2;border:1px solid #bce1cd;color:#2d7756}
.badge.danger{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca;font-weight:600}
.badge.warn{background:#fef3c7;color:#b45309;border:1px solid #fde68a}