/* Shared cabinet presentation; no layout inside the live conference is themed.
   Load before watercolor-controls-v8.css. Dense data stays in readable sans. */
.watercolor-cabinet #app :is(section.glass,article.glass){position:relative;isolation:isolate}
.watercolor-cabinet #app .glass:has(>.wc-reference-frame){border:0;padding:24px}
.watercolor-cabinet .course-tile>img.wc-course-square{aspect-ratio:1;object-fit:cover;height:auto;border-radius:15px}
.watercolor-cabinet .wc-frame{pointer-events:none}
html body.watercolor-cabinet {
 --bg:#f4e7cb;--text:#173b46;--muted:#536b6d;--teal:#116e7c;--purple:#745293;
 --line:#a389565e;--border:#a389565e;--glass:#fff6dfc9;--glass2:#f7ecd454;
 --input:#fffaf0c2;--shine:#fffff6;--shadow:0 7px 22px #765e3411;
 --wc-cabinet-paper:#fff6dfb8;--wc-cabinet-frame:#aa865875;
 color:var(--text);font:14px/1.55 Onest,Arial,sans-serif;
 background:var(--bg) url('/static/student/assets/watercolor/paper.png') center top/1586px 992px repeat;
 background-attachment:scroll;padding:20px 22px 30px;
}
html body.watercolor-cabinet .ambient{display:none}
html body.watercolor-cabinet :is(#app,.topbar){max-width:1558px;margin-inline:auto}
html body.watercolor-cabinet .topbar {
 display:grid;grid-template-columns:210px minmax(0,1fr) auto;gap:24px;
 align-items:center;min-height:84px;margin-bottom:24px;
}
html body.watercolor-cabinet .brand,
html body.watercolor-cabinet .brand img{width:210px;height:77px}
html body.watercolor-cabinet .topbar .nav {
 display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;
 min-width:0;gap:3px;padding:5px;border-radius:29px;
}
html body.watercolor-cabinet .topbar .nav .wc-ref-button.wc-ref-nav {
 width:auto;flex:1 1 108px;max-width:100%;min-height:41px;font-size:12px;
 padding:8px 9px!important;line-height:1.3;
}
html body.watercolor-cabinet .topbar .nav .wc-button-label {gap:7px}
html body.watercolor-cabinet .topbar .nav .wc-ref-button .wc-button-label>.icon{width:20px;height:20px;min-width:20px}
html body.watercolor-cabinet .topbar .tools{display:flex;align-items:center;gap:7px;margin:0}
html body.watercolor-cabinet .topbar .theme-btn {
 display:flex;align-items:center;justify-content:center;gap:5px;
 width:76px;height:43px;min-width:76px;padding:5px;border-radius:25px;
}
html body.watercolor-cabinet .theme-btn .icon{width:23px;height:23px}
html body.watercolor-cabinet .theme-btn[aria-pressed='false'] .icon:first-child {color:#b77817;filter:drop-shadow(0 0 4px #ffbf4870)}
html body.watercolor-cabinet #global-wallet {
 display:flex;border:1px solid var(--wc-cabinet-frame);background:#fff7e195;
 box-shadow:inset 0 1px 0 #fff9,0 4px 12px #66503012;
}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(h1,h2,h3,.page-head strong) {
 font-family:Georgia,'Times New Roman',serif;color:var(--text);letter-spacing:-.35px;
}
html body.watercolor-cabinet:not(.wc-cabinet-conference) h1 {font-size:clamp(27px,2.6vw,37px);line-height:1.18}
html body.watercolor-cabinet:not(.wc-cabinet-conference) h2 {font-size:clamp(21px,1.9vw,27px);line-height:1.25}
html body.watercolor-cabinet:not(.wc-cabinet-conference) h3 {font-size:20px;line-height:1.3}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.eyebrow,.section-title) {color:var(--teal)}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .eyebrow {font-size:10px;letter-spacing:1.5px}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.glass,dialog) {
 border:1px solid var(--wc-cabinet-frame);border-radius:7px;
 background:var(--wc-cabinet-paper);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
 box-shadow:inset 0 0 0 3px #fffdf026,inset 0 0 0 4px #ac8a4e29,var(--shadow);
}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .glass::before {content:none}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .page-head {
 position:relative;isolation:isolate;align-items:center;gap:20px;
 padding:10px 66px 18px 0;margin-bottom:20px;border-bottom:1px solid var(--line);
}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .page-head::after {
 content:'';position:absolute;pointer-events:none;right:0;top:-5px;z-index:-1;
 width:58px;height:72px;opacity:.48;transform:rotate(8deg);
 background:url('/static/student/assets/watercolor/leaves-corner-v5.png') center/contain no-repeat;
}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .page-head p {max-width:75ch;color:var(--muted);font-size:14px;line-height:1.6}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .page-head .form-actions {margin-top:0;justify-content:flex-end}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .crumbs {gap:9px;color:var(--muted);font-size:12px;flex-wrap:wrap}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .crumbs a {color:var(--teal)}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.grid,.staff-layout,.column,.team-fields,.choice-grid,.inline-fields)>* {min-width:0}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.glass,dialog)>h2 + :is(p,small){margin-top:10px}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.section-tabs,.tabbar,.workspace-tabs,.family-child-picker,.day-tabs,.message-modes) {
 display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:18px 0 22px;
}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.section-tabs,.tabbar,.workspace-tabs,.family-child-picker,.day-tabs,.message-modes) .wc-ref-button {font:600 13px/1.35 Onest,Arial,sans-serif}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.section-tabs,.tabbar,.workspace-tabs,.family-child-picker,.day-tabs,.message-modes) .active {color:#fffcec!important;text-shadow:0 1px 1px #0b3f4b}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.section-tabs,.tabbar,.workspace-tabs,.family-child-picker,.day-tabs,.message-modes) .active>.wc-ref-surface {
 background-image:linear-gradient(155deg,#60b8b4,#176d7b 63%,#286c72)!important;
 border-color:#b5985e!important;box-shadow:inset 0 1px 0 #d7fff5a6!important;
}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .wc-ref-button[data-wc-reference-button='action'] {font:600 13px/1.35 Onest,Arial,sans-serif}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .wc-ref-button.wc-ref-painted[data-wc-reference-button='action'] {font-size:15px;min-height:43px;padding:11px 19px!important}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .wc-ref-button[data-wc-reference-button='continue'] {font-size:17px;min-height:45px}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .wc-ref-button.wc-ref-icon {width:36px;height:36px;min-width:36px;min-height:36px}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .topbar .wc-ref-button.wc-ref-icon {width:43px;height:43px;min-width:43px;min-height:43px}

/* Forms and records use quiet surfaces without ornamental overlays. */
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(input,textarea,select,button,table,form,dl,summary) {font-family:Onest,Arial,sans-serif}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.field input,.field textarea,.field select,input.control,textarea.control,select.control) {
 background:var(--input);color:var(--text);border:1px solid var(--line);border-radius:10px;
 box-shadow:inset 0 1px 2px #8068390a;line-height:1.5;font-size:13px;
}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.field input,.field textarea,.field select,input.control,textarea.control,select.control):focus {
 outline:2px solid #208e964f;outline-offset:2px;border-color:#25828a;
}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(input,textarea)::placeholder {color:var(--muted);opacity:.82}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(input[type='checkbox'],input[type='radio'],progress){accent-color:#178b91}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .field>span {font-size:12px;line-height:1.4}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.filters,.crm-filter){gap:14px;align-items:end}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .table-wrap {border:1px solid var(--line);border-radius:8px;background:#fff6de40}
html body.watercolor-cabinet:not(.wc-cabinet-conference) table {font-size:13px;line-height:1.5}
html body.watercolor-cabinet:not(.wc-cabinet-conference) th {background:#baa46b14;color:var(--muted);font-size:11px;font-weight:650;letter-spacing:.3px}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(th,td){padding:13px 15px;border-color:var(--line);vertical-align:top}
html body.watercolor-cabinet:not(.wc-cabinet-conference) tbody tr:hover {background:#16818a09}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.pill,.access-level,.status-badge) {background:#fff7e359;border-color:var(--line);color:var(--muted);border-radius:20px}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .pill.done {color:var(--teal)}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.empty,.policy-note,.notice-item,.message,.family-message,.family-chat,.schedule-proposal,.material,.file-list a,.slot-choice) {
 border-color:var(--line);background-color:#c2b0790d;color:var(--text);
}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .empty {border-radius:8px;color:var(--muted);font:13px/1.7 Onest,Arial,sans-serif}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.message.mine,.family-message.mine) {background:#2f9d9520;border-color:#6caca65c}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .slot-choice:has(input:checked){background:#2ba69a22;border-color:#248c8e;color:var(--text)}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .slot-choice.busy {opacity:.62}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.employee-row,.family-details>div,.lesson-edit-row,.event-row){border-color:var(--line)}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.employee-row,.notice-item,.event-row,.family-details dd){overflow-wrap:anywhere}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.course-tile,.course-card,.curriculum-card){overflow:hidden}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.course-tile img,.course-card img,.curriculum-card img){border-color:var(--line)}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .progress {background:#67736b29;box-shadow:inset 0 1px 2px #66583530}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .progress i {background:linear-gradient(90deg,#26888c,#89c9b5);box-shadow:none}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .purple-progress i {background:linear-gradient(90deg,#755492,#b298c3)}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .credentials {border:1px solid var(--line);background:var(--input);border-radius:8px;font:13px/1.65 ui-monospace,monospace}
html body.watercolor-cabinet:not(.wc-cabinet-conference) dialog {
 background-color:var(--bg);background-image:linear-gradient(var(--wc-cabinet-paper),var(--wc-cabinet-paper)),url('/static/student/assets/watercolor/paper.png');
 background-size:auto,1586px 992px;border-radius:13px;box-shadow:0 20px 65px #1d35274f;
}
html body.watercolor-cabinet:not(.wc-cabinet-conference) dialog::backdrop {background:#0b2b3480;backdrop-filter:blur(5px)}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.error,.overdue){color:#a64131}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(details summary,.section-head,.form-actions){gap:12px}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .team-documents summary {padding-block:10px}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .kanban .task-card {background:var(--wc-cabinet-paper);border-radius:8px}
html body.watercolor-cabinet:not(.wc-cabinet-conference) .kanban .task-card h3 {font:650 14px/1.45 Onest,Arial,sans-serif}
html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.message h3,.family-message h3,.event-row h3){font-family:Onest,Arial,sans-serif}
html body.watercolor-cabinet #toast {border-color:var(--line);background:var(--bg);color:var(--text)}

html[data-theme='dark'] body.watercolor-cabinet {
 --bg:#0e303b;--text:#f2e8cc;--muted:#c3c9b7;--teal:#91d5ce;--purple:#c2a6d6;
 --line:#b89b645c;--border:#b89b645c;--glass:#123a45cc;--glass2:#32535338;
 --input:#092b36bc;--shine:#bdeae25c;--shadow:0 7px 22px #0019212e;
 --wc-cabinet-paper:#0f3440d9;--wc-cabinet-frame:#b6996275;
 background-image:linear-gradient(#072532d9,#0b2c38db),url('/static/student/assets/watercolor/paper.png');
 background-size:auto,1586px 992px;background-color:var(--bg);
}
html[data-theme='dark'] body.watercolor-cabinet #global-wallet{background:#113b46bb;box-shadow:inset 0 1px 0 #d4e6c72e,0 4px 12px #001c2b29}
html[data-theme='dark'] body.watercolor-cabinet .theme-btn .icon:last-child {color:#fff4cf;filter:drop-shadow(0 0 4px #f8e5c870)}
html[data-theme='dark'] body.watercolor-cabinet:not(.wc-cabinet-conference) .page-head::after {filter:brightness(.8) saturate(.55);opacity:.52}
html[data-theme='dark'] body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.glass,dialog) {box-shadow:inset 0 0 0 3px #0c2d3614,inset 0 0 0 4px #ad955726,var(--shadow)}
html[data-theme='dark'] body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.pill,.access-level,.status-badge){background:#72877412}
html[data-theme='dark'] body.watercolor-cabinet:not(.wc-cabinet-conference) .table-wrap{background:#0c2c3733}
html[data-theme='dark'] body.watercolor-cabinet:not(.wc-cabinet-conference) th{background:#bdad7410}
html[data-theme='dark'] body.watercolor-cabinet:not(.wc-cabinet-conference) tbody tr:hover{background:#91d5ce0d}
html[data-theme='dark'] body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.error,.overdue){color:#ffba94}
html[data-theme='dark'] body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.field input,.field textarea,.field select,input.control,textarea.control,select.control):focus{outline-color:#a3d9c14d;border-color:#95bca7}
html[data-theme='dark'] body.watercolor-cabinet:not(.wc-cabinet-conference) .credentials{color:#f2e8cc}

@media(max-width:1199px){
 html body.watercolor-cabinet .topbar{grid-template-columns:1fr auto;gap:14px;min-height:0}
 html body.watercolor-cabinet .topbar .nav{grid-column:1/-1;grid-row:2}
 html body.watercolor-cabinet .topbar .tools{grid-column:2;grid-row:1;justify-content:flex-end}
 html body.watercolor-cabinet:not(.wc-cabinet-conference) .staff-layout{grid-template-columns:minmax(0,1fr)}
 html body.watercolor-cabinet:not(.wc-cabinet-conference) .kanban{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 html body.watercolor-cabinet{padding:14px 12px 26px}
 html body.watercolor-cabinet .brand,html body.watercolor-cabinet .brand img{width:162px;height:62px}
 html body.watercolor-cabinet .topbar{gap:10px}
 html body.watercolor-cabinet .topbar .tools{gap:5px}
 html body.watercolor-cabinet .topbar .theme-btn{width:63px;min-width:63px;height:36px;gap:4px}
 html body.watercolor-cabinet .theme-btn .icon{width:21px;height:21px}
 html body.watercolor-cabinet .topbar .wc-ref-button.wc-ref-icon{width:36px;height:36px;min-width:36px;min-height:36px}
 html body.watercolor-cabinet:not(.wc-cabinet-conference) .page-head{flex-direction:column;align-items:start;padding-right:45px;gap:15px}
 html body.watercolor-cabinet:not(.wc-cabinet-conference) .page-head::after{width:42px;height:60px}
 html body.watercolor-cabinet:not(.wc-cabinet-conference) .page-head .form-actions{justify-content:flex-start}
 html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.section-head,.form-actions){flex-wrap:wrap}
 html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.glass,dialog){padding:18px}
 html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.map-full,.course-tile){padding:0}
 html body.watercolor-cabinet:not(.wc-cabinet-conference) .filters .field{min-width:min(220px,100%)}
 html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.inline-fields,.team-fields,.choice-grid){grid-template-columns:1fr}
}
@media(max-width:480px){
 html body.watercolor-cabinet .brand,html body.watercolor-cabinet .brand img{width:135px;height:56px}
 html body.watercolor-cabinet .topbar .nav .wc-ref-button.wc-ref-nav{flex-basis:calc(50% - 4px);font-size:12px}
 html body.watercolor-cabinet .topbar .tools{gap:4px}
 html body.watercolor-cabinet .topbar .wc-ref-button.wc-ref-icon{width:33px;height:33px;min-width:33px;min-height:33px}
 html body.watercolor-cabinet .topbar .theme-btn{width:57px;min-width:57px;height:33px}
 html body.watercolor-cabinet .theme-btn .icon{width:19px;height:19px}
 html body.watercolor-cabinet:not(.wc-cabinet-conference) .kanban{grid-template-columns:minmax(0,1fr)}
 html body.watercolor-cabinet:not(.wc-cabinet-conference) :is(.grid,.staff-summary){grid-template-columns:minmax(0,1fr)}
 html body.watercolor-cabinet:not(.wc-cabinet-conference) .family-details{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:359px){
 html body.watercolor-cabinet .topbar{grid-template-columns:1fr;justify-items:center}
 html body.watercolor-cabinet .topbar .tools{grid-column:1;grid-row:2}
 html body.watercolor-cabinet .topbar .nav{grid-row:3;width:100%}
}