/* Premium skin for Studio Manager v2. Loaded last; scoped to html[data-skin="premium"] so it can be switched off. */
html[data-skin="premium"]{--pm-ease:cubic-bezier(.32,.72,0,1);--pm-shell:color-mix(in oklab,var(--surface) 55%,var(--bg-canvas));--pm-hair:color-mix(in oklab,var(--text-1) 9%,transparent);--pm-hi:inset 0 1px 0 color-mix(in oklab,#fff 7%,transparent);--pm-amb:0 24px 48px -28px rgba(0,0,0,.55),0 2px 6px -2px rgba(0,0,0,.25)}
html[data-skin="premium"] body{background:radial-gradient(1200px 600px at 85% -10%,color-mix(in oklab,var(--brand) 7%,transparent),transparent 60%),var(--bg-canvas);background-attachment:fixed}

/* Double-bezel cards: outer tray (ring) + inner plate with top highlight */
html[data-skin="premium"] .v2-content .wl-card.v2-card,html[data-skin="premium"] .v2-content .g-kpi>.wl-card,html[data-skin="premium"] .v2-content .st-grp,html[data-skin="premium"] .v2-content .clh{border-radius:22px;border:1px solid var(--pm-hair);background:linear-gradient(180deg,color-mix(in oklab,var(--surface) 100%,#fff 2%),var(--surface));box-shadow:0 0 0 5px var(--pm-shell),0 0 0 6px var(--pm-hair),var(--pm-hi),var(--pm-amb);transition:transform .6s var(--pm-ease),box-shadow .6s var(--pm-ease)}
html[data-skin="premium"] .v2-content{gap:28px;padding-top:32px}
html[data-skin="premium"] .v2-content .g-2,html[data-skin="premium"] .v2-content .g-auto{gap:26px}
html[data-skin="premium"] .v2-content .g-kpi{gap:20px}
html[data-skin="premium"] .wl-card__header{border-bottom-color:var(--pm-hair)}

/* KPI tiles: quieter plate, bigger numerals */
html[data-skin="premium"] .v2-content .g-kpi>.wl-card,html[data-skin="premium"] .v2-content .g-kpi>*{border-radius:20px}
html[data-skin="premium"] .wl-stat__value{letter-spacing:-.02em}

/* Page head */
html[data-skin="premium"] .v2-ph-t h1,html[data-skin="premium"] .v2-ph h1{letter-spacing:-.025em}

/* Floating island top bar */
html[data-skin="premium"] .v2-top{top:10px;margin:10px 14px 0;height:54px;border-radius:999px;border:1px solid var(--pm-hair);background:color-mix(in oklab,var(--surface) 72%,transparent);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:var(--pm-hi),0 16px 40px -24px rgba(0,0,0,.6)}

/* Pills: buttons, segments, inputs */
html[data-skin="premium"] .wl-btn{border-radius:999px;transition:transform .5s var(--pm-ease),background-color .3s var(--pm-ease),border-color .3s var(--pm-ease),box-shadow .5s var(--pm-ease)}
html[data-skin="premium"] .wl-btn:active{transform:scale(.97)}
html[data-skin="premium"] .wl-btn--primary,html[data-skin="premium"] .wl-btn[data-variant="primary"]{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 20px -10px color-mix(in oklab,var(--brand) 70%,transparent)}
html[data-skin="premium"] .v2-seg{border-radius:999px;padding:3px}html[data-skin="premium"] .v2-seg button{border-radius:999px;transition:background-color .35s var(--pm-ease),color .35s var(--pm-ease)}
html[data-skin="premium"] .v2-in,html[data-skin="premium"] .v2-field input,html[data-skin="premium"] .v2-field select,html[data-skin="premium"] .v2-field textarea,html[data-skin="premium"] .st-in{border-radius:12px;transition:border-color .3s var(--pm-ease),box-shadow .4s var(--pm-ease)}

/* Drawers & modals: deeper glass sheet */
html[data-skin="premium"] .v2-drawer,html[data-skin="premium"] .v2-modal,html[data-skin="premium"] .wl-dialog{border-radius:24px;border:1px solid var(--pm-hair);box-shadow:0 0 0 6px color-mix(in oklab,var(--surface) 40%,transparent),var(--pm-hi),0 40px 80px -30px rgba(0,0,0,.7)}
html[data-skin="premium"] .v2-scrim,html[data-skin="premium"] .wl-dialog__overlay{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}

/* Tables: airier rows, softer dividers */
html[data-skin="premium"] .v2-table th{letter-spacing:.06em}
html[data-skin="premium"] .v2-table td{border-bottom-color:var(--pm-hair)}
html[data-skin="premium"] .v2-table tr.click{transition:background-color .35s var(--pm-ease)}

/* Sidebar active item */
html[data-skin="premium"] .wl-navrail__item{border-radius:12px;transition:background-color .35s var(--pm-ease),color .35s var(--pm-ease)}

/* Entry choreography: content plates rise in, staggered */
@media (prefers-reduced-motion:no-preference){
  html[data-skin="premium"] .v2-content>*{animation:pm-rise .9s var(--pm-ease) both}
  html[data-skin="premium"] .v2-content>*:nth-child(2){animation-delay:.06s}html[data-skin="premium"] .v2-content>*:nth-child(3){animation-delay:.12s}html[data-skin="premium"] .v2-content>*:nth-child(4){animation-delay:.18s}html[data-skin="premium"] .v2-content>*:nth-child(5){animation-delay:.24s}html[data-skin="premium"] .v2-content>*:nth-child(n+6){animation-delay:.3s}
  html[data-skin="premium"] .v2-content .g-kpi>*{animation:pm-rise .8s var(--pm-ease) both}html[data-skin="premium"] .v2-content .g-kpi>*:nth-child(2){animation-delay:.05s}html[data-skin="premium"] .v2-content .g-kpi>*:nth-child(3){animation-delay:.1s}html[data-skin="premium"] .v2-content .g-kpi>*:nth-child(4){animation-delay:.15s}html[data-skin="premium"] .v2-content .g-kpi>*:nth-child(5){animation-delay:.2s}
}
@keyframes pm-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ---- more motion ---- */
@media (prefers-reduced-motion:no-preference){
  /* hover lift on cards */
  html[data-skin="premium"] .v2-content .wl-card.v2-card:hover{transform:translateY(-3px);box-shadow:0 0 0 5px var(--pm-shell),0 0 0 6px color-mix(in oklab,var(--brand) 22%,var(--pm-hair)),var(--pm-hi),0 34px 60px -30px rgba(0,0,0,.65)}
  html[data-skin="premium"] .v2-content .wl-card .wl-stat__icon,html[data-skin="premium"] .v2-content .wl-card [class*="__icon"]{transition:transform .6s var(--pm-ease)}
  html[data-skin="premium"] .v2-content .wl-card:hover [class*="__icon"]{transform:translateY(-2px) rotate(-6deg) scale(1.06)}
  /* bars grow from the left */
  html[data-skin="premium"] .v2-content :is(.wl-progress__fill,.wl-bar__fill,.cr-wb i,.so-bar i,.fc-mbar i,.pk-bar i,.fc-tb i,.cal-load i){transform-origin:left center;animation:pm-grow 1.1s var(--pm-ease) both;animation-delay:.25s}
  html[data-skin="premium"] .v2-content [role="progressbar"]>*{transform-origin:left center;animation:pm-grow 1.1s var(--pm-ease) both;animation-delay:.25s}
  /* charts reveal left to right */
  html[data-skin="premium"] .v2-content .wl-card svg:not([class*="lucide"]):not(.lucide){animation:pm-wipe 1.3s var(--pm-ease) both;animation-delay:.2s}
  /* table rows cascade */
  html[data-skin="premium"] .v2-content .v2-table tbody tr{animation:pm-row .7s var(--pm-ease) both}
  html[data-skin="premium"] .v2-content .v2-table tbody tr:nth-child(1){animation-delay:0.180s}html[data-skin="premium"] .v2-content .v2-table tbody tr:nth-child(2){animation-delay:0.215s}html[data-skin="premium"] .v2-content .v2-table tbody tr:nth-child(3){animation-delay:0.250s}html[data-skin="premium"] .v2-content .v2-table tbody tr:nth-child(4){animation-delay:0.285s}html[data-skin="premium"] .v2-content .v2-table tbody tr:nth-child(5){animation-delay:0.320s}html[data-skin="premium"] .v2-content .v2-table tbody tr:nth-child(6){animation-delay:0.355s}html[data-skin="premium"] .v2-content .v2-table tbody tr:nth-child(7){animation-delay:0.390s}html[data-skin="premium"] .v2-content .v2-table tbody tr:nth-child(8){animation-delay:0.425s}html[data-skin="premium"] .v2-content .v2-table tbody tr:nth-child(9){animation-delay:0.460s}html[data-skin="premium"] .v2-content .v2-table tbody tr:nth-child(10){animation-delay:0.495s}html[data-skin="premium"] .v2-content .v2-table tbody tr:nth-child(11){animation-delay:0.530s}html[data-skin="premium"] .v2-content .v2-table tbody tr:nth-child(12){animation-delay:0.565s}
  html[data-skin="premium"] .v2-content .v2-table tbody tr:nth-child(n+13){animation-delay:.6s}
  /* kanban / board cards pop */
  html[data-skin="premium"] .v2-content :is(.wk-card,.crm-card,.so-card,.lb-card,.fl-tile){animation:pm-pop .7s var(--pm-ease) both;transition:transform .5s var(--pm-ease),box-shadow .5s var(--pm-ease)}
  html[data-skin="premium"] .v2-content :is(.wk-card,.crm-card,.so-card,.lb-card,.fl-tile):hover{transform:translateY(-2px)}
  /* button icon nudge */
  html[data-skin="premium"] .wl-btn svg{transition:transform .5s var(--pm-ease)}html[data-skin="premium"] .wl-btn:hover svg{transform:translateX(2px)}
  /* drawers & modals spring in */
  html[data-skin="premium"] .v2-drawer{animation:pm-slide .7s var(--pm-ease) both}
  html[data-skin="premium"] :is(.v2-modal,.wl-dialog){animation:pm-zoom .55s var(--pm-ease) both}
  html[data-skin="premium"] :is(.v2-scrim,.wl-dialog__overlay){animation:pm-fade .4s var(--pm-ease) both}
  /* sidebar items */
  html[data-skin="premium"] .wl-navrail__item svg{transition:transform .5s var(--pm-ease)}html[data-skin="premium"] .wl-navrail__item:hover svg{transform:scale(1.12)}
  /* topbar enters once */
  html[data-skin="premium"] .v2-top{animation:pm-drop .9s var(--pm-ease) both}
  /* live badge pulse (notifications only) */
  html[data-skin="premium"] .v2-badge{animation:pm-pulse 2.4s var(--pm-ease) infinite}
  /* number roll-in */
  html[data-skin="premium"] .pm-num{display:inline-block;animation:pm-num .9s var(--pm-ease) both}
}
@keyframes pm-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pm-wipe{from{clip-path:inset(0 100% 0 0);opacity:.4}to{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes pm-row{from{opacity:0}to{opacity:1}}
@keyframes pm-pop{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@keyframes pm-slide{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
@keyframes pm-zoom{from{transform:translateY(12px) scale(.96);opacity:0}to{transform:none;opacity:1}}
@keyframes pm-fade{from{opacity:0}to{opacity:1}}
@keyframes pm-drop{from{transform:translateY(-16px);opacity:0}to{transform:none;opacity:1}}
@keyframes pm-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in oklab,var(--danger) 55%,transparent)}50%{box-shadow:0 0 0 5px transparent}}
@keyframes pm-num{from{opacity:0;transform:translateY(.4em);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
html[data-skin="premium"] .v2-table td .wl-card,html[data-skin="premium"] .v2-table td [class*="wl-"]{animation:none}
@media (prefers-reduced-motion:no-preference){html[data-skin="premium"] .v2-content .wl-stat__value{animation:pm-num .9s var(--pm-ease) both;animation-delay:.2s}}
html[data-skin="premium"] .v2-content .wl-stat__label{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3}
html[data-skin="premium"] .v2-top{margin:10px 12px 0;padding:0 14px}
html[data-skin="premium"] .v2-top .v2-top-t{flex:none;overflow:visible}html[data-skin="premium"] .v2-searchbtn{min-width:36px;flex:0 1 220px}html[data-skin="premium"] .v2-as{max-width:180px;min-width:0;flex:0 1 auto}
html[data-skin="premium"] .v2-content .wl-stat__value{white-space:nowrap;font-size:clamp(22px,2.4vw,32px)}