/* Adult workspaces have their own navigation, hierarchy and visual identity. */
body[data-portal=teacher]{--portal-accent:#274c73;--portal-nav:#192f47;--portal-soft:#e8eff6;--portal-line:#d5dfe9;--bg:#f2f5f8;--bg2:#e8eff6;--ink:#203c57;--ink2:#3c5268;--muted:#627184;--line:#dfe5ec;--line2:#ccd7e2;--green:#477498}
body[data-portal=parent]{--portal-accent:#71505f;--portal-nav:#44313e;--portal-soft:#f2e9ee;--portal-line:#e2d5dd;--bg:#faf7f4;--bg2:#f2e9ee;--ink:#513a47;--ink2:#65505d;--muted:#796b74;--line:#e8dfe3;--line2:#dfd2da;--green:#916b7c}
body:is([data-portal=teacher],[data-portal=parent]){--surface:#fff;--surface2:#fcfcfd}
body:is([data-portal=teacher],[data-portal=parent]) #design-sidebar{background:var(--portal-nav);border-right:0}
body:is([data-portal=teacher],[data-portal=parent]) .design-brand>span{color:#dce5ed;letter-spacing:.12em;font-size:10px;border:1px solid #ffffff30;border-radius:6px;padding:7px 9px;display:inline-block}
body:is([data-portal=teacher],[data-portal=parent]) #design-nav button,body:is([data-portal=teacher],[data-portal=parent]) .design-sidebar-footer>button,body:is([data-portal=teacher],[data-portal=parent]) .design-sidebar-footer>a{color:#dfe5ee}
body:is([data-portal=teacher],[data-portal=parent]) #design-nav button[aria-current=page]{background:#ffffff17;color:#fff;border-left:3px solid #e2b965;border-radius:5px}
body:is([data-portal=teacher],[data-portal=parent]) #design-nav button[aria-current=page]:after{display:none}
body:is([data-portal=teacher],[data-portal=parent]) #design-nav button:hover,body:is([data-portal=teacher],[data-portal=parent]) .design-sidebar-footer>button:hover{background:#ffffff12}
body:is([data-portal=teacher],[data-portal=parent]) .design-nav-label,body:is([data-portal=teacher],[data-portal=parent]) .design-nav-extra summary{color:#bdc9d5}
body:is([data-portal=teacher],[data-portal=parent]) .design-nav-extra,body:is([data-portal=teacher],[data-portal=parent]) .design-nav-admin,body:is([data-portal=teacher],[data-portal=parent]) .design-sidebar-footer,body:is([data-portal=teacher],[data-portal=parent]) #design-profile{border-color:#ffffff24}
body:is([data-portal=teacher],[data-portal=parent]) #design-profile{color:#fff}
body:is([data-portal=teacher],[data-portal=parent]) #design-profile small{color:#bdc9d5}
body:is([data-portal=teacher],[data-portal=parent]) #design-profile .design-avatar{background:#ffffff19;color:#fff}
body:is([data-portal=teacher],[data-portal=parent]) .design-sidebar-message{display:none}
body:is([data-portal=teacher],[data-portal=parent]) .design-room-title{display:inline-flex;background:var(--portal-soft);color:var(--portal-accent);font-weight:700;font-size:12px;border-radius:6px;padding:7px 10px}
body:is([data-portal=teacher],[data-portal=parent]) .design-room-title:after{display:none}
body:is([data-portal=teacher],[data-portal=parent]) .hrow{background:var(--surface)}
body:is([data-portal=teacher],[data-portal=parent])>header{background:var(--surface);border-bottom:1px solid var(--line)}
body:is([data-portal=teacher],[data-portal=parent]) .bm-workspace .action,body:is([data-portal=teacher],[data-portal=parent]) .btn-p{background:var(--portal-accent)!important;border-color:var(--portal-accent)!important;color:#fff!important;border-radius:8px}
body:is([data-portal=teacher],[data-portal=parent]) .bm-workspace .action.secondary{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line2)!important}
body:is([data-portal=teacher],[data-portal=parent]) .bm-workspace .text-button{color:var(--portal-accent)}
body:is([data-portal=teacher],[data-portal=parent]) .bm-workspace .paper-panel{border-radius:10px;background:var(--surface);border-color:var(--line);padding:24px}
body:is([data-portal=teacher],[data-portal=parent]) .bm-workspace .page-heading{margin-bottom:24px;align-items:flex-end}
body:is([data-portal=teacher],[data-portal=parent]) .bm-workspace .page-heading h1{font-size:clamp(28px,2.8vw,38px);font-weight:650;letter-spacing:-.03em}
body:is([data-portal=teacher],[data-portal=parent]) .bm-workspace .paper-panel h2{font-size:20px}
.portal-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}
.portal-main,.portal-aside{min-width:0;display:grid;gap:22px}
.portal-dashboard .paper-panel{margin:0}
.portal-class-bar,.portal-family-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.portal-class-bar{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--portal-accent);padding:13px 18px;border-radius:6px}
.portal-class-bar>span{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.portal-class-bar>span>span{font-size:12px;color:var(--muted)}
.portal-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.portal-action{display:flex;align-items:center;gap:12px;width:100%;padding:16px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;min-width:0}
.portal-action>span:first-of-type{flex:1;min-width:0}
.portal-action>svg{width:20px;height:20px;color:var(--portal-accent)}
.portal-action strong,.portal-action small{display:block}
.portal-action strong{font-size:13px;line-height:1.45}
.portal-action small{font-size:12px;color:var(--muted);font-weight:400;margin-top:4px;line-height:1.5}
.portal-action-list>.portal-action:last-child{border-bottom:0}
.portal-action-grid .portal-action{background:var(--portal-soft);border:1px solid var(--portal-line);border-radius:8px;padding:16px;align-items:flex-start;flex-direction:column}
.portal-action-grid .portal-action>span:last-child{display:none}
.portal-action:hover{color:var(--portal-accent);background:var(--portal-soft)}
.portal-task-list article{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.bm-workspace .portal-task-list h3{font:600 14px var(--font-body);margin:0 0 6px;letter-spacing:0}
.bm-workspace .portal-task-list p{font-size:12px;margin:0}
.portal-task-list article>span{font-size:11px;background:var(--portal-soft);padding:6px 9px;border-radius:5px;color:var(--portal-accent);text-align:center}
.portal-task-list+.action{margin-top:20px}
.portal-table-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}
.portal-table-heading>p{font-size:12px}
.portal-pupil-details{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}
.portal-pupil-details>summary{cursor:pointer;color:var(--ink);padding:6px 0;font-size:14px}
.portal-pupil-details>summary>span{font-size:12px;color:var(--muted);margin-left:12px;font-weight:400}
.portal-pupil-details[open]>summary>span{display:none}
.portal-teaching-idea>summary{cursor:pointer;font-size:14px;font-weight:650;color:var(--ink)}
.portal-teaching-idea[open]>summary{margin-bottom:20px}
.portal-class-code{background:var(--portal-nav);color:#fff;border-radius:10px;padding:24px}
.bm-workspace .portal-class-code p{color:#d5e1ea;font-size:12px}
.bm-workspace .portal-class-code h2{font-size:20px;color:#fff;margin-bottom:15px}
.portal-class-code>strong{display:block;letter-spacing:.15em;font:650 27px var(--font-display);margin:12px 0 15px;overflow-wrap:anywhere}
.portal-class-code .action{width:100%;margin-top:12px}
.portal-teaching-idea .school-equation{font-size:24px;padding:15px;background:var(--portal-soft);border-radius:8px}
body[data-portal=teacher] .school-metrics{gap:14px;margin-bottom:24px}
body[data-portal=teacher] .school-metrics>div{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px}
body[data-portal=teacher] .school-metrics svg{color:var(--portal-accent)}
body[data-portal=teacher] .school-metrics strong{font-size:30px}
body[data-portal=teacher] .portal-activity{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
body[data-portal=teacher] .portal-activity>div{border:0;border-radius:0;padding:0;background:transparent}
body[data-portal=teacher] .portal-activity strong{font-size:26px}
body[data-portal=teacher] .portal-activity svg{display:none}
body[data-portal=teacher] .portal-activity span{font-size:11px}
body[data-portal=parent] .family-picker{margin-bottom:28px;border-bottom:1px solid var(--line);padding-bottom:24px}
body[data-portal=parent] .family-picker button{border:1px solid var(--line);background:var(--surface);border-radius:10px}
body[data-portal=parent] .family-picker button.selected{border-color:var(--portal-accent);background:var(--portal-soft)}
body[data-portal=parent] .family-picker .avatar{background:var(--portal-soft);color:var(--portal-accent)}
body[data-portal=parent] .workspace-metrics{margin:0 0 26px;gap:16px}
body[data-portal=parent] .workspace-metrics article{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:20px}
.portal-family-heading h2{margin:4px 0 0}
.portal-family-heading p{font-size:12px;margin:0}
.portal-support-card{background:#f6ecd9;border:1px solid #e8dcc2;border-radius:12px;padding:30px;color:#554526}
.bm-workspace .portal-support-card p{color:#796847}
.portal-support-card blockquote{font:500 21px/1.5 var(--font-display);margin:22px 0;padding:0 0 0 18px;border-left:3px solid #bb8d43}
.portal-support-card h2{font-size:26px!important}
.portal-privacy{padding:22px;border:1px solid var(--line);border-radius:10px}
.portal-privacy>svg{margin-bottom:14px;color:var(--portal-accent)}
.portal-privacy h3{font-size:17px}
.portal-privacy p{font-size:13px;margin:0}
.portal-welcome{padding:36px;border:1px solid var(--line);background:var(--surface);border-radius:12px;max-width:760px}
.portal-welcome>svg{width:32px;height:32px;margin-bottom:18px}
.portal-welcome p{max-width:56ch}
[data-theme=dark] body:is([data-portal=teacher],[data-portal=parent]){--bg:#17212c;--bg2:#27374a;--surface:#203040;--surface2:#223445;--ink:#edf2f9;--ink2:#d3ddea;--muted:#b0becd;--line:#3a4c60;--line2:#496179;--portal-accent:#a9cbed;--portal-soft:#2a3e54;--portal-line:#496179}
[data-theme=dark] body[data-portal=parent]{--bg:#282128;--bg2:#392e38;--surface:#342a33;--surface2:#3a2d37;--ink:#f7edf3;--ink2:#e6d6e0;--muted:#c6b3be;--line:#55424f;--line2:#75576b;--portal-accent:#dfbcd1;--portal-soft:#463440;--portal-line:#75576b}
[data-theme=dark] body:is([data-portal=teacher],[data-portal=parent]) .bm-workspace .action:not(.secondary){color:var(--bg)!important}
[data-theme=dark] .portal-support-card{background:#433827;border-color:#6e5b3c;color:#f5e5c9}
[data-theme=dark] .bm-workspace .portal-support-card p{color:#d7c5a6}
@media(max-width:1250px){.portal-dashboard{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.portal-action-grid{grid-template-columns:1fr}.portal-action-grid .portal-action{flex-direction:row}.portal-action-grid .portal-action>span:last-child{display:block}}
@media(max-width:1000px){.portal-dashboard{grid-template-columns:minmax(0,1fr)}.portal-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-action-grid .portal-action{flex-direction:column}.portal-action-grid .portal-action>span:last-child{display:none}}
@media(max-width:700px){body:is([data-portal=teacher],[data-portal=parent]) .hrow{gap:8px}body:is([data-portal=teacher],[data-portal=parent]) .hrow>.logo,body:is([data-portal=teacher],[data-portal=parent]) .hrow>.crumb{display:none}body:is([data-portal=teacher],[data-portal=parent]) .design-room-title{font-size:11px;padding:6px 8px}.portal-dashboard,.portal-aside{grid-template-columns:minmax(0,1fr)}.portal-action-grid{grid-template-columns:1fr}.portal-action-grid .portal-action{flex-direction:row}.portal-action-grid .portal-action>span:last-child{display:block}.portal-class-bar,.portal-family-heading,.portal-table-heading{align-items:flex-start;flex-direction:column;gap:10px}.portal-task-list article{align-items:flex-start;flex-direction:column;gap:10px}.portal-support-card{padding:24px}.portal-support-card blockquote{font-size:20px}.portal-welcome{padding:24px}body:is([data-portal=teacher],[data-portal=parent]) .bm-workspace .page-heading{align-items:flex-start;flex-direction:column}body:is([data-portal=teacher],[data-portal=parent]) .bm-workspace .page-heading>label{max-width:100%}}
@media(max-width:450px){body:is([data-portal=teacher],[data-portal=parent]) .hrow>.tour-launch{display:none}body[data-admin=true]:is([data-portal=teacher],[data-portal=parent]) .design-room-title{display:none}}

body:is([data-portal=teacher],[data-portal=parent]) #design-nav .design-nav-extra summary{color:#cbd5df}
body:is([data-portal=teacher],[data-portal=parent]) .siffer-presence-slot{display:none}

body[data-portal=parent] .bm-workspace .family-picker>button,body[data-portal=parent] .family-picker button strong{color:var(--ink)}
body[data-portal=parent] .family-picker button small{color:var(--muted)}
body[data-portal=teacher] .bm-workspace .school-metrics,body[data-portal=teacher] .school-metrics strong{color:var(--ink)}
body[data-portal=teacher] .school-metrics span{color:var(--muted)}