#classroom-status:empty{display:none}
.classroom-connection{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 20px;margin:0 0 18px;padding:18px 22px;border:1px solid #4fb8ae;border-radius:10px;background:#eaf7f5;color:#123f43;font-size:15px;line-height:1.5}
.classroom-connection strong{font-size:16px}
.classroom-connection p{margin:0;max-width:95ch}
.classroom-connection .classroom-actions{grid-column:2;grid-row:1/span 4;display:flex;flex-wrap:wrap;gap:8px;align-content:center;max-width:400px}
.classroom-connection .lab-tool{background:#fff;color:#15464a;border-color:#9bc9c5;min-height:44px;padding:9px 12px;font-size:14px;text-decoration:none;display:inline-flex;align-items:center}
.classroom-connection .lab-tool:hover{background:#d9efeb}
.classroom-connection .lab-tool:disabled{opacity:.6;cursor:wait}
.classroom-connection [hidden]{display:none!important}
.classroom-sync-status{font-weight:600}
.classroom-feedback{padding-top:7px;white-space:pre-wrap;overflow-wrap:anywhere}
.classroom-feedback:empty{display:none}
.school-header nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.school-header nav a{font-size:15px;font-weight:650;text-decoration:none}
.school-table-scroll{overflow-x:auto;max-width:100%;border:1px solid #cfdcde;border-radius:12px;margin:24px 0}
.school-review-table{width:100%;min-width:590px;border-collapse:collapse;line-height:1.6;font-size:16px}
.school-review-table th,.school-review-table td{padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid #dce6e7}
.school-review-table thead{background:#e8f2f2;color:#16454a}
.school-review-table tbody th{width:25%;color:#153d45}
.school-review-table tbody tr:last-child>*{border-bottom:0}
.prose code{overflow-wrap:anywhere}
@media(max-width:1100px){.classroom-connection{grid-template-columns:minmax(0,1fr)}.classroom-connection .classroom-actions{grid-column:1;grid-row:auto;max-width:none}}
@media(max-width:600px){.classroom-connection{padding:14px}.classroom-connection .classroom-actions .lab-tool{flex:1 1 140px;justify-content:center}.school-header{align-items:flex-start;gap:16px;flex-direction:column}.school-header nav{gap:18px}}