/* 5352 / STUDIO OS — Atelier visual system. Additive presentation layer only.
   Geometry of calendars, business data, permissions and event handlers retained. */
:root{
 --at-ink:#182024;--at-ink-deep:#111920;--at-muted:#5d6976;--at-blue:#4e66ee;
 --at-canvas:#eeeee9;--at-frost:rgba(253,254,252,.75);--at-surface:#fcfcf8;
 --at-stroke:rgba(37,52,66,.10);--at-accent:#6580ff;
 --at-ease:cubic-bezier(.22,1,.36,1);--at-spring:cubic-bezier(.16,1.22,.27,1);
 --at-dur:280ms;--at-xl:32px;
}
html{background:var(--at-canvas)}
body{background:radial-gradient(ellipse 49vw 39vw at 75% -13%,rgba(91,120,170,.09),transparent 75%),linear-gradient(135deg,#f3f4f0 0%,#eaece9 61%,#f0f1ef 100%)!important;color:var(--at-ink)!important;letter-spacing:-.013em}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.42;background-image:radial-gradient(rgba(41,61,81,.14) .45px,transparent .5px);background-size:8px 8px;mask-image:linear-gradient(100deg,transparent 25%,#000 95%)}
button,input,textarea,select{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','PingFang SC','Noto Sans SC',sans-serif!important}
button{cursor:pointer;transform-origin:center center}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #7086f8!important;outline-offset:3px}
.workspace-layout{--at-sidebar-bg:#151d23}
.workspace-content{position:relative;isolation:isolate;min-width:0}
/* Distinctive obsidian navigation. On small screens it is still the original drawer. */
.workspace-sidebar,html[data-theme="dark"] .workspace-sidebar{background:linear-gradient(158deg,#202b31 0%,#121a1f 46%,#0c141a 100%)!important;color:#e3e9e9!important;border:1px solid rgba(255,255,255,.085)!important;box-shadow:16px 0 55px rgba(15,28,43,.12)!important}
.workspace-sidebar::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 26% at 7% -1%,rgba(116,146,215,.2),transparent 85%);opacity:.85}
.workspace-brand{position:relative;min-height:79px;padding-bottom:18px!important;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:24px!important}
.workspace-brand-mark{background:#e8e9e2!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 8px 30px rgba(0,0,0,.22),inset 0 1px 0 #fff!important}
.workspace-brand strong{color:#f4f7fa!important;font-size:14.5px!important;letter-spacing:-.045em!important}
.workspace-brand span{color:#9aaab6!important;letter-spacing:.045em}
.nav-section-label{color:#768695!important;font-size:10px!important;letter-spacing:.24em!important;font-weight:700!important;margin-bottom:13px!important}
.workspace-nav{position:relative;gap:7px!important}
.workspace-nav-item,html[data-theme="dark"] .workspace-nav-item{position:relative;color:#a5b3bd!important;background:transparent!important;border:1px solid transparent!important;min-height:48px!important;border-radius:15px!important;padding:10px 12px!important;transition:background .24s var(--at-ease),color .24s,border-color .24s,transform .24s!important}
.workspace-nav-item .nav-icon{background:rgba(255,255,255,.035)!important;color:#a4b3c0!important;border-radius:10px!important;transition:background .24s,color .24s,transform .35s var(--at-spring)}
.workspace-nav-item:hover,html[data-theme="dark"] .workspace-nav-item:hover{background:rgba(239,247,255,.075)!important;color:#fff!important;border-color:rgba(255,255,255,.07)!important;transform:translateX(3px)}
.workspace-nav-item:hover .nav-icon{transform:rotate(-7deg) scale(1.06)}
.workspace-nav-item.active,html[data-theme="dark"] .workspace-nav-item.active{background:linear-gradient(100deg,rgba(106,133,249,.22),rgba(106,133,249,.035))!important;color:#fff!important;border-color:rgba(125,154,255,.19)!important;box-shadow:0 14px 33px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.08)!important}
.workspace-nav-item.active::before{content:"";position:absolute;left:-1px;top:13px;bottom:13px;width:3px;border-radius:5px;background:#9baeff;box-shadow:0 0 15px #6f8afb}
.workspace-nav-item.active .nav-icon{background:rgba(119,146,253,.19)!important;color:#e0e6ff!important}
.workspace-nav-item b{background:rgba(113,144,230,.17)!important;color:#d7e4ff!important}
.workspace-sidebar-foot{border-top:1px solid rgba(255,255,255,.08)!important;color:#8597a6!important}
.workspace-sidebar-foot span,.workspace-sidebar-foot small{color:#8999a6!important}
/* Floating liquid-glass navigation instead of a flat admin header. */
.workspace-topbar,html[data-theme="dark"] .workspace-topbar{position:sticky!important;top:9px!important;z-index:95!important;min-height:68px!important;margin:9px clamp(12px,1.7vw,28px) 0!important;padding:0 clamp(14px,1.8vw,26px)!important;border:1px solid rgba(255,255,255,.86)!important;border-radius:20px!important;background:linear-gradient(110deg,rgba(255,255,255,.84),rgba(251,252,254,.65))!important;box-shadow:0 18px 56px rgba(23,37,49,.10),0 3px 8px rgba(35,54,74,.035),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(73,92,127,.06)!important;backdrop-filter:blur(28px) saturate(1.55)!important;-webkit-backdrop-filter:blur(28px) saturate(1.55)!important;transition:background .36s,box-shadow .36s,border-color .36s,transform .3s var(--at-ease)!important;overflow:visible}
.workspace-topbar::before{content:"";position:absolute;inset:1px 24px auto 24px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,1),transparent)}
body.at-scrolled .workspace-topbar{background:rgba(253,254,252,.92)!important;box-shadow:0 14px 46px rgba(25,36,55,.14),inset 0 1px 0 rgba(255,255,255,1)!important;border-color:rgba(255,255,255,.91)!important}
.at-scroll-track{position:absolute;left:25px;right:25px;bottom:-1px;height:2px;overflow:hidden;border-radius:0 0 5px 5px;pointer-events:none}
.at-scroll-track span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#3f5bff,#88b4e4);opacity:.8;will-change:transform}
.at-head-symbol{display:flex;gap:10px;align-items:center;margin-right:17px;padding-right:18px;border-right:1px solid rgba(69,87,104,.13);flex-shrink:0}
.at-head-symbol-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#141d26;box-shadow:0 4px 13px rgba(15,28,43,.18);color:#fff;font-size:11px;letter-spacing:-.04em;font-weight:850}
.at-head-symbol small{display:block;color:#7e8b96;font-size:9px;font-weight:750;letter-spacing:.13em}
.at-head-symbol strong{font-size:11.5px;font-weight:850;letter-spacing:-.04em;color:var(--at-ink)}
.module-title-block>span{font-size:10px!important;color:#778794!important;letter-spacing:.045em}
.module-title-block>strong{font-size:17px!important;color:#18232c!important;letter-spacing:-.055em!important}
.topbar-actions{gap:10px!important}
.profile-trigger,.v11-theme-toggle,.navigation-toggle,.sync-pill{border-radius:13px!important;background:rgba(255,255,255,.55)!important;border:1px solid rgba(43,64,89,.10)!important;box-shadow:0 1px 0 rgba(255,255,255,.85) inset!important;min-height:37px}
.profile-trigger:hover,.v11-theme-toggle:hover,.navigation-toggle:hover{background:#fff!important;box-shadow:0 6px 22px rgba(38,57,85,.10)!important;transform:translateY(-1px)}
.profile-popover{border-radius:22px!important;box-shadow:0 35px 85px rgba(21,31,46,.2)!important;backdrop-filter:blur(38px) saturate(1.4)!important}
.primary-button,.round-add-button{background:#1d2633!important;color:#fff!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 8px 20px rgba(22,35,54,.18),inset 0 1px 0 rgba(255,255,255,.15)!important;transition:transform .25s var(--at-spring),box-shadow .25s,background .25s!important}
.primary-button:hover,.round-add-button:hover{background:#364cfa!important;box-shadow:0 13px 29px rgba(56,77,220,.25)!important;transform:translateY(-2px)}
.primary-button:active,.round-add-button:active{transform:translateY(0) scale(.96)!important}
/* Typographic system: readable micro labels, strong numerals, discrete editorial overlines. */
.v11-eyebrow,.v11-section-heading>div>span,.v11-feature-heading,.v11-overline,.v12-context-title>span,.panel-eyebrow,.release-section-head>div>span,.section-heading-row>div>span{font-size:11px!important;letter-spacing:.14em!important;font-weight:770!important}
.v11-page-heading h1{font-weight:790!important;letter-spacing:-.075em!important}
.v11-page-heading p,.release-hero p,.workspace-hero p{font-size:14px!important;line-height:1.65!important}
.v11-metric-caption,.stat-label,.stream-account-submetrics,.v11-account-group-label,.v11-feature-heading,.v11-graph-footer,.v11-composition-legends{font-size:12.5px!important}
/* Premium, unmistakable surfaces. */
.workspace-dashboard{position:relative}
.workspace-dashboard::before{content:"";pointer-events:none;position:absolute;top:0;right:3%;width:min(40vw,610px);height:360px;z-index:-1;background:radial-gradient(ellipse,rgba(131,159,215,.14),transparent 69%);transform:translate3d(0,var(--at-depth,0px),0);will-change:transform}
.workspace-hero,.release-hero,.calendar-card,.day-panel,.release-calendar-card,.release-day-panel,.week-view,.catalog-sheet,.release-overview,.stat-card,.v11-big-metric,.v11-graph-card,.v11-metric-mini,.v11-insight,.v12-portfolio-card{border-color:rgba(41,61,82,.11)!important;box-shadow:0 20px 60px rgba(44,57,75,.065),0 2px 4px rgba(49,60,74,.035)!important}
.v11-big-metric,.v11-graph-card,.release-hero,.workspace-hero{isolation:isolate}
.v11-big-metric::after,.workspace-hero::after,.release-hero::after,.v11-graph-card::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(370px circle at var(--at-x,80%) var(--at-y,10%),rgba(255,255,255,.14),transparent 80%);opacity:.7;transition:opacity .4s}
.v11-big-metric>* ,.workspace-hero>*,.release-hero>*,.v11-graph-card>*{position:relative;z-index:1}
.v11-big-metric{background:linear-gradient(145deg,#fdfdfa,#f6f8f4 54%,#eef0ee)!important;border-radius:29px!important;padding:31px!important}
.v11-big-metric::before{opacity:.62!important;right:-16%!important;top:20%!important;background:radial-gradient(circle,rgba(109,149,207,.23),transparent 71%)!important}
.v11-graph-card{background:radial-gradient(ellipse 60% 75% at 73% -14%,rgba(96,121,214,.23),transparent 76%),linear-gradient(147deg,#141c25 15%,#202a3a 74%,#121b29)!important;border:1px solid rgba(89,112,167,.23)!important;border-radius:29px!important}
.v11-graph-card::before{content:"";pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(rgba(214,226,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(214,226,255,.025) 1px,transparent 1px);background-size:44px 44px;opacity:.62;mask-image:linear-gradient(to bottom,transparent 0%,black 30%,black 80%,transparent)}
.v11-graph-overline>div>span,.v11-graph-overline h2{color:#f2f4fc!important}
.v11-graph-overline h2 em{color:#b1c6fa!important}
.v11-display-num{letter-spacing:-.078em!important}
.v11-metric-strip{gap:13px!important}
.v11-metric-mini{border-radius:20px!important;background:linear-gradient(149deg,#fff,#f9f9f5)!important;transition:transform .36s var(--at-spring),box-shadow .36s,border-color .3s!important;overflow:hidden}
.v11-metric-mini::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 83% 68% at var(--at-x,85%) var(--at-y,0%),rgba(129,150,213,.14),transparent 74%);opacity:0;transition:opacity .25s}
.v11-metric-mini:hover::before{opacity:1}
.v11-metric-mini:hover,.v12-portfolio-card:hover,.v11-insight:hover{transform:translateY(-4px)!important;box-shadow:0 24px 47px rgba(48,66,108,.12)!important;border-color:rgba(88,107,158,.2)!important}
.v11-metric-revenue{background:linear-gradient(142deg,#dfe6ff,#f3f5ff)!important}
.v11-account-columns{gap:24px!important}
.v11-account-group-label{padding:8px 2px 12px!important;border-bottom:1px solid rgba(65,77,98,.13);margin-bottom:13px!important}
.v12-portfolio-card{border-radius:24px!important;background:linear-gradient(160deg,#fff,#f8f9f5)!important;border:1px solid rgba(31,54,84,.11)!important;transition:transform .38s var(--at-spring),box-shadow .38s,border-color .28s!important}
.v12-portfolio-card .stream-account-avatar{filter:drop-shadow(0 4px 7px rgba(27,41,55,.10))}
.v11-insight{border-radius:20px!important;background:linear-gradient(150deg,#fff,#f7f9f7)!important}
.v11-section-heading h2{font-weight:760!important;letter-spacing:-.057em!important}
/* Liquid control island with edge refraction and genuine moving gliders. */
.v12-floating-toolbar{border:1px solid rgba(255,255,255,.96)!important;border-radius:22px!important;background:linear-gradient(112deg,rgba(255,255,255,.91),rgba(250,251,252,.70))!important;backdrop-filter:blur(32px) saturate(1.65)!important;-webkit-backdrop-filter:blur(32px) saturate(1.65)!important;box-shadow:0 12px 39px rgba(39,53,81,.09),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(78,92,121,.08)!important}
.v12-floating-toolbar.v12-is-scrolled{box-shadow:0 19px 54px rgba(39,53,81,.15),inset 0 1px 0 #fff!important}
.v12-liquid-tabs,.v12-platform-switch{border-radius:16px!important;background:rgba(41,56,79,.065)!important}
.v12-tab-glider,.v12-platform-glider{border-radius:13px!important;background:linear-gradient(164deg,#fff,rgba(246,248,254,.88))!important;border:1px solid rgba(255,255,255,.86)!important;box-shadow:0 5px 12px rgba(56,74,117,.13),inset 0 1px 0 #fff!important;transition:transform .53s var(--at-spring),width .4s var(--at-ease)!important}
.v12-platform-glider{background:#1a2637!important;border-color:#374657!important;box-shadow:0 6px 15px rgba(26,36,54,.23)!important}
.v12-liquid-tabs button,.v12-platform-switch button{font-size:12px!important;letter-spacing:-.015em;min-height:39px;transition:color .23s,transform .24s!important}
.v12-liquid-tabs button:hover,.v12-platform-switch button:hover{transform:translateY(-1px)}
/* Preserve calendar geometry: material, hierarchy and interaction only. */
.workspace-hero,.release-hero{position:relative;isolation:isolate;background:linear-gradient(128deg,#202a35 0%,#182229 63%,#303d50 100%)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:29px!important;color:#f3f6f8!important;box-shadow:0 24px 58px rgba(27,38,57,.17)!important;overflow:hidden}
.workspace-hero::before,.release-hero::before{content:"";position:absolute;right:-55px;top:-130px;width:460px;height:390px;border-radius:50%;border:1px solid rgba(229,239,255,.14);box-shadow:0 0 0 38px rgba(228,240,255,.025),0 0 0 94px rgba(220,234,252,.018);pointer-events:none;transform:translateY(calc(var(--at-depth,0px) * -.35))}
.workspace-hero h1,.release-hero h1{color:#fff!important;font-weight:770!important;letter-spacing:-.07em!important}
.workspace-hero p,.release-hero p{color:#bac8d6!important}
.release-hero>div:first-child>span,.release-hero-metric span,.release-hero-metric small{color:#a5b7cb!important}
.release-hero-metric{background:rgba(240,248,255,.075)!important;backdrop-filter:blur(16px)!important;border-color:rgba(255,255,255,.12)!important;border-radius:20px!important}
.release-hero-metric strong{color:#f7f9ff!important}
.stats-strip{gap:12px!important}
.stat-card{border-radius:20px!important;background:linear-gradient(155deg,#fff,#f6f8f6)!important;transition:transform .32s var(--at-spring),box-shadow .32s!important}
.stat-card:hover{transform:translateY(-3px)!important;box-shadow:0 19px 41px rgba(30,48,75,.1)!important}
.stat-label{font-size:12px!important;color:#596879!important}
.stat-main strong,.progress-line strong{letter-spacing:-.075em!important}
.section-heading-row h3,.release-section-head h2{font-weight:790!important;letter-spacing:-.055em!important}
.calendar-card,.release-calendar-card{border-radius:25px!important;background:#fff!important;overflow:hidden}
.day-panel,.release-day-panel{border-radius:25px!important;background:linear-gradient(175deg,#fff,#f8faf9)!important;overflow:hidden}
.calendar-toolbar{background:linear-gradient(145deg,#fff,#f7f9f9)!important;border-bottom:1px solid rgba(57,75,93,.11)!important}
.calendar-cell,.release-calendar-cell{transition:background .23s,border-color .23s,box-shadow .23s!important}
.calendar-cell:hover:not(.other-month),.release-calendar-cell:hover{background:rgba(91,116,199,.038)!important}
.calendar-cell.selected,.release-calendar-cell.selected{background:linear-gradient(160deg,rgba(110,135,242,.082),rgba(110,135,242,.019))!important;box-shadow:inset 0 0 0 1.5px rgba(90,117,232,.34)!important}
.task-row{transition:background .2s,transform .26s var(--at-ease),box-shadow .2s,border-color .2s!important}
.task-row:hover:not(.dragging){box-shadow:0 5px 14px rgba(54,66,103,.1)!important;transform:translateX(2px)}
.task-checkbox{position:relative;transition:background .18s,box-shadow .24s,transform .38s var(--at-spring)!important}
.task-checkbox:hover{box-shadow:0 0 0 5px rgba(76,108,226,.1)!important;transform:scale(1.085)}
.task-checkbox.checked{animation:at-check-spring .42s var(--at-spring)!important}
@keyframes at-check-spring{0%{transform:scale(.74)}42%{transform:scale(1.21)}100%{transform:scale(1)}}
.release-chip{transition:transform .24s var(--at-ease),box-shadow .24s,border-color .24s!important}
.release-chip:hover{transform:translateY(-1px);box-shadow:0 7px 17px rgba(23,47,82,.11)!important}
.day-panel-header,.release-day-head{background:linear-gradient(110deg,rgba(252,253,255,.95),rgba(242,246,247,.83))!important}
.day-panel-header h2,.release-day-head h2{letter-spacing:-.055em!important}
.day-task-list .task-row{border-radius:13px!important}
.release-overview-card,.catalog-sheet{background:linear-gradient(150deg,#fff,#f8f9f6)!important;border-radius:25px!important}
.catalog-table,.catalog-sheet-row,.catalog-table-row{font-variant-numeric:tabular-nums}
.catalog-sheet-row:hover,.catalog-table-row:hover{background:rgba(85,113,177,.055)!important}
/* Interactions — no writes, no synthetic data. */
.at-click-wave{position:fixed;left:0;top:0;width:13px;height:13px;transform:translate(-50%,-50%);border:1px solid rgba(91,122,255,.55);border-radius:50%;pointer-events:none;z-index:99997;animation:at-wave .52s var(--at-ease) forwards}
@keyframes at-wave{from{opacity:.85;scale:.2}to{opacity:0;scale:4.4}}
.at-spark{position:fixed;left:0;top:0;width:3.5px;height:3.5px;pointer-events:none;z-index:99998;border-radius:1px;background:var(--at-spark-color,#6f88ff);transform:translate(-50%,-50%);animation:at-spark .64s cubic-bezier(.18,.77,.24,1) forwards}
@keyframes at-spark{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}16%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--r)) scale(.33)}}
.at-ui-enter{animation:at-ui-enter .6s var(--at-ease) both;animation-delay:var(--at-delay,0ms)}
@keyframes at-ui-enter{from{opacity:.35;transform:translateY(12px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
.at-ripple{position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(ellipse at var(--at-x,50%) var(--at-y,50%),rgba(138,160,255,.2),transparent 58%);transition:opacity .25s}
.at-ripple-shell:hover>.at-ripple{opacity:1}
.modal-backdrop,.stream-modal-backdrop{backdrop-filter:blur(12px) saturate(.9)!important;-webkit-backdrop-filter:blur(12px) saturate(.9)!important}
.task-dialog,.release-dialog,.stream-account-modal,.profile-popover{border:1px solid rgba(255,255,255,.65)!important;box-shadow:0 38px 95px rgba(10,27,46,.27),inset 0 1px 0 rgba(255,255,255,.65)!important}
.icon-button,.secondary-button,.filter-chips button,.todo-type-filter button,.release-subnav button{transition:transform .24s var(--at-spring),background .22s,border-color .22s,box-shadow .22s!important}
.icon-button:hover,.secondary-button:hover,.filter-chips button:hover,.todo-type-filter button:hover{transform:translateY(-1px)}
@media(hover:hover) and (pointer:fine){.v11-metric-mini:hover,.v12-portfolio-card:hover,.stat-card:hover{cursor:default}.v11-metric-mini[role="button"]:hover,.v12-portfolio-card[role="button"]:hover{cursor:pointer}}
/* Dark mode: designed independently, not a color inversion. */
html[data-theme="dark"]{--at-ink:#e9eff5;--at-muted:#9eafbf;--at-canvas:#10191f;--at-frost:rgba(29,41,54,.74);--at-stroke:rgba(198,218,244,.16)}
html[data-theme="dark"] body{background:radial-gradient(ellipse 62vw 31vw at 80% -9%,rgba(72,95,145,.15),transparent 78%),#101820!important;color:#eaf1f6!important}
html[data-theme="dark"] .workspace-topbar{background:linear-gradient(115deg,rgba(30,42,54,.88),rgba(22,34,45,.74))!important;border-color:rgba(180,202,233,.18)!important;box-shadow:0 18px 52px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)!important}
html[data-theme="dark"] body.at-scrolled .workspace-topbar{background:rgba(27,38,50,.94)!important;border-color:rgba(180,202,233,.21)!important}
html[data-theme="dark"] .at-head-symbol strong,html[data-theme="dark"] .module-title-block>strong{color:#eff4fc!important}
html[data-theme="dark"] .at-head-symbol{border-color:rgba(211,225,255,.12)}
html[data-theme="dark"] .at-head-symbol-mark{background:#dbe5f5;color:#192333}
html[data-theme="dark"] .at-head-symbol small,html[data-theme="dark"] .module-title-block>span{color:#99afc2!important}
html[data-theme="dark"] .profile-trigger,html[data-theme="dark"] .v11-theme-toggle,html[data-theme="dark"] .navigation-toggle,html[data-theme="dark"] .sync-pill{background:rgba(223,236,253,.06)!important;border-color:rgba(223,236,253,.12)!important;color:#d8e5f7!important}
html[data-theme="dark"] .v11-big-metric,html[data-theme="dark"] .v11-metric-mini,html[data-theme="dark"] .v12-portfolio-card,html[data-theme="dark"] .v11-insight,html[data-theme="dark"] .stat-card,html[data-theme="dark"] .calendar-card,html[data-theme="dark"] .day-panel,html[data-theme="dark"] .release-calendar-card,html[data-theme="dark"] .release-day-panel,html[data-theme="dark"] .catalog-sheet,html[data-theme="dark"] .release-overview-card{background:linear-gradient(150deg,#202d38,#18232e)!important;border-color:rgba(155,182,211,.13)!important;color:#e6eef8!important}
html[data-theme="dark"] .v11-graph-card{background:radial-gradient(ellipse 62% 46% at 82% -12%,rgba(102,128,210,.19),transparent 76%),linear-gradient(147deg,#101821,#1b2739)!important}
html[data-theme="dark"] .calendar-toolbar,html[data-theme="dark"] .day-panel-header,html[data-theme="dark"] .release-day-head{background:linear-gradient(135deg,#202c3a,#172432)!important;border-color:rgba(171,190,218,.13)!important}
html[data-theme="dark"] .release-calendar-cell,html[data-theme="dark"] .calendar-cell{background:#202c38!important}
html[data-theme="dark"] .calendar-cell:hover,html[data-theme="dark"] .release-calendar-cell:hover{background:#2a394e!important}
html[data-theme="dark"] .v12-floating-toolbar{background:rgba(30,42,56,.87)!important;border-color:rgba(162,188,232,.17)!important;box-shadow:0 16px 47px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.09)!important}
html[data-theme="dark"] .v12-tab-glider{background:linear-gradient(150deg,#425770,#32465f)!important;border-color:rgba(165,187,223,.13)!important;box-shadow:0 6px 16px rgba(0,0,0,.18)!important}
html[data-theme="dark"] .v12-liquid-tabs button.active{color:#f6f8ff!important}
html[data-theme="dark"] .v11-metric-revenue{background:linear-gradient(144deg,#243453,#202d47)!important}
html[data-theme="dark"] .v11-big-metric .v11-display-num{color:#eff3ff!important}
html[data-theme="dark"] .workspace-hero,html[data-theme="dark"] .release-hero{background:linear-gradient(132deg,#1d2b3b,#16212b 67%,#34415a)!important}
/* Responsive: keep right day-detail next to calendar whenever existing layout permits. */
@media(min-width:2201px){.at-head-symbol{display:none}.workspace-topbar{margin-left:14px!important}}
@media(max-width:1200px){.at-head-symbol{margin-right:12px;padding-right:12px}.at-head-symbol small{display:none}.at-head-symbol strong{font-size:10px}.workspace-topbar{min-height:62px!important}.v11-page-heading h1{font-size:clamp(46px,6vw,68px)!important}}
@media(max-width:760px){
 .workspace-topbar{margin:6px 7px 0!important;top:5px!important;min-height:59px!important;padding:0 10px!important;border-radius:16px!important}
 .at-head-symbol{gap:0;padding:0;margin:0 8px 0 0;border:0}.at-head-symbol strong,.at-head-symbol small{display:none}.at-head-symbol-mark{width:30px;height:30px;border-radius:9px;font-size:10px}
 .workspace-heading{gap:6px!important}.module-title-block>span{font-size:9px!important}.module-title-block>strong{font-size:14px!important}
 .topbar-actions{gap:5px!important}.v11-theme-toggle,.sync-pill{min-height:31px!important}.v11-theme-toggle span{display:none}
 .v11-feature-grid{gap:13px!important}.v11-big-metric,.v11-graph-card{border-radius:22px!important}
 .v11-metric-mini{min-height:132px!important}.v11-metric-mini strong{letter-spacing:-.058em!important}
 .stats-strip{gap:7px!important}.stat-card{border-radius:16px!important}
 .workspace-hero,.release-hero{border-radius:21px!important}.release-hero::before,.workspace-hero::before{opacity:.48}
 .calendar-card,.day-panel,.release-calendar-card,.release-day-panel{border-radius:18px!important}
 .v11-account-columns{gap:14px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.at-spark,.at-click-wave{display:none!important}.workspace-dashboard::before{transform:none!important}}
/* Atelier performance stage: one integrated instrument, not two unrelated KPI cards.
   Keeps the exact existing SVG trend, platform values and inspector actions. */
@media(min-width:1121px){
 .daily-workspace-dashboard .v11-feature-grid{
   display:grid!important;grid-template-columns:minmax(0,1.78fr) minmax(310px,.82fr)!important;gap:0!important;
   background:radial-gradient(ellipse 50% 100% at 95% 0%,#354052,#151c27 75%);
   padding:10px;border-radius:34px;overflow:hidden;box-shadow:0 34px 85px rgba(19,28,43,.15),inset 0 1px 0 rgba(255,255,255,.16);
   border:1px solid rgba(255,255,255,.15);
 }
 .daily-workspace-dashboard .v11-graph-card{
   grid-area:1 / 1 / 2 / 2!important;min-height:520px!important;
   border:0!important;border-radius:25px 4px 4px 25px!important;
   background:radial-gradient(ellipse 48% 67% at 60% 28%,rgba(96,119,181,.13),transparent),linear-gradient(145deg,#18222d,#17212d)!important;
   box-shadow:none!important;padding:34px 31px!important;
 }
 .daily-workspace-dashboard .v11-big-metric{
   grid-area:1 / 2 / 2 / 3!important;min-height:520px!important;
   border:0!important;border-left:1px solid rgba(209,220,245,.13)!important;
   border-radius:4px 25px 25px 4px!important;
   background:linear-gradient(137deg,rgba(233,239,255,.065),rgba(255,255,255,.015))!important;
   color:#f3f6fa!important;box-shadow:none!important;padding:34px 31px!important;
 }
 .daily-workspace-dashboard .v11-big-metric::before{background:radial-gradient(circle,rgba(110,132,248,.2),transparent 74%)!important;opacity:.9!important}
 .daily-workspace-dashboard .v11-big-metric .v11-display-num{color:#f7f9ff!important;font-size:clamp(47px,4vw,79px)!important}
 .daily-workspace-dashboard .v11-big-metric .v11-metric-caption,
 .daily-workspace-dashboard .v11-big-metric .v11-feature-heading,
 .daily-workspace-dashboard .v11-big-metric .v11-composition span,
 .daily-workspace-dashboard .v11-big-metric .v11-composition b,
 .daily-workspace-dashboard .v11-big-metric .v11-composition-legends{color:#c0cce0!important}
 .daily-workspace-dashboard .v11-big-metric .v11-metric-change{color:#b8f4d7!important;background:rgba(41,134,94,.19)!important;border-color:rgba(129,213,175,.21)!important}
 .daily-workspace-dashboard .v11-big-metric .v11-composition{border-color:rgba(226,236,252,.16)!important}
 .daily-workspace-dashboard .v11-big-metric .v11-composition-line{background:rgba(243,247,255,.21)!important}
 .daily-workspace-dashboard .v11-big-metric .v11-feature-heading .v11-wave-icon{color:#cdd7ff!important;background:rgba(214,225,255,.13)!important}
}
/* The metric ribbon is a single editorial instrument with clear internal divisions. */
@media(min-width:761px){
 .v11-metric-strip{gap:0!important;padding:6px!important;border:1px solid rgba(43,61,88,.11);border-radius:24px;background:linear-gradient(120deg,#fefefb,#f3f6f4);box-shadow:0 18px 45px rgba(38,55,80,.07)!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
 .v11-metric-strip .v11-metric-mini{min-width:0!important;box-shadow:none!important;border-radius:16px!important;border:0!important;border-right:1px solid rgba(37,57,87,.11)!important;background:transparent!important;padding:25px 20px!important;transition:background .3s,transform .3s!important}
 .v11-metric-strip .v11-metric-mini:last-child{border-right:0!important}
 .v11-metric-strip .v11-metric-mini:hover{background:rgba(120,144,209,.1)!important;transform:none!important;box-shadow:none!important}
 .v11-metric-strip .v11-metric-revenue{background:linear-gradient(155deg,rgba(190,203,255,.39),rgba(215,226,255,.14))!important}
}
/* Album sleeves / irregular portfolio rhythm. More recognisable than a generic 3x2 grid. */
@media(min-width:1320px){
 .v11-overview .v11-account-columns{display:block!important}
 .v11-overview .v11-account-columns>section{margin:0 0 35px}
 .v11-overview .stream-account-grid.core{display:grid!important;grid-template-columns:1.18fr .92fr .92fr!important;gap:13px!important}
 .v11-overview .stream-account-grid.new{display:grid!important;grid-template-columns:.92fr 1.18fr .92fr!important;gap:13px!important}
 .v11-overview .stream-account-grid.new .v12-portfolio-card:nth-child(2){background:linear-gradient(145deg,#f0f3ff,#fefdfc)!important}
 .v11-overview .stream-account-grid.core .v12-portfolio-card:first-child{background:linear-gradient(145deg,#dfe6f0,#fefdf9)!important}
}
/* Variation is contextual: content remains fully readable and clickable. */
.v12-portfolio-card{position:relative;isolation:isolate;overflow:hidden!important}
.v12-portfolio-card::after{content:"";position:absolute;pointer-events:none;right:-60px;top:-70px;width:195px;height:195px;border-radius:50%;border:1px solid rgba(101,128,181,.13);box-shadow:0 0 0 31px rgba(101,128,181,.045),0 0 0 70px rgba(101,128,181,.025);transform:scale(1);opacity:.86;transition:transform .45s var(--at-ease)}
.v12-portfolio-card:hover::after{transform:scale(1.12)}
.v12-portfolio-card>*{position:relative;z-index:1}
.v12-portfolio-card .stream-account-identity h3{font-size:clamp(15px,1.15vw,19px)!important;letter-spacing:-.055em!important}
.v12-portfolio-card .stream-account-number strong{font-size:clamp(28px,2.5vw,43px)!important;letter-spacing:-.065em!important}
.v11-insight-row{gap:12px!important}
.v11-insight{min-height:162px!important;padding:25px!important;position:relative;overflow:hidden}
.v11-insight::before{content:"";position:absolute;right:17px;top:15px;width:21px;height:21px;background:conic-gradient(from 180deg at 50% 50%,#8ba2d9 0 2px,transparent 2px 25%,#8ba2d9 25% 26%,transparent 26%);opacity:.6}
/* Mobile keeps scroll native and information visible. */
@media(max-width:1120px){.v11-feature-grid{grid-template-columns:1fr!important}.v11-big-metric{background:linear-gradient(145deg,#e5eaf4,#fbfcfa)!important}}
html[data-theme="dark"] .daily-workspace-dashboard .v11-feature-grid{background:#101720!important;border-color:rgba(165,188,227,.2)!important}
html[data-theme="dark"] .v11-metric-strip{background:#202d38!important;border-color:rgba(173,195,221,.16)!important}
html[data-theme="dark"] .v11-metric-strip .v11-metric-mini{color:#e9f0fa!important;border-color:rgba(179,200,231,.15)!important;background:transparent!important}
html[data-theme="dark"] .v11-metric-strip .v11-metric-revenue{background:rgba(84,109,192,.19)!important}
html[data-theme="dark"] .v11-overview .stream-account-grid.new .v12-portfolio-card:nth-child(2),html[data-theme="dark"] .v11-overview .stream-account-grid.core .v12-portfolio-card:first-child{background:linear-gradient(140deg,#243650,#192833)!important}
@media(prefers-reduced-motion:reduce){.v12-portfolio-card::after{transition:none!important}}

/* Late contrast audit fixes. */
html[data-theme="dark"] .v12-platform-glider{background:#d7e4fb!important;border-color:rgba(243,248,255,.8)!important;box-shadow:0 7px 18px rgba(0,0,0,.22)!important}
html[data-theme="dark"] .v12-platform-switch button.active{color:#15243b!important;font-weight:830!important}
.workspace-hero .hero-metric,.workspace-hero .hero-progress,.workspace-hero .hero-highlight,.workspace-hero .hero-today-progress{border-color:rgba(234,244,255,.24)!important;background:rgba(219,235,255,.09)!important;backdrop-filter:blur(18px)}
.workspace-hero .hero-metric span,.workspace-hero .hero-metric small,.workspace-hero .hero-progress span,.workspace-hero .hero-progress small{color:#c5d1e1!important}
.workspace-hero .hero-metric strong,.workspace-hero .hero-progress strong{color:#f4f6ff!important}
.workspace-hero .hero-metric circle,.workspace-hero .hero-progress circle{stroke:#88a9ff!important}
/* Drawer regression: the brand row must never cover the close control. */
.workspace-sidebar .navigation-close{z-index:6!important;isolation:isolate;background:rgba(246,251,255,.11)!important;color:#e8f0ff!important;border:1px solid rgba(226,241,255,.21)!important;backdrop-filter:blur(8px)!important}
.workspace-sidebar .navigation-close:hover{background:rgba(226,238,255,.23)!important}
.workspace-sidebar .workspace-brand{z-index:1}
/* The sign-in surface belongs to the same Studio OS language; form/auth flows unchanged. */
.auth-shell{position:relative;isolation:isolate;background:radial-gradient(ellipse 62% 57% at 58% 6%,rgba(111,140,218,.21),transparent),linear-gradient(138deg,#e9ecea,#e4e7e7 66%,#edf0ef)!important}
.auth-shell::before{content:"5352";position:absolute;z-index:-1;top:7%;left:5%;font-size:clamp(90px,21vw,340px);font-weight:850;letter-spacing:-.11em;color:rgba(40,59,72,.035);pointer-events:none}
.auth-card{border-radius:31px!important;border:1px solid rgba(255,255,255,.87)!important;background:linear-gradient(155deg,rgba(255,255,255,.92),rgba(251,252,251,.73))!important;backdrop-filter:blur(36px) saturate(1.4)!important;box-shadow:0 40px 100px rgba(22,41,63,.16),inset 0 1px 0 rgba(255,255,255,.94)!important;padding:36px 32px!important}
.auth-card .app-mark{background:linear-gradient(150deg,#24323f,#111b24)!important;color:#fff!important;border-radius:15px!important;box-shadow:0 10px 22px rgba(32,49,73,.19)!important}
.auth-card h1{font-size:27px!important;letter-spacing:-.065em!important;font-weight:810!important}
.auth-card>p{font-size:12px!important;letter-spacing:.02em}
.auth-card label{font-size:12px!important;color:#485665!important;margin-top:18px!important}
.auth-card input{font-size:14px!important;padding:13px 15px!important;border-radius:12px!important;background:rgba(240,243,245,.85)!important;border-color:rgba(55,75,95,.13)!important}
.auth-card input:focus{box-shadow:0 0 0 4px rgba(105,134,233,.13)!important;border-color:#8095f8!important}
.auth-card small{font-size:11px!important}
html[data-theme="dark"] .auth-shell{background:radial-gradient(ellipse at 66% -5%,rgba(106,130,193,.20),transparent 63%),#101b25!important}
html[data-theme="dark"] .auth-card{background:linear-gradient(140deg,rgba(41,55,70,.97),rgba(26,37,48,.94))!important;border-color:rgba(163,190,223,.19)!important;color:#e7f0fb}
html[data-theme="dark"] .auth-card label{color:#afc0d3!important}
html[data-theme="dark"] .auth-card input{background:#192635!important;color:#f3f7ff!important;border-color:rgba(152,176,215,.22)!important}
/* Automation is part of Release, so its surfaces must follow the theme too. */
.automation-panel{background:linear-gradient(155deg,#fff,#f8faf8)!important;border:1px solid rgba(45,66,89,.12)!important;border-radius:22px!important;box-shadow:0 17px 44px rgba(36,54,80,.055)!important}
.automation-panel-head{background:rgba(241,246,248,.42);border-color:rgba(45,66,89,.10)!important}
.automation-system-details summary:hover,.automation-rule-row:hover{background:rgba(94,125,202,.07)!important}
.automation-builtin-groups,.automation-rule-row,.automation-editor{border-color:rgba(68,89,123,.11)!important}
.automation-editor{background:rgba(242,246,250,.37)!important}
html[data-theme="dark"] .automation-panel{background:linear-gradient(155deg,#1f2d3b,#172431)!important;border-color:rgba(148,174,218,.18)!important;box-shadow:0 20px 44px rgba(0,0,0,.15)!important}
html[data-theme="dark"] .automation-panel-head{background:rgba(72,95,142,.08)!important;border-color:rgba(162,193,229,.14)!important}
html[data-theme="dark"] .automation-panel-head h3,html[data-theme="dark"] .automation-builtin-row strong,html[data-theme="dark"] .automation-rule-row strong{color:#e9f1fd!important}
html[data-theme="dark"] .automation-system-details summary{color:#dbe8f8!important}
html[data-theme="dark"] .automation-system-details summary>span,html[data-theme="dark"] .automation-builtin-row small,html[data-theme="dark"] .automation-rule-row span,html[data-theme="dark"] .automation-empty,html[data-theme="dark"] .automation-rule-row small,html[data-theme="dark"] .automation-note,html[data-theme="dark"] .automation-section-header p{color:#a2b4ca!important}
html[data-theme="dark"] .automation-system-details summary:hover,html[data-theme="dark"] .automation-rule-row:hover{background:rgba(134,170,235,.09)!important}
html[data-theme="dark"] .automation-editor{background:#1b2938!important}
html[data-theme="dark"] .automation-editor label{color:#b8c9e0!important}
html[data-theme="dark"] .automation-editor input,html[data-theme="dark"] .automation-editor select{background:#182333!important;color:#e9f0fc!important;border-color:rgba(143,171,212,.23)!important}
html[data-theme="dark"] .automation-builtin-groups,html[data-theme="dark"] .automation-rule-row,html[data-theme="dark"] .automation-editor{border-color:rgba(153,181,214,.14)!important}
html[data-theme="dark"] .automation-panel-head h3 span{color:#c6d7f0!important;background:rgba(126,151,208,.17)!important}
html[data-theme="dark"] .automation-switch{background:#263447!important;color:#d5e2fa!important;border-color:rgba(169,188,222,.21)!important}
html[data-theme="dark"] .automation-switch.active{background:#193e38!important;color:#a2e6cd!important;border-color:#305f57!important}