/* Coding Classroom v0.9.x — Online analytics + classroom backend */

/* Main navigation now has one more destination; keep it compact on school notebooks. */
.main-nav a[data-route="classroom"] span{font-size:1rem}

.classroom-heading .section-symbol{color:#2569c8}
.classroom-profile-card,
.classroom-join-card,
.classroom-active,
.teacher-cloud{
  border:1px solid #d4e2ef;
  background:#fff;
  border-radius:16px;
  box-shadow:0 10px 30px rgba(27,66,108,.055);
}
.classroom-profile-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px;margin-bottom:14px}
.classroom-profile-card>div{display:grid;gap:2px;min-width:0}.classroom-profile-card small{color:#6e8399}.classroom-profile-card strong{font-size:1.05rem;color:#153f70}.classroom-profile-card span{font-size:.84rem;color:#647b91}
.classroom-join-card{padding:24px}.classroom-join-card form{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.75fr);align-items:end;gap:24px}.classroom-join-card h2{margin:3px 0 7px;font-size:1.45rem}.classroom-join-card p{color:#5e7388;line-height:1.7;margin:0}.classroom-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.classroom-code-row input{min-width:0;height:50px;border:2px solid #b9d0e8;border-radius:11px;padding:0 14px;text-transform:uppercase;letter-spacing:.16em;font:800 1.12rem/1 ui-monospace,monospace;color:#123d6d;background:#f9fcff}.classroom-code-row input:focus{outline:3px solid rgba(39,105,200,.16);border-color:#4b89d5}.classroom-privacy-note{margin-top:13px!important;padding-top:12px;border-top:1px solid #e8eef5;font-size:.78rem!important}
.classroom-active{padding:24px;background:linear-gradient(145deg,#f8fbff,#eef7ff 58%,#f6fbff)}
.classroom-active-top{display:flex;justify-content:space-between;gap:18px;align-items:start}.classroom-active h2{font-size:1.65rem;margin:3px 0 4px;color:#123f75}.classroom-active p{margin:0;color:#5d758c}.room-code{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:8px;background:#123f75;color:#fff;font:800 .78rem/1 ui-monospace,monospace;letter-spacing:.12em}.classroom-live{display:inline-flex;align-items:center;gap:5px;border:1px solid #bee7d7;background:#ecfaf5;color:#28765c;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:750;white-space:nowrap}.classroom-assignment{margin:20px 0;padding:17px;border:1px solid #cbdcf0;border-left:5px solid #2d6fc8;border-radius:11px;background:#fff}.classroom-assignment small{display:block;color:#718397;margin-bottom:4px}.classroom-assignment strong{display:block;color:#163f6d;font-size:1.08rem}.classroom-assignment p{margin-top:7px;font-size:.82rem}.classroom-actions{display:flex;gap:9px;flex-wrap:wrap}

/* Teacher cloud analytics */
.teacher-cloud{padding:22px;margin:18px 0 20px;background:linear-gradient(180deg,#fbfdff,#f5f9fd)}
.teacher-cloud-heading{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:16px}.teacher-cloud-heading h2{margin:3px 0 6px;font-size:1.45rem;color:#143f70}.teacher-cloud-heading p:not(.eyebrow){margin:0;color:#627990;line-height:1.65}.cloud-state{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:999px;font-size:.76rem;font-weight:750;white-space:nowrap}.cloud-state.is-ok{background:#e9f9f2;border:1px solid #b9e5d3;color:#27765a}.cloud-state.is-error{background:#fff1ef;border:1px solid #f0c6bf;color:#9a4639}
.teacher-cloud-login{max-width:660px;padding:16px;border:1px solid #d7e4ef;background:#fff;border-radius:12px}.teacher-cloud-login form>label{display:block;font-size:.82rem;font-weight:700;color:#405f7d;margin-bottom:6px}.teacher-cloud-login form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.teacher-cloud-login input{height:46px;border:1px solid #bfd0e0;border-radius:9px;padding:0 12px;font:700 1rem ui-monospace,monospace;color:#153e6b}
.cloud-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #dfe8f1;padding-top:14px;margin-top:4px}.cloud-toolbar p{margin:0;color:#647a90;font-size:.8rem}.cloud-summary{margin:14px 0;grid-template-columns:repeat(5,minmax(0,1fr))}.cloud-summary article{background:#fff;border:1px solid #d7e4f0}.cloud-dashboard-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px}.cloud-panel{border:1px solid #d7e4ef;background:#fff;border-radius:13px;padding:16px;margin-top:14px;min-width:0}.cloud-panel .section-heading{margin-bottom:10px}.cloud-panel h3{margin:0;color:#183f6b;font-size:1.02rem}.cloud-panel .section-heading p{margin:3px 0 0;color:#6b8094;font-size:.78rem}.online-now-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}.online-now-list li{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:9px;background:#f8fbfd;border:1px solid #e4edf4}.online-now-list li>div{display:grid;gap:1px}.online-now-list strong{font-size:.88rem;color:#244868}.online-now-list small{font-size:.75rem;color:#75889a}.online-dot{width:9px;height:9px;border-radius:50%;background:#29a876;box-shadow:0 0 0 4px rgba(41,168,118,.11);flex:none}.cloud-empty{color:#76899a!important;font-size:.82rem!important;justify-content:center!important;text-align:center!important}.create-room-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.create-room-form .room-mission-field{grid-column:1/-1}.create-room-form>.primary-cta{grid-column:1/-1;justify-self:start}.cloud-room-section{margin-top:14px}.cloud-room-list{display:grid;gap:11px}.cloud-room-card{border:1px solid #d6e4f0;border-left:5px solid #2868c1;border-radius:11px;padding:15px;background:#fbfdff}.cloud-room-card.is-archived{opacity:.67;border-left-color:#8f9cad}.cloud-room-head{display:flex;align-items:start;justify-content:space-between;gap:14px}.cloud-room-head h3{font-size:1.05rem;margin:7px 0 2px}.cloud-room-head p{margin:0;font-size:.8rem;color:#708497}.room-count{font-size:.76rem;color:#2c6b56;background:#edf9f4;border-radius:999px;padding:6px 9px;white-space:nowrap}.cloud-room-card>label{display:grid;gap:5px;margin-top:12px;font-size:.78rem;font-weight:650;color:#57718a}.cloud-room-card select{min-height:42px;border:1px solid #c8d8e6;border-radius:8px;background:#fff;padding:7px 9px;color:#2b4f70}.room-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:9px}.room-actions .secondary-cta{min-height:38px;padding:7px 10px;font-size:.78rem}.text-danger{border:0;background:transparent;color:#a2493d;font:700 .77rem inherit;padding:7px;cursor:pointer}.cloud-room-card details{margin-top:10px;border-top:1px solid #e2ebf2;padding-top:9px}.cloud-room-card summary{cursor:pointer;color:#386486;font-size:.8rem;font-weight:650}.room-member-list{display:grid;gap:6px;margin-top:8px}.room-member-list>div{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(160px,1fr) minmax(180px,1.2fr);gap:8px;align-items:center;padding:8px 9px;border-radius:8px;background:#f6f9fc;font-size:.76rem}.room-member-list strong{font-size:.82rem;color:#274d6e}.room-member-list span{color:#687e92}.teacher-security{margin-top:14px;border:1px solid #e0e8f0;border-radius:10px;background:#fff}.teacher-security summary{cursor:pointer;padding:11px 13px;font-weight:650;color:#49657f;font-size:.82rem}.teacher-security form{padding:0 13px 13px}.teacher-security label{display:block;font-size:.78rem;color:#62788d;margin-bottom:5px}.teacher-security form>div{display:grid;grid-template-columns:minmax(0,260px) auto;gap:8px}.teacher-security input{height:42px;border:1px solid #c8d7e5;border-radius:8px;padding:0 10px}

@media(max-width:1100px){
  .cloud-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
  .classroom-join-card form{grid-template-columns:1fr}.cloud-dashboard-grid{grid-template-columns:1fr}.create-room-form{grid-template-columns:1fr 1fr}.room-member-list>div{grid-template-columns:1fr 1fr}.room-member-list>div span:last-child{grid-column:1/-1}
  .main-nav a{padding-inline:8px}
}
@media(max-width:760px){
  .cloud-summary{grid-template-columns:1fr 1fr}
  .classroom-profile-card{align-items:flex-start;flex-direction:column}.classroom-join-card{padding:17px}.classroom-code-row{grid-template-columns:1fr}.classroom-active{padding:17px}.classroom-active-top{display:grid}.classroom-live{justify-self:start}.classroom-actions .primary-cta,.classroom-actions .secondary-cta{width:100%}.teacher-cloud{padding:15px}.teacher-cloud-heading{display:grid}.cloud-state{justify-self:start}.teacher-cloud-login form>div{grid-template-columns:1fr}.cloud-toolbar{align-items:flex-start;flex-direction:column}.create-room-form{grid-template-columns:1fr}.create-room-form .room-mission-field,.create-room-form>.primary-cta{grid-column:auto}.cloud-room-head{display:grid}.room-count{justify-self:start}.room-member-list>div{grid-template-columns:1fr}.room-member-list>div span:last-child{grid-column:auto}.teacher-security form>div{grid-template-columns:1fr}.main-nav a[data-route="classroom"]{min-width:96px}
}