.classroom-dialog{width:min(960px,calc(100vw - 24px))}.classroom-dialog .dialog-body{display:flex;flex-direction:column;gap:14px}.classroom-dialog [hidden]{display:none!important}.cn-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;font-size:13px}.cn-meta time{color:var(--muted);margin-right:auto}.cn-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cn-facts>div{display:grid;gap:4px;font-size:13px}.cn-facts small,.cn-targets small,.cn-template small{font-size:12px;color:var(--muted)}.cn-targets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cn-targets>span{display:grid;gap:5px;padding:10px;border:1px solid var(--line);border-radius:7px;overflow-wrap:anywhere;font-size:13px}.cn-receipt-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px;font-size:13px}.cn-receipt-heading>span{color:var(--muted);margin-right:auto}.cn-receipt-heading button{min-height:32px;font-size:12px}.cn-receipts>div{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);align-items:center;font-size:13px}.cn-receipts strong{font-size:12px;color:var(--accent)}.cn-receipts strong.success{color:#2f7155}.cn-receipts small{grid-column:2/-1;overflow-wrap:anywhere;color:var(--muted)}.cn-isolation,.cn-confirm{padding:10px 12px;background:var(--accent-soft);color:var(--accent);font-size:13px;border-radius:7px;line-height:1.6}.cn-confirm{margin-top:12px}.cn-compose-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.cn-fields{display:grid;gap:12px;min-width:0}.classroom-dialog .cn-fields label{display:grid;gap:6px;color:var(--muted);font-size:12px}.cn-fields input,.cn-fields select{width:100%;min-width:0}.cn-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cn-template{display:flex;align-items:end;gap:12px}.cn-template label{flex:1;min-width:0}.cn-template small{white-space:nowrap;padding-bottom:10px}.cn-options summary{font-size:12px;color:var(--muted);cursor:pointer;padding:2px 0}.cn-options .cn-two{margin-top:10px}.cn-preview{min-width:0}.cn-preview>small{font-size:12px;color:var(--muted)}.cn-screen{aspect-ratio:16/9;background:#263346;border:5px solid #dfe5ec;border-radius:8px;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:18px;margin-top:6px;overflow:hidden;text-align:center}.cn-screen[data-mode=globalModal]{background:#f4f5f7}.cn-screen b{color:var(--accent);font-size:15px;overflow-wrap:anywhere}.cn-screen span{font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;max-height:100%;overflow:auto}.cn-preview .sn-note{margin-top:8px}.cn-class-heading{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:13px}.cn-class-heading b{margin-right:auto}.cn-class-heading b span{color:var(--accent);margin-left:4px}.cn-class-heading button{min-height:28px;font-size:12px;padding:3px 0}.cn-classes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:10px}.classroom-dialog .cn-classes label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);padding:8px;border-radius:6px;font-size:13px}.cn-classes label:has(input:disabled){color:var(--muted);background:var(--bg)}.cn-classes label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.cn-classes span{display:grid;gap:3px}.cn-classes small{font-size:11px;color:var(--muted)}.classroom-dialog input[type=checkbox]{width:16px;min-height:16px;height:16px;flex:none;margin:0}.classroom-dialog .cn-fields .cn-check{display:flex;align-items:center;gap:8px;color:var(--accent);line-height:1.6}.cn-actions{display:flex;justify-content:flex-end}.cn-bindings form{display:grid;grid-template-columns:64px minmax(0,1fr) auto 60px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.cn-bindings select{width:100%;min-width:0}.cn-bindings small{color:var(--muted);font-size:12px}.classroom-settings-dialog{width:min(760px,calc(100vw - 24px))}.classroom-dialog .form-error{margin:0}.classroom-dialog .dialog-footer{flex-wrap:wrap;gap:8px}.cn-fields .sn-note{margin:0}
@media(max-width:700px){.cn-compose-grid{grid-template-columns:minmax(0,1fr)}.cn-preview{display:none}.cn-classes{grid-template-columns:repeat(3,minmax(0,1fr))}.cn-targets{grid-template-columns:repeat(2,minmax(0,1fr))}.cn-class-heading{gap:8px;flex-wrap:wrap}.cn-class-heading b{flex-basis:100%}.cn-bindings form{grid-template-columns:54px minmax(0,1fr) auto;gap:8px}.cn-bindings small{grid-column:2/-1}.classroom-dialog .dialog-footer{padding:12px}.cn-receipts>div{grid-template-columns:56px minmax(0,1fr) auto}.cn-facts{gap:12px 8px}}

@media(max-width:700px){.cn-bindings form{row-gap:3px}.cn-bindings b{grid-column:1;grid-row:1}.cn-bindings select{grid-column:2;grid-row:1/3}.cn-bindings button{grid-column:3;grid-row:1/3}.cn-bindings small{grid-column:1;grid-row:2;font-size:11px}}
.classroom-settings-dialog .sn-tabs{margin:0}.classroom-settings-dialog [data-settings]>.sn-note{margin:0 0 10px}