/* MyClassroom Planner 8.2.1 personal appearance themes */
html[data-theme="classic-academy"]{--cream:#f4f6f8;--paper:#fff;--forest:#163a5f;--sage:#5f7f9c;--sage-soft:#e4edf5;--gold:#c99518;--clay:#a85545;--ink:#1c2c3b;--muted:#647381;--line:#dce3e9;--shadow:0 12px 30px rgba(22,58,95,.09)}
html[data-theme="forest-classroom"]{--cream:#f8f3e8;--paper:#fffdf8;--forest:#244a3a;--sage:#78936f;--sage-soft:#e2ead8;--gold:#d99a18;--clay:#a45e43;--ink:#26372e;--muted:#69756d;--line:#e5dfd2;--shadow:0 12px 30px rgba(36,74,58,.1)}
html[data-theme="bright-classroom"]{--cream:#f3f8ff;--paper:#fff;--forest:#195bbb;--sage:#4b8fe2;--sage-soft:#ddecff;--gold:#f57c00;--clay:#d6533f;--ink:#183252;--muted:#60728a;--line:#d7e3f2;--shadow:0 12px 30px rgba(25,91,187,.1)}
html[data-theme="modern-monochrome"]{--cream:#f5f5f5;--paper:#fff;--forest:#151515;--sage:#666;--sage-soft:#e9e9e9;--gold:#151515;--clay:#8b3030;--ink:#111;--muted:#606060;--line:#dedede;--shadow:0 10px 26px rgba(0,0,0,.08)}
/* Keep uploaded school branding visible without recoloring the artwork. */
html[data-theme="modern-monochrome"] .brand.school-branded .brand-mark,
html[data-theme="modern-monochrome"] .brand-logo-preview{background:#fff;border:1px solid #d8d8d8;box-shadow:0 5px 14px rgba(0,0,0,.14)}
html[data-theme="modern-monochrome"] .brand.school-branded .brand-mark img,
html[data-theme="modern-monochrome"] .brand-logo-preview img{display:block!important;visibility:visible!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;background:transparent}
html[data-theme="burgundy-academy"]{--cream:#f8f4ec;--paper:#fffdf8;--forest:#672326;--sage:#8d6a5d;--sage-soft:#efe2d5;--gold:#c4932f;--clay:#a34d40;--ink:#40282a;--muted:#796967;--line:#e8ddd3;--shadow:0 12px 30px rgba(103,35,38,.1)}
html[data-theme="dark-focus"]{--cream:#151a1e;--paper:#242b31;--forest:#101519;--sage:#55b8e9;--sage-soft:#303b43;--gold:#38bdf8;--clay:#fb7185;--ink:#f2f5f7;--muted:#aab7c0;--line:#3a454d;--shadow:0 12px 30px rgba(0,0,0,.42);color-scheme:dark}
html[data-theme] body{background:var(--cream);color:var(--ink)}
html[data-theme] .sidebar{background:var(--forest);color:#fff}
html[data-theme] .brand-mark{background:var(--gold);color:var(--forest)}
html[data-theme] .brand small,html[data-theme] .server-status,html[data-theme] .nav-item{color:rgba(255,255,255,.72)}
html[data-theme] .nav-item:hover,html[data-theme] .nav-item.active{background:rgba(255,255,255,.14);color:#fff;box-shadow:none}
html[data-theme] .account-footer{color:#fff}html[data-theme] .account-footer button{color:rgba(255,255,255,.72)}
html[data-theme] .bible-card{background:color-mix(in srgb,var(--sage-soft) 72%,var(--paper));color:var(--ink)}
html[data-theme] .card,html[data-theme] .planner-card,html[data-theme] .note-card,html[data-theme] .appointment-card{background:var(--paper);border-color:var(--line)}
html[data-theme] .page-header h1,html[data-theme] .section-title h2,html[data-theme] .dialog-heading h2,html[data-theme] .soft-form h2,html[data-theme] .vault-unlock h2,html[data-theme] .appointment-card h2,html[data-theme] .note-card h2,html[data-theme] .vault-card h2{color:var(--forest)}
html[data-theme] .primary-button{background:var(--forest);color:#fff}
html[data-theme="dark-focus"] .page-header h1,html[data-theme="dark-focus"] .section-title h2,html[data-theme="dark-focus"] .dialog-heading h2,html[data-theme="dark-focus"] .soft-form h2,html[data-theme="dark-focus"] .vault-unlock h2,html[data-theme="dark-focus"] .appointment-card h2,html[data-theme="dark-focus"] .note-card h2,html[data-theme="dark-focus"] .vault-card h2{color:#f2f5f7}
html[data-theme="dark-focus"] .primary-button{background:#168dc7}
html[data-theme="dark-focus"] .bible-card{background:#2d3941;color:#f2f5f7}
html[data-theme="dark-focus"] input,html[data-theme="dark-focus"] textarea,html[data-theme="dark-focus"] select,html[data-theme="dark-focus"] dialog,html[data-theme="dark-focus"] .planner-day>header,html[data-theme="dark-focus"] .month-cell,html[data-theme="dark-focus"] .lesson-compose,html[data-theme="dark-focus"] .lesson-rich-editor{background:#242b31;color:#f2f5f7;border-color:#3a454d}
html[data-theme="dark-focus"] .month-cell.outside{background:#1c2227;color:#7f8c95}
.theme-management select{min-width:220px}
.theme-management #theme-enforcement{display:flex;align-items:center;gap:9px;min-height:40px;padding:0 8px 2px}.theme-management #theme-enforcement[hidden]{display:none}.theme-management #theme-enforcement input{display:inline-block;width:18px;height:18px;margin:0;accent-color:var(--forest)}.theme-management button:disabled,.theme-management select:disabled{cursor:not-allowed;opacity:.58}

/* Theme-aware sign-in, registration, and MFA screens */
html[data-theme] .auth-gate.visible,html[data-theme] .auth-gate.signup-mode{background:linear-gradient(145deg,color-mix(in srgb,var(--cream) 88%,var(--sage-soft)),var(--cream) 52%,color-mix(in srgb,var(--paper) 85%,var(--sage-soft)))}
html[data-theme] .auth-topbar{width:100vw;max-width:none;margin-left:calc(50% - 50vw);box-sizing:border-box;background:linear-gradient(90deg,var(--forest),color-mix(in srgb,var(--forest) 58%,var(--sage)));box-shadow:0 4px 18px color-mix(in srgb,var(--forest) 22%,transparent)}
html[data-theme] .auth-card{background:var(--paper);color:var(--ink);border-color:color-mix(in srgb,var(--forest) 14%,var(--line))}
html[data-theme] .auth-card h1,html[data-theme] .auth-card h2,html[data-theme] .auth-brand{color:var(--forest)}
html[data-theme] .auth-card input,html[data-theme] .auth-card select{background:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-theme] .auth-card input:focus,html[data-theme] .auth-card select:focus{border-color:var(--sage);box-shadow:0 0 0 3px color-mix(in srgb,var(--sage-soft) 75%,transparent)}
html[data-theme] .auth-home,html[data-theme] .auth-topbar button{color:#fff}
html[data-theme] .auth-login-link{background:rgba(255,255,255,.16)}
html[data-theme] .auth-legal-links a{color:var(--forest)}
html[data-theme="dark-focus"] .auth-card h1,html[data-theme="dark-focus"] .auth-card h2,html[data-theme="dark-focus"] .auth-brand,html[data-theme="dark-focus"] .auth-legal-links a{color:#f2f5f7}

/* School identity: prominent on sign-in and easier to recognize in the sidebar */
.sidebar .brand.school-branded{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;padding-left:2px;padding-right:2px}
.sidebar .brand.school-branded .brand-mark{width:76px;height:64px;border-radius:16px;padding:5px;background:rgba(255,255,255,.92)}
.sidebar .brand.school-branded .brand-mark img{border-radius:11px;background:transparent}
.auth-heading{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:24px;align-items:start;margin-bottom:18px}
.auth-heading .auth-brand{min-width:0;padding:0}
.auth-heading-copy{min-width:0;padding-top:4px;text-align:right}
.auth-heading-copy .eyebrow{margin:0 0 4px}
.auth-heading-copy h1{margin:0}
.auth-brand.school-branded{display:grid;gap:8px;padding:0}
.auth-brand.school-branded .brand-mark{display:block;width:100%;max-width:180px;height:128px;min-height:0;border-radius:16px;padding:4px;margin:0;overflow:hidden;background:transparent}
.auth-brand.school-branded .brand-mark img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;background:transparent}
.auth-brand.school-branded strong{font-size:20px}
@media(max-width:760px){.sidebar .brand.school-branded{grid-template-columns:58px minmax(0,1fr)}.sidebar .brand.school-branded .brand-mark{width:58px;height:52px}}
@media(max-width:520px){.auth-heading{grid-template-columns:104px minmax(0,1fr);gap:15px}.auth-brand.school-branded .brand-mark{height:96px}.auth-brand.school-branded strong{font-size:14px}.auth-brand.school-branded small{font-size:9px}.auth-heading-copy h1{font-size:32px!important}}

/* My Class Planner product logo (separate from each school's uploaded logo) */
.auth-home img{width:118px;height:64px;object-fit:contain;border-radius:0;filter:drop-shadow(0 5px 9px rgba(0,0,0,.2))}
.product-identity{padding:10px 14px}.product-identity img{width:72px;height:72px;object-fit:contain;border-radius:0;background:transparent;filter:drop-shadow(0 5px 9px rgba(22,58,95,.18))}
.product-badge img{width:62px;height:62px;object-fit:contain;border-radius:0;background:transparent;filter:drop-shadow(0 4px 7px rgba(0,0,0,.2))}
.legal-resources>img{width:120px;height:120px;flex-basis:120px;object-fit:contain;border-radius:0;background:transparent;filter:drop-shadow(0 6px 10px rgba(22,58,95,.18))}
@media(max-width:620px){.auth-home img{width:88px;height:48px}.product-identity img{width:58px;height:58px}}
.planner-series-option{display:flex;align-items:center;gap:9px;margin:16px 0 0;font-size:13px;font-weight:800;color:var(--forest)}
.planner-series-option[hidden]{display:none}
.planner-series-option input{width:18px;height:18px;accent-color:var(--forest)}