/* Original Studio identity on the complete application, never a second shell. */
.studio-only { display:none; }
html[data-workspace-design=studio] .studio-only { display:revert; }
html[data-workspace-design=studio] .standard-only { display:none!important; }
html[data-workspace-design=studio] .studio-pagebar {
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding:0 0 20px; margin:0 0 12px; border-bottom:1px solid var(--st-line);
  color:var(--st-muted); font-size:.8125rem;
}
.studio-pagebar>div { display:flex; align-items:center; gap:14px; min-width:0; }
.studio-pagebar strong { color:var(--st-ink); font-weight:550; overflow-wrap:anywhere; }
.studio-pagebar button { border:0; border-radius:9px; background:var(--st-surface); color:var(--st-muted); padding:10px 14px; min-height:44px; font:inherit; white-space:nowrap; cursor:pointer; }
.studio-pagebar button:hover { background:var(--st-selected); }
html[data-workspace-design=studio] #appSidebar .sidebar-header { padding:25px 16px 22px!important; border-bottom:0!important; }
html[data-workspace-design=studio] #appSidebar .sidebar-logo-fallback { border-radius:12px!important; width:38px; height:38px; font:650 1.9rem/1 system-ui; letter-spacing:-.1em; padding-right:3px; }
html[data-workspace-design=studio] #appSidebar .sidebar-school-name { font-size:calc(.95rem * var(--font-scale-sidebar,100) / 100)!important; font-weight:650!important; letter-spacing:-.025em; color:var(--st-ink)!important; }
html[data-workspace-design=studio] #appSidebar .studio-sidebar-search { display:flex; align-items:center; gap:8px; margin:0 14px 15px; padding:10px; min-height:44px; border:1px solid var(--st-line); border-radius:9px; background:var(--st-canvas); color:var(--st-muted); font:500 .8125rem system-ui; cursor:pointer; }
.studio-sidebar-search>span:first-child { font-size:1.4rem; line-height:1; }
.studio-sidebar-search kbd { margin-left:auto; font:500 .625rem system-ui; border:1px solid var(--st-line); padding:2px 4px; border-radius:4px; white-space:nowrap; }
html[data-workspace-design=studio] #appSidebar .sidebar-nav { padding-inline:12px!important; }
html[data-workspace-design=studio] #appSidebar .sidebar-link { padding:11px 12px!important; margin:3px 0!important; gap:11px; min-height:44px; border:0!important; border-radius:9px!important; font-size:calc(.875rem * var(--font-scale-sidebar,100) / 100)!important; line-height:1.4; }
html[data-workspace-design=studio] #appSidebar .sidebar-link-icon { display:flex; align-items:center; justify-content:center; width:22px; min-width:22px; color:var(--st-muted)!important; filter:none!important; background:none!important; }
html[data-workspace-design=studio] #appSidebar .sidebar-link-icon svg { width:1.25em; height:1.25em; }
html[data-workspace-design=studio] #appSidebar .sidebar-link.active { background:var(--st-selected)!important; color:var(--st-ink)!important; font-weight:650!important; box-shadow:none!important; }
html[data-workspace-design=studio] #appSidebar .sidebar-link.active::before { display:none!important; }
html[data-workspace-design=studio] #appSidebar .sidebar-category { padding-inline:12px!important; letter-spacing:.11em; font-weight:600; font-size:calc(.6875rem * var(--font-scale-sidebar,100) / 100)!important; }
html[data-workspace-design=studio] #appSidebar.collapsed .studio-sidebar-search { display:none; }
html[data-workspace-design=studio] .home-workspace { max-width:1320px; padding:8px 0 40px; }
html[data-workspace-design=studio] .home-elements-settings:not([open]) { width:fit-content; max-width:100%; margin:0 0 18px auto; background:none!important; border:0!important; box-shadow:none!important; padding:0; font-size:.8125rem; color:var(--st-muted); }
html[data-workspace-design=studio] .home-elements-settings summary { min-height:44px; align-content:center; }
html[data-workspace-design=studio] body .home-hero:not(.has-user-background) { background:none!important; border:0!important; border-radius:0!important; min-height:0; padding:0 48px 0 0!important; margin:8px 0 30px; box-shadow:none!important; overflow:visible; }
html[data-workspace-design=studio] .home-hero:not(.has-user-background)::before,
html[data-workspace-design=studio] .home-hero:not(.has-user-background)::after { display:none!important; }
html[data-workspace-design=studio] .home-hero h1 { --heading-size:clamp(1.9rem,2.7vw,2.65rem); font-weight:630!important; letter-spacing:-.055em!important; line-height:1.16; margin:0 0 12px; }
html[data-workspace-design=studio] .home-kicker { font-size:.6875rem; font-weight:650; letter-spacing:.12em; margin:0 0 10px; }
html[data-workspace-design=studio] .home-subtitle { font-size:1rem; color:var(--st-muted)!important; margin:0; line-height:1.6; }
html[data-workspace-design=studio] .home-background-settings { width:32px; height:32px; min-width:32px; min-height:32px; padding:0; right:10px; top:10px; left:auto; border-radius:8px; }
html[data-workspace-design=studio] .studio-launchpad { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-bottom:30px; }
html[data-workspace-design=studio] .studio-launchpad .studio-launch {
  display:block; position:relative; isolation:isolate; overflow:hidden; padding:23px 25px;
  min-height:246px; border:1px solid transparent!important; border-radius:17px;
  color:var(--st-ink)!important; text-decoration:none; box-shadow:none; transition:box-shadow .18s;
}
html[data-workspace-design=studio] .studio-launchpad .studio-launch-blue { background:var(--st-blue)!important; }
html[data-workspace-design=studio] .studio-launchpad .studio-launch-peach { background:var(--st-peach)!important; }
html[data-workspace-design=studio] .studio-launchpad .studio-launch-sage { background:var(--st-sage)!important; }
.studio-launch-icon { display:block; margin-bottom:26px; }
.studio-launch-arrow { position:absolute; right:22px; top:24px; }
.studio-launch .studio-eyebrow { display:block; font-size:.6875rem; font-weight:650; letter-spacing:.1em; margin:0 0 8px; position:relative; z-index:2; }
html[data-workspace-design=studio] .studio-launch h2 { --heading-size:1.45rem; font-weight:600!important; line-height:1.25; letter-spacing:-.035em; margin:0 0 14px; position:relative; z-index:2; }
.studio-launch p { font-size:.8125rem; margin:0; line-height:1.5; position:relative; z-index:2; }
html[data-workspace-design=studio] .studio-launchpad .studio-launch:hover { box-shadow:var(--st-shadow); border-color:var(--st-accent)!important; }
.studio-room-art { position:absolute; width:112px; height:108px; right:-23px; top:95px; z-index:-1; transform:rotate(-18deg); opacity:.5; }
.studio-room-art i { position:absolute; width:60px; height:90px; border:1px solid var(--st-accent); border-radius:8px; right:16px; top:0; background:var(--st-blue); }
.studio-room-art i:nth-child(2) { right:30px; top:10px; }.studio-room-art i:nth-child(3) { right:45px; top:20px; }
.studio-calendar-art { position:absolute; right:-19px; top:106px; width:100px; height:90px; display:grid; grid-template-columns:repeat(3,1fr); gap:6px; transform:rotate(14deg); opacity:.25; z-index:-1; }
.studio-calendar-art i { border:1px solid var(--st-ink); border-radius:7px; }.studio-calendar-art i:nth-child(2) { background:var(--st-ink); }
.studio-check-art { position:absolute; right:-10px; top:105px; border:1px solid var(--st-ink); border-radius:50%; padding:14px; opacity:.18; transform:rotate(-10deg); z-index:-1; }
html[data-workspace-design=studio] .main-content :is(.home-panel,.pc-home-dashboard,.home-events,.cs-card,.config-section,.mensa-panel) { border:1px solid var(--st-line)!important; border-radius:17px!important; background:var(--st-surface)!important; box-shadow:none!important; }
html[data-workspace-design=studio] .home-events::before { display:none; }
html[data-workspace-design=studio] .main-content :is(.home-panel-head,.pc-home-head,.cs-head) { border-color:var(--st-line); padding-bottom:16px; }
@media(min-width:901px) { html[data-workspace-design=studio] .main-content:not(.booking-plan-main) { padding-inline:clamp(22px,3vw,48px)!important; } }
@media(max-width:640px) {
  html[data-workspace-design=studio] .studio-pagebar { display:none; }
  html[data-workspace-design=studio] .home-workspace { padding:14px 0 30px; }
  html[data-workspace-design=studio] .home-hero:not(.has-user-background) { margin-bottom:22px; }
  html[data-workspace-design=studio] .studio-launchpad { grid-template-columns:1fr; gap:12px; }
  html[data-workspace-design=studio] .studio-launchpad .studio-launch { min-height:180px; padding:20px; }
  .studio-launch-icon { margin-bottom:16px; }
  html[data-workspace-design=studio] .studio-launch h2 { --heading-size:1.25rem; }
  .studio-launch h2 br { display:contents; }.studio-launch h2 br::after { content:' '; }
  .studio-launch p { font-size:.875rem; }
  .studio-room-art,.studio-calendar-art,.studio-check-art { top:60px; }
}
@media(prefers-reduced-motion:reduce) { .studio-launch { transition:none!important; } }
@media print { .studio-pagebar,.studio-sidebar-search,.studio-launchpad { display:none!important; } }
/* Studio update notice: shared tokens include the night theme. */
.studio-update-toast{position:fixed;bottom:calc(84px + env(safe-area-inset-bottom));right:24px;width:360px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:22px;border:1px solid var(--st-line);border-radius:17px;background:var(--st-surface);color:var(--st-ink);box-shadow:var(--st-shadow);z-index:9999;font-size:.875rem;transform:translateY(20px);opacity:0;transition:transform .25s ease,opacity .25s ease}
.studio-update-head{display:flex;align-items:center;gap:12px}.studio-update-head strong{display:block;font-size:1rem;font-weight:650;letter-spacing:-.02em}.studio-update-kicker{display:block;color:var(--st-muted);font-size:.625rem;letter-spacing:.12em;font-weight:650;margin-bottom:3px}.studio-update-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--st-sage);flex-shrink:0}.studio-update-head button{display:grid;place-items:center;align-self:flex-start;margin:-10px -10px 0 auto;min-width:44px;min-height:44px;border:0;border-radius:9px;background:transparent;color:var(--st-muted);cursor:pointer}.studio-update-head button:hover{background:var(--st-selected)}.studio-update-toast p{margin:16px 0;color:var(--st-muted);line-height:1.6}.studio-update-toast>a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 14px;border-radius:9px;background:var(--st-blue);color:var(--st-accent);font-weight:600;text-decoration:none}.studio-update-toast :focus-visible{outline:2px solid var(--st-accent);outline-offset:3px}
@media(max-width:600px){.studio-update-toast{right:16px;left:16px;top:calc(72px + env(safe-area-inset-top));bottom:auto;width:auto;padding:18px}}
@media(prefers-reduced-motion:reduce){.studio-update-toast{transition:none}}
