.home-dashboard { color:#203e64; }
.home-dashboard button,.home-dialog button { cursor:pointer; }
.home-intro,.home-section-head { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.home-intro { margin-bottom:24px; padding:8px 2px; }
.home-intro h2 { margin:7px 0 10px; font-size:clamp(24px,3vw,36px); letter-spacing:.02em; }
.home-intro p { margin:0; color:#56718f; }
.home-eyebrow { font-size:11px; font-weight:850; letter-spacing:.13em; color:#6178a0; }
.home-hero { position:relative; display:grid; grid-template-columns:1.1fr 1fr; overflow:hidden; min-height:300px; border:1px solid #466690; border-radius:30px 18px 30px 20px; background:radial-gradient(circle at 30% 30%,#456ba2 0,transparent 55%),linear-gradient(120deg,#1d3e70,#173052); box-shadow:0 12px 30px #1d3e701a; }
.home-hero-copy { position:relative; z-index:1; align-self:center; padding:30px; color:#f8fbff; }
.home-hero time { display:block; font-size:13px; opacity:.8; margin-bottom:18px; }
.home-active-tag { display:inline-block; padding:5px 10px; color:#ffe5b0; border:1px solid #ebd5b14d; border-radius:10px 5px; font-size:11px; }
.home-hero h3 { margin:10px 0; font-size:clamp(28px,3vw,42px); overflow-wrap:anywhere; }
.home-hero p { font-size:13px; color:#dbe8ff; line-height:1.8; }
.home-hero img { width:100%; height:100%; max-height:360px; object-fit:contain; align-self:end; mix-blend-mode:screen; }
.home-hero-actions { display:flex; gap:9px; flex-wrap:wrap; margin-top:22px; }
.home-hero-actions .btn { background:#edf5ff; color:#17355d; border-color:#c6d9ef; }
.home-hero-actions .home-glass { color:#eaf4ff; background:#ffffff13; border-color:#a1bad069; }
.home-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:20px 0 32px; }
.home-shortcuts button { display:flex; align-items:center; gap:12px; text-align:left; border:1px solid #b4cde6; border-radius:18px 11px 18px 12px; background:#f6faff; padding:17px 14px; color:#284c78; box-shadow:0 3px 0 #b5cbe333; font-family:inherit; transition:transform .18s,box-shadow .18s; }
.home-shortcuts button:hover { transform:translateY(-2px); box-shadow:0 7px 16px #32598919; }
.home-shortcuts button>span { display:grid; place-items:center; flex:none; width:40px; height:40px; border-radius:13px 7px 13px 8px; border:1px solid #91b1d8; background:linear-gradient(140deg,#e1eefc,#c3d9f3); color:#355a8b; font-size:24px; box-shadow:inset 0 0 0 3px #f5faff70; }
.home-shortcuts b,.home-shortcuts small { display:block; }
.home-shortcuts b { font-size:14px; }
.home-shortcuts small { margin-top:5px; color:#657b95; font-size:11px; line-height:1.4; }
.home-shortcuts i { margin-left:auto; color:#728bb0; font-style:normal; }
.home-section-head h3 { margin:5px 0 16px; font-size:18px; }
.home-section-head .home-eyebrow { margin:0; }
.home-class-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:10px 0 24px; }
.home-class-card { padding:23px; border:1px solid #b5cbe2; border-radius:24px 14px 24px 15px; background:linear-gradient(125deg,#fafdff,#eaf2fc); }
.home-class-card.is-current { border-color:#668ebd; box-shadow:inset 0 0 0 2px #9ebcde54; }
.home-class-card-top { display:flex; align-items:center; gap:10px; color:#607ba0; font-size:11px; }
.home-class-flower { display:grid; place-items:center; width:30px; height:30px; border-radius:10px 6px; color:#f9e3af; background:linear-gradient(130deg,#44699a,#6b6297); font-size:22px; }
.home-class-card h4 { margin:15px 0 9px; color:#274870; font-size:23px; overflow-wrap:anywhere; }
.home-class-card p { margin:0 0 18px; color:#627a97; font-size:12px; line-height:1.7; }
.home-class-card-actions { display:flex; gap:9px; flex-wrap:wrap; }
.home-class-card .btn:disabled { opacity:.75; cursor:default; }
.home-add-card { background:linear-gradient(130deg,#edf3ff,#f5f0fb); border-style:dashed; }
.home-add-icon { font-size:30px; color:#81719c; }
.home-add-card h4 { font-size:19px; }
.home-bottom-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:20px; }
.home-panel { background:#f7fbff; border:1px solid #b6cde5; border-radius:23px 13px 22px 14px; padding:23px; }
.home-panel h3 { font-size:17px; margin:0; }
.home-today-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:24px; }
.home-today-stats small { display:block; color:#6d819d; font-size:11px; }
.home-today-stats b { display:block; color:#294b76; margin:10px 0 16px; font-size:clamp(15px,2.1vw,28px); }
.home-today-stats em { font-style:normal; font-size:10px; margin-left:4px; }
.home-text-btn { background:none; border:0; color:#4e729e; font:inherit; font-size:12px; padding:3px 0; white-space:nowrap; }
.home-muted { color:#657c96; font-size:11px; line-height:1.8; }
.home-board { background:linear-gradient(120deg,#edf4fd,#e3edf9); }
#homeBoardPreview { white-space:pre-wrap; overflow-wrap:anywhere; max-height:240px; overflow:auto; line-height:1.9; color:#39577d; font-size:14px; }
.home-account { display:grid; grid-template-columns:45px minmax(0,1fr) auto; align-items:center; gap:15px; margin-bottom:16px; }
.home-account-icon { display:grid; place-items:center; width:45px; height:45px; color:#ffe5b2; font-size:30px; background:linear-gradient(140deg,#4b6f9e,#77669c); border-radius:15px 9px; }
#homeAccountName { font-size:13px; color:#375d88; overflow-wrap:anywhere; }
.home-account .btn { text-decoration:none; white-space:nowrap; }
.teacher-class-chip { font-family:inherit; text-align:left; cursor:pointer; position:relative; padding-right:23px; }
.teacher-class-chip:after { content:'⇄'; position:absolute; right:7px; }
.home-dialog { width:min(680px,calc(100% - 28px)); max-height:calc(100dvh - 35px); border-radius:26px 16px 24px 17px; color:#254971; border:1px solid #9ab7d7; background:#edf5ff; padding:0; }
.home-dialog .modal-body { padding:22px; }
#homeClassChoices { display:grid; gap:12px; }
.home-dialog .field-label { display:block; font-size:13px; }
.home-dialog .phrase-input,#newClassModal .phrase-input { box-sizing:border-box; width:100%; background:#fafdff; border:1px solid #9cb6d6; border-radius:13px 8px; padding:12px; font-family:inherit; margin-top:7px; }
.roster-label { display:block; margin-top:18px; }
.home-form-error { font-size:13px; color:#a13f53; line-height:1.8; }
#homeRosterNames[readonly] { color:#748396; background:#e7edf5; }
@media(max-width:1000px) { .home-shortcuts { grid-template-columns:repeat(2,minmax(0,1fr)); } .home-hero-copy { padding:24px; } .home-account { grid-template-columns:40px minmax(0,1fr); } #homeAccountActions { grid-column:2; } }
@media(max-width:660px) { .home-intro { align-items:flex-start; } .home-intro p:not(.home-eyebrow) { font-size:12px; } .home-intro>.btn { padding:9px; font-size:11px; white-space:nowrap; } .home-hero { grid-template-columns:1fr; } .home-hero-copy { padding:24px 22px 4px; } .home-hero img { height:200px; max-height:200px; } .home-shortcuts { gap:8px; } .home-shortcuts button { gap:8px; padding:13px 9px; } .home-shortcuts button>span { width:31px; height:34px; font-size:20px; } .home-shortcuts small { font-size:10px; } .home-shortcuts i { display:none; } .home-class-grid,.home-bottom-grid { grid-template-columns:1fr; } .home-section-head { align-items:flex-start; } .home-section-head h3 { font-size:16px; line-height:1.6; } .home-section-head>.btn { font-size:11px; padding:9px; white-space:nowrap; } }

#classDashboard { margin-top:22px; }
.class-data-summary { margin:22px 0; border:1px solid #b7cde6; border-radius:15px; padding:14px 18px; background:#edf5ff; color:#4a6588; }
.class-data-summary>summary { cursor:pointer; font-size:12px; font-weight:750; }
.class-data-summary .safety-note { margin-top:14px; }