/* Board 442: one reparented status group, independent of each page's skin.
   The extra ID specificity isolates it from the older page-specific overrides. */
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status { --status-height:44px; --status-ink:#05145c; --status-green:#0b5a3d; --status-dot:#0e7a52; --status-pill:#ffdd4a; --status-lock:linear-gradient(165deg,rgba(255,255,255,.74),rgba(255,255,255,.3)); --status-edge:rgba(255,255,255,.9); --status-panel:#fff; --status-panel-ink:#0b1a3d; display:flex!important; flex-flow:row wrap!important; align-items:center!important; justify-content:flex-end!important; position:relative!important; inset:auto!important; grid-column:1/-1!important; grid-row:auto!important; order:0!important; width:auto!important; max-width:100%; min-width:0!important; margin:0 0 0 auto!important; padding:0!important; font-family:Manrope,system-ui,sans-serif; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status .mc-weather-bar { display:block!important; position:static!important; flex:0 1 auto!important; width:auto!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:0!important; background:none!important; border:0!important; box-shadow:none!important; overflow:visible!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status [data-app-weather] { display:flex!important; flex-flow:row wrap!important; justify-content:flex-end!important; align-items:center!important; gap:6px 12px!important; position:static!important; width:auto!important; max-width:100%!important; min-width:0!important; min-height:0!important; margin:0!important; padding:0!important; background:none!important; border:0!important; box-shadow:none!important; overflow:visible!important; backdrop-filter:none!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status :is(.mc-live-environment,.mc-app-weather__birds,.mc-live-analog,[data-live-timer-cue]) { display:none!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status [data-app-weather]::before { display:none!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status [data-app-weather]::after { display:none!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status :is([data-live-focus-button],.mc-live-header,[data-workspace-lock]) { display:inline-flex!important; flex:0 0 auto!important; flex-flow:row nowrap!important; align-items:center!important; justify-content:center!important; position:static!important; inset:auto!important; order:0!important; box-sizing:border-box; width:auto!important; min-width:0!important; max-width:100%!important; height:var(--status-height)!important; min-height:var(--status-height)!important; margin:0!important; padding:0 16px 0 10px!important; gap:8px!important; border:1px solid rgba(5,20,92,.15)!important; border-radius:28px!important; background:var(--status-pill)!important; color:var(--status-ink)!important; font-weight:800!important; line-height:1!important; white-space:nowrap!important; box-shadow:0 6px 16px rgba(230,170,20,.25)!important; backdrop-filter:none!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status [data-live-focus-button] .shared-timer-ring { display:block!important; flex:none; width:26px!important; height:26px!important; fill:none; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status .shared-timer-ring circle:first-child { stroke:rgba(5,20,92,.2); }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status [data-live-timer-ring] { stroke:#0b5a3d; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status [data-live-focus-countdown]:not([hidden]) { display:inline!important; order:0!important; font-size:16px!important; font-variant-numeric:tabular-nums; font-weight:800!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status [data-live-focus-countdown][hidden] { display:none!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status [data-live-focus] { display:inline!important; order:0!important; font-size:12.5px!important; font-weight:800!important; white-space:nowrap; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status .mc-live-header { padding:0 14px!important; gap:0!important; overflow:visible!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status .mc-live-identity { display:block!important; flex:none!important; min-width:0!important; padding:0!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status .mc-app-weather__clock { display:block!important; margin:0!important; padding:0!important; min-width:0!important; background:none!important; border:0!important; box-shadow:none!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status [data-live-clock] { display:block!important; color:var(--status-ink)!important; font:800 16px/1.3 Manrope,system-ui,sans-serif!important; font-variant-numeric:tabular-nums!important; letter-spacing:.02em; white-space:nowrap!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status .mc-app-weather__details { position:static!important; align-self:stretch; display:flex!important; min-width:0!important; margin:0 0 0 10px!important; padding:0 0 0 10px!important; border:0!important; border-left:1px solid rgba(5,20,92,.28)!important; border-radius:0!important; background:none!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status .mc-app-weather__details>summary { display:flex!important; align-items:center; gap:4px!important; height:100%; min-height:0!important; margin:0!important; padding:0!important; list-style:none; background:none!important; border:0!important; box-shadow:none!important; color:var(--status-ink)!important; font:800 15px/1 Manrope,system-ui,sans-serif!important; cursor:pointer; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status .mc-app-weather__details>summary::-webkit-details-marker { display:none; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status :is([data-weather-city],[data-weather-condition]) { display:none!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status [data-weather-symbol] { display:inline-flex; width:16px; height:16px; align-items:center; justify-content:center; font-size:16px; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status [data-weather-temperature] { font:inherit!important; color:inherit!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status [data-app-weather]:not([data-state=ready]) [data-weather-temperature] { display:none!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status [data-app-weather]:not([data-state=ready]) .mc-app-weather__details>summary::after { content:'Add weather'; font-size:13px; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status .privacy-lock-wrap { display:inline-flex; position:static!important; flex:none; order:0!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status [data-workspace-lock] { padding:0 16px 0 13px!important; font-size:14px!important; color:var(--status-panel-ink)!important; background:var(--status-lock)!important; border-color:var(--status-edge)!important; backdrop-filter:blur(22px) saturate(180%)!important; -webkit-backdrop-filter:blur(22px) saturate(180%)!important; box-shadow:0 8px 22px rgba(5,20,92,.14),inset 0 1px 0 rgba(255,255,255,.6)!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status [data-workspace-lock] svg { width:17px!important; height:17px!important; flex:none; fill:none; stroke:var(--status-green)!important; color:var(--status-green)!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status [data-workspace-lock] .lock-label { display:inline!important; font-size:inherit!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status [data-workspace-lock]::after { content:''; width:8px; height:8px; flex:none; border-radius:50%; background:var(--status-dot); }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status .avatar--button { position:static!important; inset:auto!important; order:0!important; flex:0 0 44px!important; width:44px!important; height:44px!important; min-height:44px!important; min-width:44px!important; padding:0!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status .preview-status-more { display:block!important; flex:none; position:static!important; inset:auto!important; order:0!important; margin:0!important; padding:0!important; background:none!important; border:0!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status .preview-status-more>summary { display:grid!important; place-items:center; width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important; padding:0!important; list-style:none; cursor:pointer; color:var(--status-panel-ink)!important; background:var(--status-panel)!important; border:1px solid #8d9abc!important; border-radius:50%; box-sizing:border-box; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status .preview-status-more>summary::-webkit-details-marker { display:none; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status .preview-status-more:not([open])>.preview-status-panel { display:none!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status :is(.mc-live-popover,.privacy-lock-panel,.preview-status-more[open]>.preview-status-panel) { position:absolute!important; inset:calc(100% + 8px) 0 auto auto!important; z-index:1000!important; box-sizing:border-box; width:min(320px,calc(100vw - 32px))!important; max-width:calc(100vw - 32px)!important; max-height:calc(100dvh - 250px); overflow:auto; padding:16px!important; border:1px solid #8d9abc!important; border-radius:22px!important; background:var(--status-panel)!important; color:var(--status-panel-ink)!important; box-shadow:0 18px 44px rgba(5,20,92,.24)!important; white-space:normal; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status .preview-status-more[open]>.preview-status-panel { display:grid!important; gap:12px; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status .preview-status-panel .mc-live-actions { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; position:static!important; width:100%!important; padding:0!important; gap:8px!important; background:none!important; border:0!important; box-shadow:none!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status :is(.preview-status-panel .mc-live-actions>button,[data-weather-location]) { display:flex!important; align-items:center; gap:7px; min-width:0; min-height:44px; padding:9px; white-space:normal; color:var(--status-panel-ink)!important; background:var(--status-panel)!important; border:1px solid #8d9abc; border-radius:11px; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status .preview-status-panel [data-live-ai-usage]:not([hidden]) { display:flex!important; position:static!important; inset:auto!important; width:100%!important; box-sizing:border-box; color:var(--status-panel-ink)!important; background:var(--status-panel)!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status :is(.privacy-lock-panel p,.privacy-lock-panel small) { color:var(--status-panel-ink)!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status :is(button,summary):focus-visible { outline:3px solid #4658da!important; outline-offset:3px; }
/* Reserve the same top edge in every view, including generated hosts. */
html body.student-experience #app-shell#app-shell#app-shell .app-view>.page-header { display:flex!important; flex-wrap:wrap!important; align-items:center!important; justify-content:space-between!important; position:relative!important; z-index:90!important; overflow:visible!important; }
html body.student-experience #app-shell#app-shell#app-shell .preview-status-header::before { display:none!important; }
html body.student-experience #app-shell#app-shell#app-shell [data-view=focus]>.page-header { display:flex!important; }
html body.student-experience #app-shell#app-shell#app-shell [data-view=focus]>.page-header>div:first-child { color:#fff; }
html body.student-experience #design-personalize#design-personalize .design-customize-head { position:relative; z-index:90; flex-wrap:wrap; gap:12px; overflow:visible; }
html.theme-dark body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status { --status-lock:linear-gradient(165deg,rgba(62,76,144,.74),rgba(24,34,84,.64)); --status-green:#7af0c4; --status-dot:#7af0c4; --status-edge:rgba(255,255,255,.2); --status-panel:#0e1638; --status-panel-ink:#eef1ff; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status[data-status-tone=focus] { --status-height:56px; --status-pill:linear-gradient(165deg,rgba(255,255,255,.2),rgba(255,255,255,.06)); --status-lock:var(--status-pill); --status-ink:#fff; --status-green:#c7fce0; --status-dot:#7af0c4; --status-edge:rgba(255,255,255,.3); --status-panel:#0e1638; --status-panel-ink:#eef1ff; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status[data-status-tone=focus] :is([data-live-focus-button],.mc-live-header,[data-workspace-lock]) { border-color:var(--status-edge)!important; backdrop-filter:blur(22px) saturate(170%)!important; -webkit-backdrop-filter:blur(22px) saturate(170%)!important; box-shadow:0 8px 22px rgba(2,8,40,.32),inset 0 1px 0 rgba(255,255,255,.34)!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status[data-status-tone=focus] [data-live-focus-countdown]:not([hidden]) { font-size:26px!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status[data-status-tone=focus] [data-live-focus] { font-size:14px!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status[data-status-tone=focus] [data-live-clock] { font-size:24px!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status[data-status-tone=focus] [data-live-timer-ring] { stroke:#c7fce0; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status[data-status-tone=focus] .shared-timer-ring circle:first-child { stroke:rgba(255,255,255,.26); }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status[data-status-tone=focus] .mc-app-weather__details { border-left-color:rgba(255,255,255,.3)!important; }
@media(max-width:999px) {
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status { flex:1 0 100%!important; width:100%!important; }
}
@media(max-width:560px) {
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status [data-app-weather] { gap:6px!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status :is([data-live-focus-button],.mc-live-header) { padding-inline:8px!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status .mc-app-weather__details { margin-left:6px!important; padding-left:6px!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status [data-workspace-lock] { width:44px!important; min-width:44px!important; padding:0!important; gap:3px!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status [data-workspace-lock] .lock-label { display:none!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status [data-workspace-lock]::after { width:6px; height:6px; }
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status { --status-lock:#fff; }
html.theme-dark body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status { --status-lock:#121b45; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status[data-status-tone=focus] { --status-pill:#16246e; --status-lock:#16246e; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status[data-status-tone] :is([data-live-focus-button],.mc-live-header,[data-workspace-lock]) { backdrop-filter:none!important; -webkit-backdrop-filter:none!important; box-shadow:none!important; border:1px solid currentColor!important; }
}

html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status [data-live-focus-button]::before { display:none!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status [data-app-weather]:not([data-state=ready]) [data-weather-symbol] { display:none!important; }
@media(min-width:1000px) {
 html body.student-experience #app-shell#app-shell#app-shell .app-view>.page-header { display:grid!important; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:start!important; }
 html body.student-experience #app-shell#app-shell#app-shell .app-view>.page-header>div:first-child { min-width:0; padding-right:0!important; }
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status { grid-column:2!important; grid-row:1!important; align-self:start; }
}
html body.student-experience #app-shell#app-shell#app-shell>.app-main { margin-block:0!important; }
html body.student-experience #app-shell#app-shell#app-shell .preview-status-header { grid-template-columns:minmax(0,1fr)!important; }
html body.student-experience #app-shell#app-shell#app-shell .preview-status-header #shared-workspace-status { grid-column:1!important; }

html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status .avatar--button { display:grid; place-items:center; border:1px solid #fff; border-radius:50%; background:linear-gradient(145deg,#4553cc,#111b62); color:#fff; }
@media(min-width:1024px) {
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status .avatar--button { display:none!important; }
}
/* Coda's header spans its main area and course sidebar, just like other views. */
html body.student-experience #app-shell#app-shell#app-shell .app-view>.page-header { grid-column:1/-1!important; width:100%!important; box-sizing:border-box; }
/* A filtered clock would become the containing block for its native details
   panel. Keep the translucent glass fill and anchor the panel to the whole row. */
html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status[data-status-tone] .mc-live-header { backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }

html body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status .mc-live-popover :is([data-weather-credit],[data-weather-time],[data-weather-location-status]) { color:var(--status-panel-ink)!important; }
/* The in-app Reduce transparency preference has the same solid fallback as the OS. */
html[data-reduced-transparency=true] body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status { --status-lock:#fff; }
html.theme-dark[data-reduced-transparency=true] body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status { --status-lock:#121b45; }
html[data-reduced-transparency=true] body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status[data-status-tone=focus] { --status-pill:#16246e; --status-lock:#16246e; }
html[data-reduced-transparency=true] body.student-experience :is(#app-shell,#design-personalize) #shared-workspace-status#shared-workspace-status[data-status-tone] :is([data-live-focus-button],.mc-live-header,[data-workspace-lock]) { backdrop-filter:none!important; -webkit-backdrop-filter:none!important; box-shadow:none!important; border:1px solid currentColor!important; }
/* The shared clock replaces the older standalone Focus header clock. */
html body.student-experience #app-shell#app-shell#app-shell [data-view=focus] .mc-room-clock { display:none!important; }