/* =====================================================================
   SKINS – four complete visual identities on top of the token system.
   classic (default, in app.css) · atelier · nordic · carbon
   A skin fixes its own light/dark mode; the theme toggle is hidden for it.
   ===================================================================== */

/* ---------- ATELIER: the workshop. Charcoal, brass, condensed type, hard edges ---------- */
[data-skin="atelier"]{
  --bg:#17171a;--card:#1f1f23;--edge:#2f2f35;--ink:#f1ede6;--soft:#a8a39a;--faint:#6f6b64;
  --primary:#e0a72e;--primary-ink:#17171a;--primary-soft:#3a2f14;--accent:#e0a72e;
  --ok:#7fbf6a;--ok-soft:#203121;--warn:#e0a72e;--warn-soft:#3a2f14;--danger:#e2584d;--danger-soft:#3b1f1c;--info-soft:#2a2a30;
  --chip:#2a2a30;--shadow:none;--r:4px;--rs:3px;
  --side:#111113;--side-ink:#b9b4ab;--side-active:#1f1f23;--side-brand:#f1ede6;
  --s-accepted:#7a766e;--s-in_progress:#e0a72e;--s-ready:#7fbf6a;--s-delivered:#4f4c47;
  color-scheme:dark;
}
[data-skin="atelier"] body{font-family:Barlow,system-ui,sans-serif;background:var(--bg);background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:22px 22px}
[data-skin="atelier"] h1,[data-skin="atelier"] h2,[data-skin="atelier"] h3,[data-skin="atelier"] .mk-plan h3,[data-skin="atelier"] .kpi b,[data-skin="atelier"] .mk-price b{font-family:"Barlow Condensed",Barlow,sans-serif;text-transform:uppercase;letter-spacing:.03em;font-weight:700}
[data-skin="atelier"] h1{font-size:1.9rem}[data-skin="atelier"] h2{font-size:1.35rem}
[data-skin="atelier"] .card,[data-skin="atelier"] .kpi,[data-skin="atelier"] .job-card,[data-skin="atelier"] .mk-plan,[data-skin="atelier"] .mk-feature,[data-skin="atelier"] .modal-card{border-radius:var(--r);border-top:2px solid var(--edge);box-shadow:none}
[data-skin="atelier"] .card>h2,[data-skin="atelier"] .card-head h2{padding-bottom:8px;border-bottom:1px solid var(--edge);width:100%}
[data-skin="atelier"] .kpi::after{display:none}[data-skin="atelier"] .kpi{border-top:3px solid var(--primary)}[data-skin="atelier"] .kpi span{font-family:"Barlow Condensed",sans-serif;letter-spacing:.14em;font-size:.72rem}
[data-skin="atelier"] .btn{border-radius:2px;text-transform:uppercase;font-family:"Barlow Condensed",sans-serif;letter-spacing:.08em;font-size:.95rem}
[data-skin="atelier"] .btn.primary{color:#17171a;box-shadow:none}[data-skin="atelier"] .btn.primary:hover{background:#f0b940}
[data-skin="atelier"] .btn.sm,[data-skin="atelier"] .btn.xs{font-size:.85rem}
[data-skin="atelier"] input,[data-skin="atelier"] select,[data-skin="atelier"] textarea{border-radius:2px;background:#151518}
[data-skin="atelier"] .badge{border-radius:2px;font-family:"Barlow Condensed",sans-serif;letter-spacing:.1em;font-size:.72rem}
[data-skin="atelier"] .plate{background:#f1ede6;color:#17171a;border-radius:2px;border:1px solid #cfc8bc}
[data-skin="atelier"] .nav-item{border-radius:2px;text-transform:uppercase;font-family:"Barlow Condensed",sans-serif;letter-spacing:.08em;font-size:.95rem}
[data-skin="atelier"] .nav-item.active{background:var(--side-active);color:var(--primary)}[data-skin="atelier"] .nav-item.active::before{background:var(--primary)}
[data-skin="atelier"] .nav-group{color:#5a564f;letter-spacing:.2em}
[data-skin="atelier"] .sidebar{border-right:1px solid var(--edge)}[data-skin="atelier"] .topbar{background:var(--bg);border-bottom:1px solid var(--edge)}
[data-skin="atelier"] .search{background:#151518}
[data-skin="atelier"] .board-col{background:transparent;border:1px dashed var(--edge);border-radius:var(--r)}
[data-skin="atelier"] .board-col-head{font-family:"Barlow Condensed",sans-serif;letter-spacing:.14em}
[data-skin="atelier"] .table th{font-family:"Barlow Condensed",sans-serif;letter-spacing:.14em;font-size:.78rem;color:var(--faint)}
[data-skin="atelier"] .table thead th{background:var(--card)}
[data-skin="atelier"] .trial-pill{border-radius:2px;background:#2a2410;color:var(--primary)}
[data-skin="atelier"] .flash{border-radius:2px}
[data-skin="atelier"] .b-rev{background:var(--primary)}[data-skin="atelier"] .b-exp{background:#7a766e}[data-skin="atelier"] .l-rev{background:var(--primary)}[data-skin="atelier"] .l-exp{background:#7a766e}
[data-skin="atelier"] #theme-toggle{display:none}
/* marketing */
[data-skin="atelier"] .mk-header{background:rgba(23,23,26,.9)}[data-skin="atelier"] .mk-eyebrow{color:var(--primary);letter-spacing:.3em}
[data-skin="atelier"] .mk-hero h1{font-size:clamp(2.6rem,6vw,4.4rem);line-height:.95}
[data-skin="atelier"] .mk-strip{background:var(--primary);color:#17171a}[data-skin="atelier"] .mk-strip span{color:#4a3a10}
[data-skin="atelier"] .mk-section.alt{background:#1b1b1f}[data-skin="atelier"] .mk-plan.featured{border-color:var(--primary);box-shadow:none}[data-skin="atelier"] .mk-badge{border-radius:2px;color:#17171a}
[data-skin="atelier"] .mk-final{background:#111113;border-top:2px solid var(--primary)}[data-skin="atelier"] .mk-final .btn.primary{background:var(--primary);color:#17171a;border-color:var(--primary)}
[data-skin="atelier"] .mock{transform:none;border-radius:var(--r)}[data-skin="atelier"] .mock-alert{border-radius:2px}
[data-skin="atelier"] .auth-side{background:#111113;border-right:1px solid var(--edge)}[data-skin="atelier"] .auth-side::before,[data-skin="atelier"] .auth-side::after{display:none}
[data-skin="atelier"] .auth-side h2{font-size:2.6rem}[data-skin="atelier"] .auth-side li .ic{color:var(--primary)}
[data-skin="atelier"] .logo text{font-family:"Barlow Condensed",sans-serif;font-weight:700;letter-spacing:.02em}[data-skin="atelier"] .logo rect{fill:var(--primary)}[data-skin="atelier"] .logo path{fill:#17171a}[data-skin="atelier"] .logo circle{fill:#17171a}[data-skin="atelier"] .logo tspan{fill:var(--primary)}
[data-skin="atelier"] .sb-next{border-radius:2px}[data-skin="atelier"] .step i{border-radius:2px}

/* ---------- NORDIC: light, editorial, serif headings, forest green, hairlines ---------- */
[data-skin="nordic"]{
  --bg:#f7f6f2;--card:#ffffff;--edge:#e6e2d8;--ink:#1c1f1a;--soft:#6a6f65;--faint:#9a9f95;
  --primary:#1f5f3f;--primary-ink:#fff;--primary-soft:#e4efe8;--accent:#c96a2b;
  --ok:#1f5f3f;--ok-soft:#e4efe8;--warn:#a8640f;--warn-soft:#f6ead8;--danger:#b23a3a;--danger-soft:#f6e1e1;--info-soft:#e8ecf3;
  --chip:#efece5;--shadow:none;--r:6px;--rs:4px;
  --side:#f7f6f2;--side-ink:#3d423b;--side-active:#ebe8df;--side-brand:#1c1f1a;
  --s-in_progress:#1f5f3f;--s-ready:#2e8b57;--s-accepted:#8d9288;
  color-scheme:light;
}
[data-skin="nordic"] body{font-family:Manrope,system-ui,sans-serif;background:var(--bg)}
[data-skin="nordic"] h1,[data-skin="nordic"] h2,[data-skin="nordic"] .mk-hero h1,[data-skin="nordic"] .mk-section h2,[data-skin="nordic"] .auth-side h2,[data-skin="nordic"] .mk-plan h3,[data-skin="nordic"] .mk-final h2{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-.01em}
[data-skin="nordic"] h1{font-size:1.8rem}[data-skin="nordic"] h2{font-size:1.3rem}[data-skin="nordic"] h3{font-weight:700}
[data-skin="nordic"] .card,[data-skin="nordic"] .kpi,[data-skin="nordic"] .mk-plan,[data-skin="nordic"] .mk-feature,[data-skin="nordic"] .modal-card{border-radius:var(--r);box-shadow:none;border:1px solid var(--edge)}
[data-skin="nordic"] .kpi::after{display:none}[data-skin="nordic"] .kpi b{font-family:Fraunces,serif;font-weight:500;font-size:1.7rem}
[data-skin="nordic"] .kpi span{letter-spacing:.1em;font-size:.7rem}
[data-skin="nordic"] .btn{border-radius:999px;font-weight:700}[data-skin="nordic"] .btn.primary{box-shadow:none}[data-skin="nordic"] .btn.primary:hover{background:#174b32;filter:none}
[data-skin="nordic"] input,[data-skin="nordic"] select,[data-skin="nordic"] textarea{border-radius:var(--rs);background:#fbfaf7;border-color:#dcd7cb}
[data-skin="nordic"] input:focus,[data-skin="nordic"] select:focus,[data-skin="nordic"] textarea:focus{box-shadow:0 0 0 3px #d5e6dc;border-color:var(--primary)}
[data-skin="nordic"] .badge{border-radius:4px;font-weight:700;letter-spacing:.04em}
[data-skin="nordic"] .plate{background:#1c1f1a;color:#f7f6f2;border-radius:4px}
[data-skin="nordic"] .sidebar{border-right:1px solid var(--edge)}[data-skin="nordic"] .topbar{background:var(--bg);border-bottom:1px solid var(--edge)}
[data-skin="nordic"] .nav-item{border-radius:999px;padding:8px 12px}[data-skin="nordic"] .nav-item.active{background:var(--side-active);color:var(--ink)}[data-skin="nordic"] .nav-item.active::before{display:none}
[data-skin="nordic"] .nav-group{font-family:Fraunces,serif;text-transform:none;letter-spacing:0;font-size:.8rem;font-style:italic;font-weight:500;color:var(--faint)}
[data-skin="nordic"] .search{background:#fff;border-radius:999px}
[data-skin="nordic"] .board-col{background:transparent;border-top:2px solid var(--edge);border-radius:0;padding:10px 4px}
[data-skin="nordic"] .job-card{border-radius:var(--r);box-shadow:none}[data-skin="nordic"] .job-card:hover{box-shadow:none;transform:none;border-color:var(--ink)}
[data-skin="nordic"] .table th{letter-spacing:.1em;color:var(--faint)}[data-skin="nordic"] .table td{border-color:#efece5}
[data-skin="nordic"] .table-wrap .table thead th{background:#fbfaf7}
[data-skin="nordic"] .trial-pill{border-radius:999px;background:var(--primary-soft);color:var(--primary)}
[data-skin="nordic"] .avatar{border-radius:8px}
[data-skin="nordic"] .b-rev{background:var(--primary)}[data-skin="nordic"] .b-exp{background:var(--accent)}[data-skin="nordic"] .l-rev{background:var(--primary)}
[data-skin="nordic"] #theme-toggle{display:none}
[data-skin="nordic"] .mk-header{background:rgba(247,246,242,.9)}[data-skin="nordic"] .mk-eyebrow{color:var(--primary);font-family:Fraunces,serif;font-style:italic;text-transform:none;letter-spacing:0;font-size:1rem;font-weight:500}
[data-skin="nordic"] .mk-hero h1{font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.05}
[data-skin="nordic"] .mk-strip{background:var(--primary);color:#f7f6f2}[data-skin="nordic"] .mk-strip span{color:#bcd6c6}[data-skin="nordic"] .mk-strip b{font-family:Fraunces,serif;font-weight:500}
[data-skin="nordic"] .mk-section.alt{background:#fff}[data-skin="nordic"] .mk-plan.featured{border-color:var(--ink);box-shadow:none}[data-skin="nordic"] .mk-badge{background:var(--ink);border-radius:999px}
[data-skin="nordic"] .mk-price b{font-family:Fraunces,serif;font-weight:500}
[data-skin="nordic"] .mk-final{background:var(--ink);color:#f7f6f2}[data-skin="nordic"] .mk-final .btn.primary{background:#f7f6f2;color:var(--ink);border-color:#f7f6f2}
[data-skin="nordic"] .mock{transform:none;border-radius:var(--r);box-shadow:0 30px 60px -30px rgba(28,31,26,.35)}
[data-skin="nordic"] .auth-side{background:var(--primary)}[data-skin="nordic"] .auth-side::before{background:radial-gradient(circle,rgba(255,255,255,.16),transparent 70%)}[data-skin="nordic"] .auth-side::after{background:radial-gradient(circle,rgba(201,106,43,.35),transparent 70%)}
[data-skin="nordic"] .auth-side p{color:#cfe0d5}[data-skin="nordic"] .auth-side li{color:#eef5f0}[data-skin="nordic"] .auth-side li .ic{color:#f7f6f2}[data-skin="nordic"] .auth-side small{color:#9cc4ad}
[data-skin="nordic"] .logo rect{fill:var(--primary)}[data-skin="nordic"] .logo circle{fill:var(--accent)}[data-skin="nordic"] .logo tspan{fill:var(--primary)}[data-skin="nordic"] .logo text{font-family:Fraunces,serif;font-weight:600;letter-spacing:0}
[data-skin="nordic"] .sb-next{border-radius:var(--r)}

/* ---------- CARBON: motorsport tech. Near-black, electric cyan, mono numbers, glass ---------- */
[data-skin="carbon"]{
  --bg:#0a0c10;--card:#11151c;--edge:#1e2530;--ink:#e8edf3;--soft:#8b97a8;--faint:#586474;
  --primary:#19d3e6;--primary-ink:#06181c;--primary-soft:#0c2b30;--accent:#ff4d2e;
  --ok:#35e08a;--ok-soft:#0d2a1c;--warn:#ffc233;--warn-soft:#332a0d;--danger:#ff4d5e;--danger-soft:#33141a;--info-soft:#0c2b30;
  --chip:#1a2029;--shadow:0 0 0 1px rgba(25,211,230,.06),0 10px 30px rgba(0,0,0,.45);--r:8px;--rs:6px;
  --side:#0a0c10;--side-ink:#8b97a8;--side-active:#141a22;--side-brand:#e8edf3;
  --s-in_progress:#19d3e6;--s-ready:#35e08a;--s-waiting_parts:#ffc233;--s-waiting_approval:#ff8a3d;--s-accepted:#586474;--s-delivered:#2c3542;
  color-scheme:dark;
}
[data-skin="carbon"] body{font-family:"Space Grotesk",system-ui,sans-serif;background:var(--bg);background-image:linear-gradient(rgba(25,211,230,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(25,211,230,.035) 1px,transparent 1px);background-size:32px 32px}
[data-skin="carbon"] h1,[data-skin="carbon"] h2,[data-skin="carbon"] h3{font-family:"Space Grotesk",sans-serif;font-weight:700;letter-spacing:-.02em}
[data-skin="carbon"] .kpi b,[data-skin="carbon"] .plate,[data-skin="carbon"] .table td.r,[data-skin="carbon"] .i-total,[data-skin="carbon"] .mk-price b,[data-skin="carbon"] .mk-strip b,[data-skin="carbon"] .cal-times div,[data-skin="carbon"] .doc-table td.r{font-family:"JetBrains Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums}
[data-skin="carbon"] .card,[data-skin="carbon"] .kpi,[data-skin="carbon"] .modal-card,[data-skin="carbon"] .mk-plan,[data-skin="carbon"] .mk-feature{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0)) ,var(--card);border:1px solid var(--edge);border-radius:var(--r)}
[data-skin="carbon"] .kpi::after{opacity:.9;height:2px;box-shadow:0 0 12px var(--primary)}[data-skin="carbon"] .kpi:nth-child(2)::after{box-shadow:0 0 12px var(--ok)}[data-skin="carbon"] .kpi:nth-child(4)::after{box-shadow:0 0 12px var(--warn)}[data-skin="carbon"] .kpi:nth-child(6)::after{box-shadow:0 0 12px var(--accent)}
[data-skin="carbon"] .kpi span{font-family:"JetBrains Mono",monospace;letter-spacing:.12em;font-size:.66rem;text-transform:uppercase}
[data-skin="carbon"] .btn{border-radius:var(--rs);border-color:#26303d;background:#141a22}
[data-skin="carbon"] .btn.primary{background:var(--primary);color:#06181c;border-color:var(--primary);box-shadow:0 0 18px rgba(25,211,230,.35)}[data-skin="carbon"] .btn.primary:hover{background:#4de0ee}
[data-skin="carbon"] .btn.ghost{background:transparent}
[data-skin="carbon"] input,[data-skin="carbon"] select,[data-skin="carbon"] textarea{background:#0d1117;border-color:#26303d;border-radius:var(--rs)}
[data-skin="carbon"] input:focus,[data-skin="carbon"] select:focus,[data-skin="carbon"] textarea:focus{box-shadow:0 0 0 3px rgba(25,211,230,.2)}
[data-skin="carbon"] .badge{border-radius:4px;font-family:"JetBrains Mono",monospace;letter-spacing:.06em;font-size:.68rem;text-transform:uppercase}
[data-skin="carbon"] .badge[class*=" s-"]{background:transparent;border:1px solid var(--c);color:var(--c)}
[data-skin="carbon"] .status-dot{box-shadow:0 0 8px var(--c)}
[data-skin="carbon"] .plate{background:#0d1117;border:1px solid #26303d;color:var(--primary);border-radius:4px}
[data-skin="carbon"] .sidebar{border-right:1px solid var(--edge)}[data-skin="carbon"] .topbar{background:rgba(10,12,16,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--edge)}
[data-skin="carbon"] .nav-item{border-radius:var(--rs)}[data-skin="carbon"] .nav-item.active{background:var(--primary-soft);color:var(--primary)}[data-skin="carbon"] .nav-item.active::before{background:var(--primary);box-shadow:0 0 10px var(--primary)}
[data-skin="carbon"] .nav-group{font-family:"JetBrains Mono",monospace;letter-spacing:.18em;color:#3f4a58}
[data-skin="carbon"] .search{background:#0d1117;border-color:#26303d}
[data-skin="carbon"] .board-col{background:rgba(17,21,28,.6);border:1px solid var(--edge)}
[data-skin="carbon"] .job-card{background:#141a22;border-color:#26303d}[data-skin="carbon"] .job-card:hover{box-shadow:0 0 0 1px var(--primary),0 10px 30px rgba(0,0,0,.5)}
[data-skin="carbon"] .table th{font-family:"JetBrains Mono",monospace;letter-spacing:.12em;font-size:.68rem;color:var(--faint)}[data-skin="carbon"] .table thead th{background:var(--card)}
[data-skin="carbon"] .row-link:hover td{background:#141a22}
[data-skin="carbon"] .trial-pill{background:#2a1c10;color:#ff9b6b;border:1px solid #3d2818}
[data-skin="carbon"] .bars .b-rev{box-shadow:0 0 10px rgba(25,211,230,.5)}[data-skin="carbon"] .b-exp{background:var(--accent)}[data-skin="carbon"] .l-exp{background:var(--accent)}
[data-skin="carbon"] .flash{border:1px solid var(--edge)}
[data-skin="carbon"] #theme-toggle{display:none}
[data-skin="carbon"] .mk-header{background:rgba(10,12,16,.8)}[data-skin="carbon"] .mk-eyebrow{color:var(--primary);font-family:"JetBrains Mono",monospace;letter-spacing:.24em}
[data-skin="carbon"] .mk-hero h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1}
[data-skin="carbon"] .mk-strip{background:#0d1117;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);color:var(--ink)}[data-skin="carbon"] .mk-strip b{color:var(--primary)}
[data-skin="carbon"] .mk-section.alt{background:#0d1117}[data-skin="carbon"] .mk-plan.featured{border-color:var(--primary);box-shadow:0 0 40px rgba(25,211,230,.15)}[data-skin="carbon"] .mk-badge{background:var(--primary);color:#06181c;border-radius:4px;font-family:"JetBrains Mono",monospace}
[data-skin="carbon"] .mk-final{background:linear-gradient(135deg,#0c2b30,#0a0c10);border-top:1px solid var(--primary)}[data-skin="carbon"] .mk-final .btn.primary{background:var(--primary);color:#06181c;border-color:var(--primary)}
[data-skin="carbon"] .mock{border-radius:var(--r);box-shadow:0 0 0 1px var(--edge),0 40px 80px -30px rgba(25,211,230,.35)}[data-skin="carbon"] .mock-side{background:#0a0c10}[data-skin="carbon"] .mock-side i:first-child{background:var(--primary)}
[data-skin="carbon"] .auth-side{background:#0d1117;border-right:1px solid var(--edge)}[data-skin="carbon"] .auth-side::before{background:radial-gradient(circle,rgba(25,211,230,.35),transparent 70%)}[data-skin="carbon"] .auth-side::after{background:radial-gradient(circle,rgba(255,77,46,.25),transparent 70%)}
[data-skin="carbon"] .auth-side li .ic{color:var(--primary)}
[data-skin="carbon"] .logo rect{fill:#141a22;stroke:var(--primary);stroke-width:1.5}[data-skin="carbon"] .logo path{fill:var(--primary)}[data-skin="carbon"] .logo circle{fill:var(--accent)}[data-skin="carbon"] .logo tspan{fill:var(--primary)}[data-skin="carbon"] .logo text{font-family:"Space Grotesk",sans-serif;letter-spacing:-.02em}
[data-skin="carbon"] .steps .step.current i{box-shadow:0 0 0 4px var(--primary-soft),0 0 14px var(--primary)}

/* ---------- Skin switcher UI ---------- */
.skin-menu{position:relative}.skin-menu .menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--card);border:1px solid var(--edge);border-radius:12px;box-shadow:var(--shadow);padding:6px;min-width:220px;z-index:40;display:flex;flex-direction:column;gap:2px}
.skin-menu .menu button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border:0;color:var(--ink);padding:8px 10px;border-radius:8px;cursor:pointer;font:inherit;font-weight:600}.skin-menu .menu button:hover{background:var(--chip)}.skin-menu .menu button.active{background:var(--primary-soft);color:var(--primary)}
.skin-menu .menu button small{display:block;font-weight:500;color:var(--soft);font-size:.75rem}
.swatch{width:26px;height:26px;border-radius:7px;flex:0 0 auto;border:1px solid rgba(0,0,0,.15);position:relative;overflow:hidden}.swatch::after{content:"";position:absolute;right:0;bottom:0;width:45%;height:45%;border-radius:7px 0 0 0}
.swatch.classic{background:#f4f6fa}.swatch.classic::after{background:#2f6fed}.swatch.atelier{background:#17171a}.swatch.atelier::after{background:#e0a72e}.swatch.nordic{background:#f7f6f2}.swatch.nordic::after{background:#1f5f3f}.swatch.carbon{background:#0a0c10}.swatch.carbon::after{background:#19d3e6}.swatch.studio{background:#f5f4f0}.swatch.studio::after{background:#1d3f7a}
.skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.skin-card{cursor:pointer;border:2px solid var(--edge);border-radius:12px;overflow:hidden;background:var(--card)}.skin-card:has(input:checked){border-color:var(--primary)}.skin-card input{position:absolute;opacity:0}
.skin-prev{height:110px;display:grid;grid-template-columns:34px 1fr;gap:6px;padding:8px}.skin-prev i{border-radius:4px;display:block}.skin-prev .s{display:flex;flex-direction:column;gap:5px}.skin-prev .s i{height:8px;width:70%}.skin-prev .m{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;align-content:start}.skin-prev .m i{height:26px}.skin-prev .m i.w{grid-column:1/-1;height:38px}
.skin-card figcaption{padding:10px 12px;display:flex;flex-direction:column}.skin-card figcaption b{font-size:.95rem}.skin-card figcaption small{color:var(--soft)}

/* fixes after review */
[data-skin="nordic"] .auth-side .logo rect{fill:rgba(255,255,255,.18)}[data-skin="nordic"] .auth-side .logo tspan{fill:#fff}[data-skin="nordic"] .auth-side .logo path{fill:#fff}
[data-skin="atelier"] .mk-hero h1{text-transform:none;letter-spacing:-.01em;font-size:clamp(2.4rem,5vw,4rem);line-height:1}
[data-skin="atelier"] .auth-side h2{text-transform:none;font-size:2.2rem}
[data-skin="carbon"] .auth-side .logo rect{fill:#0d1117}

/* ===== Landing page layouts per skin (structure, not only colour) ===== */
/* ATELIER: one column, headline as a poster, product shot full width, features as an index list */
[data-skin="atelier"] .mk-hero .mk-wrap{grid-template-columns:1fr;gap:34px;padding-top:56px;padding-bottom:0}
[data-skin="atelier"] .mk-hero-text{max-width:900px}[data-skin="atelier"] .mk-hero h1{font-size:clamp(2.8rem,7.5vw,6rem);line-height:.98;text-transform:uppercase;letter-spacing:-.01em}
[data-skin="atelier"] .mk-lead{font-size:1.25rem;max-width:62ch;border-left:3px solid var(--primary);padding-left:16px}
[data-skin="atelier"] .mk-hero-visual{margin-top:10px;padding-bottom:0}[data-skin="atelier"] .mock{transform:none;border-radius:0;border:1px solid var(--edge);border-bottom:0}
[data-skin="atelier"] .mock-alert{right:24px;bottom:auto;top:-18px;border-radius:0}
[data-skin="atelier"] .mk-strip .mk-wrap{grid-template-columns:repeat(4,1fr);padding:18px 22px}[data-skin="atelier"] .mk-strip b{font-family:"Barlow Condensed",sans-serif;font-size:2.2rem}
[data-skin="atelier"] .mk-section h2{text-align:left;font-size:2.4rem}[data-skin="atelier"] .mk-sub{text-align:left;margin-left:0;max-width:60ch}
[data-skin="atelier"] .mk-grid{grid-template-columns:1fr;gap:0;border-top:1px solid var(--edge)}
[data-skin="atelier"] .mk-feature{display:grid;grid-template-columns:32px 260px 1fr;gap:22px;align-items:start;border:0;border-bottom:1px solid var(--edge);border-radius:0;padding:22px 0;background:transparent}
[data-skin="atelier"] .mk-feature .ic{margin:0;color:var(--primary)}[data-skin="atelier"] .mk-feature h3{font-size:1.25rem}[data-skin="atelier"] .mk-feature p{font-size:1rem}
[data-skin="atelier"] .mk-two{grid-template-columns:1fr 1fr}[data-skin="atelier"] .mk-panel{border-radius:0;background:#111113;border:1px solid var(--edge)}
[data-skin="atelier"] .mk-plans{gap:0}[data-skin="atelier"] .mk-plan{border-radius:0;margin-left:-1px}[data-skin="atelier"] .mk-plan.featured{background:#26241d}
[data-skin="atelier"] .mk-faq summary{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:1.15rem}
[data-skin="atelier"] .mk-final{text-align:left}[data-skin="atelier"] .mk-final h2{font-size:3rem}
@media(max-width:860px){[data-skin="atelier"] .mk-feature{grid-template-columns:28px 1fr}[data-skin="atelier"] .mk-feature p{grid-column:2}}

/* NORDIC: centred editorial hero, product shot beneath, features as plain columns with a top rule */
[data-skin="nordic"] .mk-hero .mk-wrap{grid-template-columns:1fr;justify-items:center;text-align:center;padding-top:84px;gap:48px}
[data-skin="nordic"] .mk-hero-text{max-width:780px}[data-skin="nordic"] .mk-lead{margin:0 auto;font-size:1.2rem}[data-skin="nordic"] .mk-cta-row{justify-content:center}
[data-skin="nordic"] .mk-hero-visual{width:min(100%,900px)}[data-skin="nordic"] .mock{border-radius:10px;border-color:#dcd7cb}
[data-skin="nordic"] .mk-strip{background:transparent;color:var(--ink);border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}[data-skin="nordic"] .mk-strip span{color:var(--soft)}[data-skin="nordic"] .mk-strip b{color:var(--primary)}
[data-skin="nordic"] .mk-grid{gap:0 40px;row-gap:28px}[data-skin="nordic"] .mk-feature{border:0;border-top:1px solid var(--ink);border-radius:0;padding:18px 0 0;background:transparent}
[data-skin="nordic"] .mk-feature .ic{display:none}[data-skin="nordic"] .mk-feature h3{font-family:Fraunces,serif;font-weight:600;font-size:1.2rem}
[data-skin="nordic"] .mk-section.alt .mk-feature{background:transparent}
[data-skin="nordic"] .mk-two{gap:60px}[data-skin="nordic"] .mk-panel{background:transparent;padding:0}[data-skin="nordic"] .bl-demo{border-color:#dcd7cb}
[data-skin="nordic"] .mk-plans{gap:0;border:1px solid var(--edge);border-radius:12px;overflow:hidden}[data-skin="nordic"] .mk-plan{border:0;border-right:1px solid var(--edge);border-radius:0}[data-skin="nordic"] .mk-plan:last-child{border-right:0}[data-skin="nordic"] .mk-plan.featured{background:#f1efe8;box-shadow:none;border-color:var(--edge)}
[data-skin="nordic"] .mk-final{background:transparent;color:var(--ink);border-top:1px solid var(--edge)}[data-skin="nordic"] .mk-final p{color:var(--soft)}[data-skin="nordic"] .mk-final .btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}
@media(max-width:860px){[data-skin="nordic"] .mk-plans{grid-template-columns:1fr}[data-skin="nordic"] .mk-plan{border-right:0;border-bottom:1px solid var(--edge)}}

/* CARBON: split hero with a HUD frame around the product, telemetry strip, tagged feature tiles */
[data-skin="carbon"] .mk-hero{position:relative;overflow:hidden}[data-skin="carbon"] .mk-hero::before{content:"";position:absolute;right:-10%;top:-30%;width:60%;height:160%;background:radial-gradient(ellipse at center,rgba(25,211,230,.14),transparent 60%);pointer-events:none}
[data-skin="carbon"] .mk-hero .mk-wrap{grid-template-columns:1fr 1.05fr;padding-top:64px}
[data-skin="carbon"] .mk-hero h1{font-size:clamp(2.2rem,4.6vw,3.6rem)}[data-skin="carbon"] .mk-lead{color:#aab6c6}
[data-skin="carbon"] .mk-hero-visual{position:relative;padding:18px}[data-skin="carbon"] .mk-hero-visual::before,[data-skin="carbon"] .mk-hero-visual::after{content:"";position:absolute;width:26px;height:26px;border:2px solid var(--primary)}
[data-skin="carbon"] .mk-hero-visual::before{left:0;top:0;border-right:0;border-bottom:0}[data-skin="carbon"] .mk-hero-visual::after{right:0;bottom:0;border-left:0;border-top:0}
[data-skin="carbon"] .mock{transform:none;border-radius:6px}[data-skin="carbon"] .mock-alert{border-radius:4px;font-family:"JetBrains Mono",monospace;font-size:.7rem}
[data-skin="carbon"] .mk-strip .mk-wrap{grid-template-columns:repeat(4,1fr)}[data-skin="carbon"] .mk-strip div{border-left:2px solid var(--primary);padding-left:14px}[data-skin="carbon"] .mk-strip span{font-family:"JetBrains Mono",monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
[data-skin="carbon"] .mk-section h2{text-align:left}[data-skin="carbon"] .mk-sub{text-align:left;margin-left:0}
[data-skin="carbon"] .mk-grid{grid-template-columns:repeat(3,1fr);gap:1px;background:var(--edge);border:1px solid var(--edge);border-radius:8px;overflow:hidden}
[data-skin="carbon"] .mk-feature{border:0;border-radius:0;background:var(--card);padding:24px;position:relative}[data-skin="carbon"] .mk-feature:hover{background:#141a22}
[data-skin="carbon"] .mk-feature .ic{color:var(--primary);filter:drop-shadow(0 0 6px rgba(25,211,230,.6))}
[data-skin="carbon"] .mk-feature::before{content:"//";position:absolute;right:18px;top:16px;font-family:"JetBrains Mono",monospace;color:#2c3542;font-size:.8rem}
[data-skin="carbon"] .mk-panel{background:#0d1117;border:1px solid var(--edge);border-radius:8px}
[data-skin="carbon"] .mk-plan{background:var(--card)}[data-skin="carbon"] .mk-plan h3{font-family:"JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.1em;font-size:.95rem;color:var(--primary)}
[data-skin="carbon"] .mk-faq{border-color:var(--edge)}[data-skin="carbon"] .mk-faq summary::after{color:var(--primary);font-family:"JetBrains Mono",monospace}
@media(max-width:1100px){[data-skin="carbon"] .mk-grid{grid-template-columns:1fr 1fr}}@media(max-width:860px){[data-skin="carbon"] .mk-hero .mk-wrap{grid-template-columns:1fr}[data-skin="carbon"] .mk-grid{grid-template-columns:1fr}}

/* =====================================================================
   CARBON – structural redesign (not just colours)
   ===================================================================== */
.pipeline,.tabbar{display:none}.job-tabs{display:none}.tab-hidden{display:none!important}

/* shell: icon rail + centred command bar */
[data-skin="carbon"] .sidebar{width:88px;flex-basis:88px;background:#0d1117;border-right:1px solid var(--edge)}
[data-skin="carbon"] .brand{justify-content:center;padding:14px 0 6px}[data-skin="carbon"] .brand-name,[data-skin="carbon"] .brand .only-mobile{display:none}
[data-skin="carbon"] .brand-mark{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#19d3e6,#0d7f8c);color:#06181c;box-shadow:0 0 18px rgba(25,211,230,.35)}
[data-skin="carbon"] .nav{padding:6px}[data-skin="carbon"] .nav-group{display:none}
[data-skin="carbon"] .nav-item{flex-direction:column;gap:5px;padding:10px 4px;font-size:.62rem;text-align:center;line-height:1.1;border-radius:8px;color:#6b7788;font-family:"JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.04em}
[data-skin="carbon"] .nav-item .ic{width:22px;height:22px;opacity:1}[data-skin="carbon"] .nav-item:hover{background:#141a22;color:var(--ink)}
[data-skin="carbon"] .nav-item.active{background:#141a22;color:var(--primary)}[data-skin="carbon"] .nav-item.active::before{left:-6px;top:10px;bottom:10px;width:3px}
[data-skin="carbon"] .sidebar-foot{padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:8px}[data-skin="carbon"] .side-brand{display:none}
[data-skin="carbon"] .trial-pill{padding:5px 6px;font-size:.6rem;font-family:"JetBrains Mono",monospace;text-align:center;justify-content:center;width:100%;margin-bottom:0}[data-skin="carbon"] .trial-pill .ic{display:none}
[data-skin="carbon"] .user-row{flex-direction:column;gap:6px;width:100%}[data-skin="carbon"] .user-meta{display:none}[data-skin="carbon"] .user-row .avatar{width:36px;height:36px}
[data-skin="carbon"] .topbar{height:64px;padding:0 22px;gap:18px;background:rgba(10,12,16,.9);backdrop-filter:blur(12px)}
[data-skin="carbon"] .search{max-width:560px;margin:0 auto;background:#0d1117;border-color:#26303d;border-radius:10px;height:42px;box-shadow:inset 0 0 0 1px rgba(25,211,230,.06)}
[data-skin="carbon"] .search input{font-family:"JetBrains Mono",monospace;font-size:.85rem}
[data-skin="carbon"] .content{max-width:1600px;padding:24px 28px}
[data-skin="carbon"] .page-head{align-items:center;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--edge)}
[data-skin="carbon"] .page-head h1{font-size:1.35rem}[data-skin="carbon"] .page-head .muted{font-family:"JetBrains Mono",monospace;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}

/* dashboard: telemetry band + wide board */
[data-skin="carbon"] .quick-intake{background:#0d1117;border:1px solid var(--edge);border-radius:12px;padding:12px 16px;flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}
[data-skin="carbon"] .qi-head{flex:1;min-width:220px}[data-skin="carbon"] .qi-form{flex:1;min-width:280px;margin:0}[data-skin="carbon"] .qi-form input{font-family:"JetBrains Mono",monospace;background:#0a0c10;letter-spacing:.14em}
[data-skin="carbon"] .kpis{gap:0;border:1px solid var(--edge);border-radius:12px;overflow:hidden;background:#0d1117;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
[data-skin="carbon"] .kpi{background:transparent;border:0;border-right:1px solid var(--edge);border-radius:0;padding:18px 18px 16px;box-shadow:none}[data-skin="carbon"] .kpi:last-child{border-right:0}
[data-skin="carbon"] .kpi::after{left:0;right:auto;top:0;bottom:0;width:3px;height:auto;border-radius:0;opacity:.9}
[data-skin="carbon"] .kpi b{font-size:1.75rem;letter-spacing:-.02em}[data-skin="carbon"] .kpi small{font-family:"JetBrains Mono",monospace;font-size:.68rem;color:var(--faint)}
[data-skin="carbon"] .chart-card{background:#0d1117}[data-skin="carbon"] .bars{height:100px}
[data-skin="carbon"] .dash-grid{grid-template-columns:minmax(0,2.2fr) minmax(300px,1fr)}
[data-skin="carbon"] .board.mini .board-col{background:#0a0c10;border:1px solid var(--edge);flex-basis:230px}
[data-skin="carbon"] .board-col-head{font-family:"JetBrains Mono",monospace;font-size:.66rem;letter-spacing:.14em}[data-skin="carbon"] .board-col-head b{background:#1a2029;color:var(--primary)}
[data-skin="carbon"] .job-card{border-left-width:2px}[data-skin="carbon"] .job-card .plate{background:transparent;border:0;padding:0;color:var(--ink);font-size:.95rem}
[data-skin="carbon"] .job-card em{color:#7c8898;font-size:.8rem}[data-skin="carbon"] .job-card .due{font-family:"JetBrains Mono",monospace}
[data-skin="carbon"] .list li{padding:10px 0}[data-skin="carbon"] .list li b{font-family:"JetBrains Mono",monospace}

/* work order: pipeline + tabs */
[data-skin="carbon"] .pipeline{display:flex;gap:4px;margin:-6px 0 18px;overflow-x:auto;padding-bottom:4px}
[data-skin="carbon"] .pipe-step{flex:1;min-width:120px}[data-skin="carbon"] .pipe-step button{width:100%;background:#0d1117;border:1px solid var(--edge);color:#6b7788;padding:10px 12px;border-radius:6px;font:inherit;font-size:.72rem;font-family:"JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap}
[data-skin="carbon"] .pipe-step button i{width:8px;height:8px;border-radius:50%;background:#2c3542;flex:0 0 auto}
[data-skin="carbon"] .pipe-step.done button{color:#8b97a8;border-color:#26303d}[data-skin="carbon"] .pipe-step.done button i{background:var(--ok)}
[data-skin="carbon"] .pipe-step.current button{color:var(--primary);border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 14px rgba(25,211,230,.25)}[data-skin="carbon"] .pipe-step.current button i{background:var(--primary);box-shadow:0 0 8px var(--primary)}
[data-skin="carbon"] .pipe-step button:hover{border-color:var(--primary);color:var(--ink)}
[data-skin="carbon"] .job-head .status-select{display:none}
[data-skin="carbon"] .job-tabs{display:flex;gap:2px;border-bottom:1px solid var(--edge);margin-bottom:18px;overflow-x:auto}
[data-skin="carbon"] .job-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:#6b7788;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap;margin-bottom:-1px}
[data-skin="carbon"] .job-tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}[data-skin="carbon"] .job-tabs button:hover{color:var(--ink)}
[data-skin="carbon"] .job-grid{grid-template-columns:1fr;gap:0}[data-skin="carbon"] .job-main,[data-skin="carbon"] .job-side{display:contents}
[data-skin="carbon"] .job-side .card{max-width:820px}[data-skin="carbon"] .job-main .card{max-width:1100px}
[data-skin="carbon"] .job-head h1 .plate{font-size:1.3rem}
[data-skin="carbon"] .items-table td{padding:6px}[data-skin="carbon"] .items-table input{background:#0a0c10}
[data-skin="carbon"] .notify-grid{flex-direction:row;flex-wrap:wrap;gap:12px}[data-skin="carbon"] .notify-row{flex:1;min-width:200px;background:#0a0c10;border:1px solid var(--edge);border-radius:8px;padding:10px}
[data-skin="carbon"] .timeline{border-left-color:#26303d}

/* tables: dense telemetry */
[data-skin="carbon"] .table{font-size:.88rem}[data-skin="carbon"] .table td{padding:9px 10px}
[data-skin="carbon"] .table .plate{font-size:.85rem}[data-skin="carbon"] .table-wrap{background:#0d1117}
[data-skin="carbon"] .filters input,[data-skin="carbon"] .filters select{background:#0d1117}
[data-skin="carbon"] .seg.small{background:#0d1117;border:1px solid var(--edge)}[data-skin="carbon"] .seg-btn.active{background:#1a2029;color:var(--primary);box-shadow:none}
[data-skin="carbon"] .tabs a{font-family:"JetBrains Mono",monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
[data-skin="carbon"] .modal-card{background:#0d1117;border:1px solid var(--edge)}

/* mobile: bottom tab bar */
@media (max-width:860px){
  [data-skin="carbon"] .tabbar{display:grid;grid-template-columns:1fr 1fr 64px 1fr 1fr;position:fixed;left:0;right:0;bottom:0;height:64px;background:rgba(13,17,23,.96);backdrop-filter:blur(12px);border-top:1px solid var(--edge);z-index:60;padding-bottom:env(safe-area-inset-bottom)}
  [data-skin="carbon"] .tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#6b7788;font-size:.6rem;font-family:"JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.04em;text-decoration:none}
  [data-skin="carbon"] .tabbar a.active{color:var(--primary)}[data-skin="carbon"] .tabbar a .ic{width:22px;height:22px}
  [data-skin="carbon"] .tabbar a.fab{align-self:center;justify-self:center;width:52px;height:52px;border-radius:50%;background:var(--primary);color:#06181c;box-shadow:0 0 22px rgba(25,211,230,.5);margin-top:-22px}[data-skin="carbon"] .tabbar a.fab .ic{width:26px;height:26px}
  [data-skin="carbon"] .content{padding:14px 14px 90px}[data-skin="carbon"] .topbar .only-mobile{display:none}[data-skin="carbon"] .topbar-actions .btn.primary{display:none}
  [data-skin="carbon"] .sidebar{width:270px;flex-basis:270px}[data-skin="carbon"] .sidebar .brand-name,[data-skin="carbon"] .sidebar .brand .only-mobile{display:inline-flex}[data-skin="carbon"] .brand{justify-content:space-between;padding:16px 14px 10px}
  [data-skin="carbon"] .nav-item{flex-direction:row;font-size:.85rem;text-transform:none;font-family:"Space Grotesk",sans-serif;letter-spacing:0;padding:10px 12px;text-align:left;gap:10px}[data-skin="carbon"] .nav-group{display:block}
  [data-skin="carbon"] .user-meta{display:block}[data-skin="carbon"] .user-row{flex-direction:row}[data-skin="carbon"] .sidebar-foot{align-items:stretch}
  [data-skin="carbon"] .kpis{grid-template-columns:1fr 1fr}[data-skin="carbon"] .kpi{border-bottom:1px solid var(--edge)}
  [data-skin="carbon"] .pipeline{margin-left:-14px;margin-right:-14px;padding:0 14px 6px}
}

/* =====================================================================
   STUDIO – the flagship. Porcelain canvas, editorial display serif,
   hairline structure, one deep-blue accent. Premium but quiet: the
   numbers are large, everything else gets out of the way.
   ===================================================================== */
[data-skin="studio"]{
  --bg:#f5f4f0;--card:#fff;--edge:#e7e4dc;--ink:#14171d;--soft:#5f6672;--faint:#9aa0ab;
  --primary:#1d3f7a;--primary-ink:#fff;--primary-soft:#e9eef7;--accent:#b5761c;
  --ok:#2c7a5b;--ok-soft:#e6f2ec;--warn:#a8721a;--warn-soft:#f8efdd;--danger:#a83a37;--danger-soft:#f7e8e7;--info-soft:#e9eef7;
  --chip:#efece5;--accent-soft:#f8efdd;
  --shadow:0 1px 2px rgba(20,23,29,.04),0 14px 34px rgba(20,23,29,.06);--r:18px;--rs:12px;
  --side:#f5f4f0;--side-ink:#5f6672;--side-active:#ebe8e1;--side-edge:#e7e4dc;--side-brand:#14171d;
  --s-accepted:#8a8f99;--s-in_progress:#1d3f7a;--s-waiting_parts:#b5761c;--s-waiting_approval:#c2792b;--s-ready:#2c7a5b;--s-delivered:#5f6672;
  color-scheme:light;
}
[data-skin="studio"] body{font-family:Manrope,system-ui,sans-serif;background:var(--bg);background-image:radial-gradient(rgba(20,23,29,.022) 1px,transparent 1px);background-size:4px 4px}

/* editorial display type for headlines and every big number */
[data-skin="studio"] h1,[data-skin="studio"] .hero-num,[data-skin="studio"] .kpi b,[data-skin="studio"] .hero-stat b,[data-skin="studio"] .mk-price b,[data-skin="studio"] .brand-name{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-.02em;font-optical-sizing:auto}
[data-skin="studio"] h1{font-size:2.1rem;line-height:1.08}
[data-skin="studio"] h2{font-size:1.05rem;font-weight:700;letter-spacing:-.01em}
[data-skin="studio"] .hero-num{font-size:5rem;font-weight:500;letter-spacing:-.03em}
[data-skin="studio"] .hero-label{font-size:1.05rem;color:var(--soft)}

/* sidebar: not a panel, just a quiet column behind a hairline */
[data-skin="studio"] .sidebar{width:236px;flex:0 0 236px;background:transparent;border-right:1px solid var(--edge);padding-top:6px}
[data-skin="studio"] .brand{padding:22px 20px 12px}
[data-skin="studio"] .brand-mark{border-radius:10px}
[data-skin="studio"] .nav{padding:4px 12px;gap:1px}
[data-skin="studio"] .nav-group{font-size:.64rem;letter-spacing:.2em;color:var(--faint);padding:18px 10px 6px}
[data-skin="studio"] .nav-item{border-radius:10px;font-weight:600;font-size:.9rem;padding:8px 10px;color:var(--soft);position:relative}
[data-skin="studio"] .nav-item .ic{opacity:.55;width:17px;height:17px}
[data-skin="studio"] .nav-item:hover{background:var(--side-active);color:var(--ink)}
[data-skin="studio"] .nav-item.active{background:transparent;color:var(--ink);font-weight:800}
[data-skin="studio"] .nav-item.active .ic{opacity:1;color:var(--primary)}
[data-skin="studio"] .nav-item.active::before{content:"";position:absolute;left:-12px;top:7px;bottom:7px;width:2px;border-radius:2px;background:var(--primary)}
[data-skin="studio"] .sidebar-foot{border-top:1px solid var(--edge);padding:14px 18px}
[data-skin="studio"] .trial-pill{background:var(--accent-soft);color:#8a5a12;border-radius:10px}

/* topbar: air, with the command field as the centre of gravity */
[data-skin="studio"] .topbar{background:transparent;border-bottom:1px solid var(--edge);padding:14px 28px;backdrop-filter:saturate(1.2) blur(8px)}
[data-skin="studio"] .search{background:var(--card);border:1px solid var(--edge);border-radius:999px;padding:0 16px;max-width:460px;margin:0 auto;box-shadow:0 1px 2px rgba(20,23,29,.04)}
[data-skin="studio"] .search input{padding:10px 0;font-size:.93rem}
[data-skin="studio"] .content{padding:30px 28px 44px;max-width:1420px}

/* cards: white paper, no border, long soft shadow */
[data-skin="studio"] .card,[data-skin="studio"] .bay-card,[data-skin="studio"] .modal-card{border:0;box-shadow:var(--shadow);padding:22px}
[data-skin="studio"] .bay-card.free{border:1px dashed var(--edge);box-shadow:none;background:rgba(255,255,255,.4)}
[data-skin="studio"] .card-head h2{letter-spacing:.01em}

/* KPI row reads as one continuous editorial band, split by hairlines */
[data-skin="studio"] .kpis{gap:0;background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}
[data-skin="studio"] .kpi{border:0;border-right:1px solid var(--edge);border-radius:0;padding:20px 18px;background:transparent}
[data-skin="studio"] .kpi:last-child{border-right:0}
[data-skin="studio"] .kpi::after{display:none}
[data-skin="studio"] .kpi:hover{background:var(--chip)}
[data-skin="studio"] .kpi span{font-size:.66rem;letter-spacing:.16em;color:var(--faint);font-weight:800}
[data-skin="studio"] .kpi b{font-size:1.62rem;margin-top:6px;letter-spacing:-.03em}
[data-skin="studio"] .kpi small{font-size:.78rem;margin-top:2px}

/* buttons and fields: soft, generous, obvious */
[data-skin="studio"] .btn{border-radius:11px;font-weight:700;padding:10px 18px}
[data-skin="studio"] .btn.primary{box-shadow:0 6px 18px rgba(29,63,122,.22)}
[data-skin="studio"] .btn.sm{border-radius:9px}[data-skin="studio"] .btn.xs{border-radius:8px}
[data-skin="studio"] input,[data-skin="studio"] select,[data-skin="studio"] textarea{border-radius:11px;padding:11px 13px;background:#fdfdfc}
[data-skin="studio"] .badge{font-weight:800;letter-spacing:.02em;padding:3px 10px}
[data-skin="studio"] .plate{background:#fff;color:var(--ink);border:1px solid var(--edge);border-radius:7px;letter-spacing:.07em}

/* quiet tables: hairlines only, micro-caps headers */
[data-skin="studio"] .table th{font-size:.66rem;letter-spacing:.16em;color:var(--faint);padding:12px 12px}
[data-skin="studio"] .table td{padding:13px 12px}
[data-skin="studio"] .row-link:hover td{background:var(--chip)}

/* board: columns marked by a coloured rule instead of boxes */
[data-skin="studio"] .board-col{background:transparent;border-radius:0;border:0;border-top:2px solid var(--c,var(--edge));padding:12px 8px 8px}
[data-skin="studio"] .board-col[data-status=in_progress]{--c:var(--s-in_progress)}
[data-skin="studio"] .board-col[data-status=waiting_parts]{--c:var(--s-waiting_parts)}
[data-skin="studio"] .board-col[data-status=waiting_approval]{--c:var(--s-waiting_approval)}
[data-skin="studio"] .board-col[data-status=ready]{--c:var(--s-ready)}
[data-skin="studio"] .board-col[data-status=accepted]{--c:var(--s-accepted)}
[data-skin="studio"] .board-col-head{font-size:.68rem;letter-spacing:.16em;color:var(--faint)}
[data-skin="studio"] .job-card{border-radius:12px;border:1px solid var(--edge);border-left-width:3px;box-shadow:none}
[data-skin="studio"] .job-card:hover{box-shadow:var(--shadow);transform:none}

/* quick intake gets the weight of a primary action */
[data-skin="studio"] .quick-intake{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow)}
[data-skin="studio"] .plate-input{font-size:1.15rem;letter-spacing:.14em}

/* bays in Studio: paper tiles with a thin ring */
[data-skin="studio"] .ring circle{stroke-width:3}
[data-skin="studio"] .ring b{font-family:Fraunces,Georgia,serif;font-size:1.02rem;font-weight:600}
[data-skin="studio"] .bay-name{letter-spacing:.2em;font-size:.68rem}
[data-skin="studio"] .bay-meter-bar{height:4px}

/* auth + marketing inherit the same paper */
[data-skin="studio"] .auth-side{background:var(--primary);color:#fff}
[data-skin="studio"] .mk-strip{background:var(--ink)}
[data-skin="studio"] .flash{border-radius:12px}

/* Studio: the paper grain and a lighter wash over the photography */
[data-skin="studio"] body{background-image:url(img/grain.png);background-size:240px 240px;background-repeat:repeat}
[data-skin="studio"] .auth-side{background-image:linear-gradient(180deg,rgba(16,28,54,.74) 0%,rgba(16,28,54,.30) 34%,rgba(16,28,54,.62) 62%,rgba(16,28,54,.94) 100%),url(img/auth.jpg);background-position:center bottom,center 78%;background-size:cover,cover}
[data-skin="studio"] .auth-side::before,[data-skin="studio"] .auth-side::after{display:none}
[data-skin="studio"] .auth-side h2{font-family:Fraunces,Georgia,serif;font-weight:600}
[data-skin="studio"] .mk-hero::before{background:linear-gradient(90deg,var(--bg) 0 44%,rgba(245,244,240,.35) 64%,transparent),url(img/hero.jpg) right center/cover no-repeat}

/* ---------- STUDIO NIGHT: the same structure, after dark ---------- */
[data-skin="studio"][data-theme="dark"]{
  --bg:#12141a;--card:#191c24;--edge:#272b35;--ink:#ece9e3;--soft:#a2a8b4;--faint:#6d7482;
  --primary:#7ba4ec;--primary-ink:#0e1118;--primary-soft:#1b2334;--accent:#d9a24a;
  --ok:#52b187;--ok-soft:#14291f;--warn:#d1a04a;--warn-soft:#2b2416;--danger:#dc8380;--danger-soft:#2e1d1c;--info-soft:#1b2334;
  --chip:#232733;--accent-soft:#2b2416;
  --shadow:0 1px 2px rgba(0,0,0,.5),0 16px 40px rgba(0,0,0,.42);
  --side:#12141a;--side-ink:#a2a8b4;--side-active:#1e222c;--side-edge:#272b35;--side-brand:#ece9e3;
  --s-accepted:#7e8593;--s-in_progress:#7ba4ec;--s-waiting_parts:#d1a04a;--s-waiting_approval:#dba05c;--s-ready:#52b187;--s-delivered:#8a909c;
  color-scheme:dark;
}
[data-skin="studio"][data-theme="dark"] body{background-image:radial-gradient(1200px 600px at 20% -10%,rgba(123,164,236,.07),transparent 60%)}
[data-skin="studio"][data-theme="dark"] input,[data-skin="studio"][data-theme="dark"] select,[data-skin="studio"][data-theme="dark"] textarea{background:#14171e}
[data-skin="studio"][data-theme="dark"] .plate{background:#14171e;border-color:var(--edge);color:var(--ink)}
[data-skin="studio"][data-theme="dark"] .search{background:var(--card)}
[data-skin="studio"][data-theme="dark"] .bay-card.free{background:rgba(255,255,255,.015)}
[data-skin="studio"][data-theme="dark"] .empty-state img{filter:invert(1);opacity:.28}
[data-skin="studio"][data-theme="dark"] .mk-hero::before{background:linear-gradient(90deg,var(--bg) 0 44%,rgba(18,20,26,.4) 64%,transparent),url(img/hero.jpg) right center/cover no-repeat}
@media (prefers-color-scheme:dark){
  [data-skin="studio"][data-theme="auto"]{
    --bg:#12141a;--card:#191c24;--edge:#272b35;--ink:#ece9e3;--soft:#a2a8b4;--faint:#6d7482;
    --primary:#7ba4ec;--primary-ink:#0e1118;--primary-soft:#1b2334;--accent:#d9a24a;
    --ok:#52b187;--ok-soft:#14291f;--warn:#d1a04a;--warn-soft:#2b2416;--danger:#dc8380;--danger-soft:#2e1d1c;--info-soft:#1b2334;
    --chip:#232733;--accent-soft:#2b2416;
    --shadow:0 1px 2px rgba(0,0,0,.5),0 16px 40px rgba(0,0,0,.42);
    --side:#12141a;--side-ink:#a2a8b4;--side-active:#1e222c;--side-edge:#272b35;--side-brand:#ece9e3;
    color-scheme:dark;
  }
  [data-skin="studio"][data-theme="auto"] body{background-image:radial-gradient(1200px 600px at 20% -10%,rgba(123,164,236,.07),transparent 60%)}
  [data-skin="studio"][data-theme="auto"] input,[data-skin="studio"][data-theme="auto"] select,[data-skin="studio"][data-theme="auto"] textarea{background:#14171e}
  [data-skin="studio"][data-theme="auto"] .search{background:var(--card)}
  [data-skin="studio"][data-theme="auto"] .empty-state img{filter:invert(1);opacity:.28}
  /* phone in dark mode: plates and the bottom bar must turn dark too (they were white on white) */
  [data-skin="studio"][data-theme="auto"] .plate{background:#14171e;border-color:var(--edge);color:var(--ink)}
  [data-skin="studio"][data-theme="auto"] .tabbar{background:rgba(25,28,36,.94)}
  [data-skin="studio"][data-theme="auto"] .tabbar a.fab{color:var(--primary-ink)}
}

/* ---------- Studio on a phone: full-width command field, real bottom bar ---------- */
@media (max-width:860px){
  [data-skin="studio"] .search{max-width:none;margin:0}
  [data-skin="studio"] .topbar{padding:10px 14px;background:var(--bg)}
  [data-skin="studio"] .content{padding:18px 14px 88px}
  [data-skin="studio"] h1{font-size:1.6rem}
  [data-skin="studio"] .hero-num{font-size:3.4rem}
  [data-skin="studio"] .kpis{grid-template-columns:1fr 1fr}
  [data-skin="studio"] .kpi{border-bottom:1px solid var(--edge)}
  [data-skin="studio"] .kpi:nth-child(2n){border-right:0}
  [data-skin="studio"] .tabbar{display:grid;grid-template-columns:1fr 1fr 64px 1fr 1fr;position:fixed;left:0;right:0;bottom:0;height:66px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-top:1px solid var(--edge);z-index:60;padding-bottom:env(safe-area-inset-bottom)}
  [data-skin="studio"] .tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--faint);font-size:.63rem;font-weight:700;letter-spacing:.04em;text-decoration:none;text-align:center;line-height:1.1}
  [data-skin="studio"] .tabbar a.active{color:var(--primary)}
  [data-skin="studio"] .tabbar a .ic{width:21px;height:21px}
  [data-skin="studio"] .tabbar a.fab{align-self:center;justify-self:center;width:54px;height:54px;border-radius:50%;background:var(--primary);color:#fff;box-shadow:0 8px 22px rgba(29,63,122,.4);margin-top:-20px}
  [data-skin="studio"] .tabbar a.fab .ic{width:26px;height:26px}
  [data-skin="studio"][data-theme="dark"] .tabbar{background:rgba(25,28,36,.94)}
}
[data-skin="studio"][data-theme="dark"] .btn.primary{color:var(--primary-ink);box-shadow:0 6px 18px rgba(0,0,0,.45)}
[data-skin="studio"][data-theme="dark"] .tabbar a.fab{color:var(--primary-ink)}
@media (prefers-color-scheme:dark){[data-skin="studio"][data-theme="auto"] .btn.primary{color:var(--primary-ink);box-shadow:0 6px 18px rgba(0,0,0,.45)}}
/* dense inputs inside the line-items editor so the columns keep their width */
[data-skin="studio"] .items-table input,[data-skin="studio"] .items-table select{padding:7px 9px;border-radius:8px;font-size:.9rem}
[data-skin="studio"] .items-table th,[data-skin="studio"] .items-table td{padding:8px 7px}
/* Carbon only (15.10.2026): the work order is one page again – work on the left, customer link and customer on the right */
[data-skin="carbon"] .job-grid{grid-template-columns:minmax(0,1fr) 360px;gap:16px}
[data-skin="carbon"] .job-main,[data-skin="carbon"] .job-side{display:flex;flex-direction:column;gap:16px;min-width:0}
[data-skin="carbon"] .job-side .card,[data-skin="carbon"] .job-main .card{max-width:none}
[data-skin="carbon"] .job-tabs{display:none!important}
@media (max-width:1100px){[data-skin="carbon"] .job-grid{grid-template-columns:1fr}}
/* call button: green in every skin (the carbon .btn background would hide it) */
[data-skin] .btn.call-btn{background:var(--ok);border-color:var(--ok);color:#04140b;box-shadow:0 0 18px color-mix(in srgb,var(--ok) 35%,transparent)}
[data-skin] .btn.call-btn svg{color:#04140b}