/* Personal comfort and the shared identity of a single school. */
.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:23px;align-items:start}.settings-card{padding:27px}.settings-heading{display:flex;align-items:center;gap:15px;margin-bottom:27px}.settings-heading h2{font-size:20px;margin:0 0 6px}.settings-heading p{font-size:12px;margin:0;line-height:1.7}.settings-heading>.badge{margin-left:auto;align-self:flex-start}.settings-symbol{display:flex;align-items:center;justify-content:center;width:47px;height:47px;border-radius:14px;background:#edf2e4;color:#7a9467;flex-shrink:0}.appearance-fieldset{margin-bottom:24px}.appearance-fieldset legend{font-size:12px;font-weight:650;margin-bottom:12px}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.theme-option{display:flex;flex-direction:column;position:relative;padding:11px;border:1px solid #e5eadb;border-radius:11px;cursor:pointer;min-width:0}.theme-option>input{position:absolute;opacity:0}.theme-option:focus-within{outline:2px solid #9daf82;outline-offset:2px}.theme-swatch{height:76px;border:1px solid #e3e8da;background:#f5f7ef;border-radius:7px;position:relative;padding:12px 10px 10px 31px;overflow:hidden;margin-bottom:11px}.theme-swatch:before{content:'';position:absolute;left:0;top:0;bottom:0;width:21px;background:#fff;border-right:1px solid #e4e9da}.theme-swatch i{display:block;width:75%;height:5px;border-radius:3px;background:#dfe6d4;margin-bottom:7px}.theme-swatch i:nth-child(2){width:100%;height:17px;background:#e5eccf}.theme-swatch i:nth-child(3){width:55%}.theme-swatch b{position:absolute;right:8px;top:3px;font-size:18px;font-weight:400;color:#c2ccae}.theme-dark .theme-swatch{background:#1b2822;border-color:#3a4c3e}.theme-dark .theme-swatch:before{background:#26382d;border-color:#3d5142}.theme-dark .theme-swatch i{background:#445e46}.theme-dark .theme-swatch i:nth-child(2){background:#344a34}.theme-dark .theme-swatch b{color:#b8cca3}.theme-system .theme-swatch{background:linear-gradient(115deg,#f5f7ef 0 48%,#24372b 49% 100%)}.theme-system .theme-swatch i{opacity:.65}.theme-label{font-size:12px;font-weight:650;line-height:1.4}.theme-option>small{font-size:9px;color:#92a07f;margin-top:6px;line-height:1.55}.theme-selected{display:none;align-items:center;justify-content:center;background:var(--green);color:var(--on-brand,#fff);height:19px;width:19px;border-radius:50%;position:absolute;right:8px;bottom:9px}.theme-option:has(input:checked){border-color:#8ca573;background:#f7faef}.theme-option:has(input:checked) .theme-selected{display:flex}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-top:1px solid var(--line)}.setting-row label{font-size:12px;font-weight:600}.setting-row p{font-size:11px;line-height:1.7;margin:5px 0 0}.setting-row select{font-size:12px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 12px;min-width:118px;color:var(--ink)}.settings-switch{position:relative;display:inline-flex;align-items:center;width:42px;height:25px;cursor:pointer;flex-shrink:0}.settings-switch>input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.settings-switch>span:first-of-type{height:25px;width:42px;border-radius:30px;background:#e0e6d7;transition:background .18s}.settings-switch>span:first-of-type:before{content:'';position:absolute;left:4px;top:4px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #273c2520;transition:transform .18s}.settings-switch>input:checked+span{background:var(--green)}.settings-switch>input:checked+span:before{transform:translateX(17px)}.settings-switch:focus-within{outline:2px solid #9aaf86;outline-offset:4px;border-radius:30px}.settings-save-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:21px;margin-top:2px}.settings-save-status{font-size:10px;line-height:1.7;max-width:390px;margin:0}.settings-save-row .btn{font-size:11px;min-height:39px}.settings-note{background:#edf0e1;border-color:#e4e9d4;overflow:hidden;position:relative;padding:27px 23px}.settings-note-spark{font-size:60px;color:#d9e1bf;position:absolute;right:15px;top:-8px;transform:rotate(15deg)}.settings-note .eyebrow{font-size:8px;letter-spacing:1.4px;position:relative;padding-top:27px}.settings-note h3{font-family:Georgia,serif;font-style:italic;font-size:25px;font-weight:400;line-height:1.25;color:#778d59;margin:18px 0}.settings-note p{font-size:12px;color:#94a27e;line-height:1.9;margin-bottom:21px}.settings-note-foot{display:flex;align-items:center;gap:8px;font-size:10px;color:#91a178;border-top:1px solid #dfe7cc;padding-top:18px}.school-settings{margin-top:25px}.school-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:35px;align-items:start}.school-brand-preview{padding:28px 20px;text-align:center;border:1px solid #e7ebdd;border-radius:13px;background:#fafbf6;overflow:hidden;position:relative}.school-brand-preview:before{content:'';height:85px;position:absolute;left:0;right:0;top:0;background:var(--preview-accent);opacity:.5}.school-brand-preview>.eyebrow{position:relative;font-size:8px;letter-spacing:1.4px;margin-bottom:25px}.preview-school-logo{position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;background:var(--preview-primary);color:white;width:68px;height:68px;border:4px solid #fff;border-radius:19px;box-shadow:0 2px 15px #2033230a}.preview-school-logo>span{display:flex}.preview-school-logo img{object-fit:contain;width:100%;height:100%;padding:4px;background:white;border-radius:14px}.school-brand-preview h3{font-size:21px;overflow-wrap:anywhere;color:#354f39;margin-bottom:9px}.school-brand-preview p{font-size:11px;line-height:1.8;color:#859477;overflow-wrap:anywhere}.school-preview-colors{display:flex;gap:6px;justify-content:center;margin:20px 0}.school-preview-colors i{width:28px;height:10px;border-radius:4px;background:var(--preview-primary)}.school-preview-colors i+i{background:var(--preview-accent)}.school-brand-preview>small{font-size:9px;color:#9ba68b;line-height:1.6;display:block}.color-control{display:flex;align-items:center;gap:11px}.field .color-control input[type=color]{width:54px;height:37px;min-height:37px;padding:3px}.color-control>span{font-size:11px;font-weight:400;color:#92a080;letter-spacing:.4px}.settings-school-note{display:flex;align-items:flex-start;gap:12px;color:#8e9d7d;font-size:12px;line-height:1.8;margin:26px 4px}.settings-school-note>svg{margin-top:3px;flex-shrink:0}.settings-school-note p{margin:0}.school-settings .form-grid{gap:18px}.school-settings .settings-save-row{margin-top:8px}
/* School colors are only applied to the authenticated school space. */
html[data-school-customized=true] .app-layout .btn-primary,html[data-school-customized=true] .app-layout .btn-dark,html[data-school-customized=true] .modal .btn-primary{background:var(--brand-primary);color:var(--on-brand)}
html[data-school-customized=true] .welcome-hero{background:var(--school-hero)}html[data-school-customized=true] .welcome-hero h2,html[data-school-customized=true] .welcome-hero em{color:var(--school-hero-ink)}html[data-school-customized=true] .welcome-hero p,html[data-school-customized=true] .hero-eyebrow{color:var(--school-hero-ink);opacity:.8}html[data-school-customized=true] .nav-item.active{background:var(--school-nav);color:var(--brand-link)}html[data-school-customized=true] .text-btn{color:var(--brand-link)}html[data-school-customized=true] .progress-track i{background:var(--brand-primary)}html[data-school-customized=true] .brand-symbol{color:var(--brand-link)}
/* A complete, readable dark palette rather than a screen-wide color filter. */
html[data-theme=dark]{--ink:#dce8dc;--muted:#a3b4a2;--line:#35463a;--paper:#17211e;background:#17211e;color:#dce8dc;color-scheme:dark}
html[data-theme=dark] body,html[data-theme=dark] .content,html[data-theme=dark] .main-column{background:#17211e;color:#dce8dc}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] h4{color:#dfebdb}html[data-theme=dark] .muted{color:#a3b4a2}html[data-theme=dark] .card,html[data-theme=dark] .sidebar,html[data-theme=dark] .topbar,html[data-theme=dark] .course-card,html[data-theme=dark] .stat-card,html[data-theme=dark] .activity-row,html[data-theme=dark] .course-hero,html[data-theme=dark] .modal{background:#202d26;border-color:#35463a;color:#dce8dc}html[data-theme=dark] .topbar,html[data-theme=dark] .app-footer,html[data-theme=dark] .sidebar{border-color:#35463a}html[data-theme=dark] .eyebrow,html[data-theme=dark] .nav-label,html[data-theme=dark] .breadcrumb,html[data-theme=dark] .today,html[data-theme=dark] .course-card-meta,html[data-theme=dark] .course-teacher,html[data-theme=dark] .course-card-bottom,html[data-theme=dark] .activity-meta,html[data-theme=dark] .week-group h4,html[data-theme=dark] .course-card-body>p,html[data-theme=dark] .school-label small,html[data-theme=dark] .sidebar-user small,html[data-theme=dark] .small-inspiration p,html[data-theme=dark] .stat-label,html[data-theme=dark] .stat-card strong small,html[data-theme=dark] .app-footer,html[data-theme=dark] .brand small{color:#a3b4a2}
html[data-theme=dark] .school-label,html[data-theme=dark] .small-inspiration,html[data-theme=dark] .block-editor,html[data-theme=dark] .question-editor,html[data-theme=dark] .modal footer,html[data-theme=dark] .school-brand-preview,html[data-theme=dark] .school-icon{background:#26372c;border-color:#3b4e3d}html[data-theme=dark] .nav-item,html[data-theme=dark] .icon-btn,html[data-theme=dark] .help-link{color:#b2c2aa}html[data-theme=dark] .nav-item:hover,html[data-theme=dark] .icon-btn:hover,html[data-theme=dark] .tab:hover{background:#304334;color:#deebd4}html[data-theme=dark] .nav-item.active,html[data-theme=dark] .tab.active{background:var(--school-nav,#344830);color:#d5e6c4}html[data-theme=dark] .nav-count{background:#405b35;color:#e2edce}html[data-theme=dark] .sidebar-user,html[data-theme=dark] .course-card-bottom,html[data-theme=dark] .notice-preview,html[data-theme=dark] .modal header,html[data-theme=dark] .modal footer{border-color:#35463a}
html[data-theme=dark] .btn-soft,html[data-theme=dark] .btn-secondary,html[data-theme=dark] .btn-ghost{background:#30432f;color:#d4e6c9;border-color:#40543a}html[data-theme=dark] .btn-soft:hover,html[data-theme=dark] .btn-secondary:hover{background:#3c5038}html[data-theme=dark] .btn-primary,html[data-theme=dark] .btn-dark{background:var(--brand-primary,#4f7d62);color:var(--on-brand,#fff);border:1px solid #567555}html[data-theme=dark] .text-btn{color:var(--brand-link,#c4d9ab)}html[data-theme=dark] .field input,html[data-theme=dark] .field textarea,html[data-theme=dark] .field select,html[data-theme=dark] .search-input,html[data-theme=dark] .block-editor textarea,html[data-theme=dark] .option-editor input:not([type=radio]),html[data-theme=dark] .setting-row select{background:#18271e!important;border-color:#42583e!important;color:#e0ebd8!important}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#8d9e88!important}html[data-theme=dark] input:focus,html[data-theme=dark] textarea:focus,html[data-theme=dark] select:focus{outline-color:#9fb78a}html[data-theme=dark] .data-table th{background:#27382d;color:#b5c6ac}html[data-theme=dark] .data-table td{border-color:#35463a}html[data-theme=dark] .badge,html[data-theme=dark] .badge-neutral,html[data-theme=dark] .count-soft,html[data-theme=dark] .tiny-avatar,html[data-theme=dark] .circle-arrow{background:#364631;color:#d0dfbe}html[data-theme=dark] .badge-blue{background:#2b4148;color:#b9d5e0}html[data-theme=dark] .badge-green,html[data-theme=dark] .badge-success{background:#304b31;color:#bbdcad}html[data-theme=dark] .badge-purple{background:#46344b;color:#ddc3e8}html[data-theme=dark] .badge-warning,html[data-theme=dark] .badge-amber{background:#51452c;color:#ecdaaa}html[data-theme=dark] .pill,html[data-theme=dark] .year-pill{background:#2b3e2b;border-color:#3e5537;color:#c3d6b4}html[data-theme=dark] .progress-track{background:#3b4a35}html[data-theme=dark] .progress-track i{background:#a9c48a}
html[data-theme=dark] .welcome-hero{background:var(--school-hero,#30452a)}html[data-theme=dark] .welcome-hero h2,html[data-theme=dark] .welcome-hero em{color:var(--school-hero-ink,#dfebc9)}html[data-theme=dark] .welcome-hero p,html[data-theme=dark] .hero-eyebrow,html[data-theme=dark] .hero-note{color:var(--school-hero-ink,#c1d2aa)}html[data-theme=dark] .welcome-hero .hero-art{opacity:.72}html[data-theme=dark] .stat-icon.sage,html[data-theme=dark] .stat-icon.green,html[data-theme=dark] .empty-icon,html[data-theme=dark] .empty-symbol,html[data-theme=dark] .settings-symbol{background:#344b31;color:#bbd49e}html[data-theme=dark] .stat-icon.lavender,html[data-theme=dark] .stat-icon.purple{background:#44374d;color:#d2bde1}html[data-theme=dark] .stat-icon.butter,html[data-theme=dark] .stat-icon.amber{background:#4b432c;color:#e4ce91}html[data-theme=dark] .stat-icon.blue{background:#2d4650;color:#b5d9e6}html[data-theme=dark] .discovery-widget,html[data-theme=dark] .settings-note{background:#2a3d29;border-color:#3d5134}html[data-theme=dark] .discovery-widget h3,html[data-theme=dark] .settings-note h3{color:#d3e1b8}html[data-theme=dark] .discovery-widget p,html[data-theme=dark] .settings-note p,html[data-theme=dark] .settings-note-foot,html[data-theme=dark] .settings-note .eyebrow{color:#b1c49b}html[data-theme=dark] .discovery-spark,html[data-theme=dark] .settings-note-spark{color:#48633c}html[data-theme=dark] .notice-preview p,html[data-theme=dark] .notice-preview small{color:#a8b99e}html[data-theme=dark] .notice-preview h3,html[data-theme=dark] .notice-widget .section-header h2{color:#dce7d2}html[data-theme=dark] .course-announcement,html[data-theme=dark] .alert{background:#443e29;border-color:#5c5231;color:#e6d6a1}html[data-theme=dark] .course-announcement strong,html[data-theme=dark] .course-announcement p{color:#e6d6a1}html[data-theme=dark] .rich-text,html[data-theme=dark] .course-hero-body>p,html[data-theme=dark] .dialog-body>p{color:#c2d0b8}html[data-theme=dark] .activity-type{background:#34452e;color:#bdd0a8}html[data-theme=dark] .type-video{background:#3d3c53;color:#c9c5e6}html[data-theme=dark] .type-quiz{background:#4d432b;color:#e4ce99}html[data-theme=dark] .activity-points{color:#e4ce99}html[data-theme=dark] .quiz-option{border-color:#405638;color:#c7d6b8}html[data-theme=dark] .quiz-option:has(input:checked){background:#30492a;border-color:#a1bc82;color:#e1efcd}html[data-theme=dark] .option-letter{background:#35472f;color:#c2d5ac}html[data-theme=dark] .quiz-option:has(input:checked) .option-letter{background:#527144;color:#edf4dc}html[data-theme=dark] .completion-check,html[data-theme=dark] .success-note{background:#2e452b;color:#c9dfb8}html[data-theme=dark] .answer-feedback{background:#283b27;border-color:#426139}html[data-theme=dark] .answer-feedback.incorrect{background:#403b28;border-color:#625732}html[data-theme=dark] .answer-feedback p,html[data-theme=dark] .answer-feedback strong{color:#c5d4b8}html[data-theme=dark] .result-star{background:#4b452a;color:#e2cd90}html[data-theme=dark] .account-details dd,html[data-theme=dark] .account-security{color:#b7cba4}
html[data-theme=dark] .notice-card.notice-featured{background:#293c2a;border-color:#3f5938}html[data-theme=dark] .notice-body,html[data-theme=dark] .notice-footer .person-inline{color:#c2d1b7}html[data-theme=dark] .ranking-guide{background:#2b4029!important;border-color:#415b36!important}html[data-theme=dark] .ranking-star{background:#405b33;border-color:#55743f;color:#d3e6b3}html[data-theme=dark] .podium-1{background:#2d4128!important;border-color:#55733d!important}html[data-theme=dark] .podium-card .avatar{border-color:#283829;box-shadow:0 0 0 1px #4b6240}html[data-theme=dark] .podium-points,html[data-theme=dark] .points-inline{color:#d2dfac}html[data-theme=dark] .rank-number{background:#31432d;color:#bdcbb0}html[data-theme=dark] .rank-top{background:#494e2f;color:#e2e5b4}html[data-theme=dark] .current-user-row{background:#2d442a}html[data-theme=dark] .thread-sidebar{background:#1e2d23}html[data-theme=dark] .thread-item:hover{background:#293e2a}html[data-theme=dark] .thread-item.active{background:#344e2d;border-color:#46623a}html[data-theme=dark] .group-avatar{background:#34482e;color:#c8dcb0}html[data-theme=dark] .thread-item.active .group-avatar{background:#4a653c;color:#e0eec9}html[data-theme=dark] .message-history{background:#19271e}html[data-theme=dark] .message-bubble{background:#293d2c;border-color:#3c583b;color:#dfebd5}html[data-theme=dark] .message-bubble.own{background:#3b542f;border-color:#567147}html[data-theme=dark] .message-bubble>strong,html[data-theme=dark] .message-bubble.own>strong{color:#d0e3b6}html[data-theme=dark] .message-bubble time,html[data-theme=dark] .message-bubble.own time{color:#b8c6a8}html[data-theme=dark] .message-compose textarea{background:#17271d;border-color:#405c39;color:#e2ecd7}html[data-theme=dark] .conversation-start,html[data-theme=dark] .conversation-start h3,html[data-theme=dark] .conversation-note{color:#b9cda5}html[data-theme=dark] .status-active{color:#b9d59f}html[data-theme=dark] .status-pending{color:#e5ce90}html[data-theme=dark] .status-banned{color:#e6aba0}html[data-theme=dark] .status-rejected{color:#c0c3b4}html[data-theme=dark] .approval-row,html[data-theme=dark] .notification-card>.section-header{border-color:#3c503a}
html[data-theme=dark] .theme-option{border-color:#41573a}html[data-theme=dark] .theme-option:has(input:checked){background:#2e4529;border-color:#9ab97e}html[data-theme=dark] .theme-option>small,html[data-theme=dark] .color-control>span{color:#b7c7a5}html[data-theme=dark] .settings-switch>span:first-of-type{background:#50604b}html[data-theme=dark] .settings-switch>input:checked+span{background:var(--brand-primary,#789963)}html[data-theme=dark] .school-brand-preview h3,html[data-theme=dark] .school-brand-preview p{color:#d7e5c7}html[data-theme=dark] .school-brand-preview>small{color:#b1c29e}html[data-theme=dark] .preview-school-logo{border-color:#31462e}html[data-theme=dark] .settings-note-foot{border-color:#48613b}
html[data-theme=dark] .auth-layout,html[data-theme=dark] .auth-main{background:#19251e}html[data-theme=dark] .auth-story{background:#2c3e2a}html[data-theme=dark] .auth-story:before{opacity:.2}html[data-theme=dark] .auth-story em{color:#c7da9f}html[data-theme=dark] .auth-story-copy>p{color:#b7c6a6}html[data-theme=dark] .auth-story .pill{background:#3b512f;color:#d0dfb3}html[data-theme=dark] .role-option{background:#223127;border-color:#42573a;color:#bfd1ab}html[data-theme=dark] .role-option:has(input:checked){background:#3c542f;border-color:#a7bd83;color:#edf3df}html[data-theme=dark] .auth-approval{border-color:#3a4d34;color:#a7b99a}html[data-theme=dark] .auth-help,html[data-theme=dark] .auth-switch{color:#a9bc9b}
html[data-font-size=large]{font-size:16px}html[data-font-size=large] .content p,html[data-font-size=large] .dialog-body p,html[data-font-size=large] .rich-text,html[data-font-size=large] .message-bubble p,html[data-font-size=large] .notice-body{font-size:15px!important;line-height:1.85}html[data-font-size=large] .course-card h3,html[data-font-size=large] .activity-open strong{font-size:17px!important}html[data-font-size=large] .nav-item{font-size:14px}html[data-font-size=large] .field,html[data-font-size=large] .field input,html[data-font-size=large] .field select,html[data-font-size=large] .field textarea,html[data-font-size=large] .quiz-option,html[data-font-size=large] .data-table td{font-size:14px!important}html[data-font-size=large] .activity-meta,html[data-font-size=large] .course-card-meta,html[data-font-size=large] .course-teacher,html[data-font-size=large] .settings-save-status{font-size:12px!important}html[data-reduced-motion=true] *,html[data-reduced-motion=true] *:before,html[data-reduced-motion=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:1100px){.settings-layout{grid-template-columns:1fr}.settings-note{display:none}.school-settings-grid{grid-template-columns:minmax(0,1fr) 205px;gap:24px}.settings-card{padding:25px}.school-brand-preview{padding:25px 15px}}
@media(max-width:760px){.settings-root .page-heading h1{font-size:28px}.settings-card{padding:23px}.school-settings-grid{grid-template-columns:1fr}.school-brand-preview{display:none}.settings-heading{gap:12px;margin-bottom:23px}.settings-heading h2{font-size:18px}.settings-heading p{font-size:11px}.settings-heading>.badge{display:none}.settings-save-row{gap:15px;flex-wrap:wrap}.settings-save-status{max-width:none;font-size:10px}.theme-option>small{font-size:9px}.settings-school-note{font-size:11px}.school-colors{grid-template-columns:1fr 1fr!important}.setting-row p{font-size:11px;max-width:220px}.settings-save-row>.btn{margin-left:auto}}
@media(max-width:480px){.settings-root .page-heading h1{font-size:26px}.settings-card{padding:20px 17px}.settings-heading{align-items:flex-start}.settings-symbol{width:38px;height:38px;border-radius:11px}.settings-symbol svg{width:20px;height:20px}.theme-options{gap:7px}.theme-option{padding:8px}.theme-swatch{height:68px;padding-left:23px}.theme-swatch:before{width:16px}.theme-label{font-size:11px}.theme-option>small{font-size:8px;min-height:26px}.theme-selected{height:16px;width:16px;right:5px;bottom:6px}.theme-selected svg{width:11px;height:11px}.setting-row{gap:12px}.setting-row label{font-size:12px}.setting-row p{font-size:10px}.setting-row select{font-size:11px;min-width:102px;padding:8px}.school-settings .form-grid{column-gap:12px}.school-colors .field{font-size:10px}.color-control{gap:7px}.color-control>span{font-size:10px}.field .color-control input[type=color]{width:42px}.settings-save-row .btn{font-size:10px}}