/* GENERATED by tools/cabinet_gen/skins.py. Do not edit by hand. Skins: cockpit, command, journey. */
[data-skin="cockpit"][data-theme="dark"] { color-scheme: dark; --bg: #080d13; --bg-alt: #0b121a; --surface: #0f1822; --surface-2: #142030; --surface-3: #1b2a3d; --line: #223244; --line-2: #36506a; --thead-bg: #142030; --hdr-bg: rgba(8, 13, 19, .86); --row-hover: #142030; --text: #e9eff5; --text-2: #bccad8; --text-3: #a1b2c3; --focus: #9bd8ff; --field-line: #6f87a0; --accent: #62cdf2; --accent-hover: #8ad9f5; --accent-ink: #04151d; --accent-soft: #0f2a38; --accent-text: #62cdf2; --link: #7fd6f5; --pot: #b9a3f7; --pot-soft: #231d3c; --pot-text: #c9b8fa; --ver: #62cdf2; --ver-soft: #0f2a38; --ver-text: #7fd6f5; --col: #58d6a0; --col-soft: #0f2f23; --col-text: #6fe0b0; --good: #58d6a0; --good-soft: #0f2f23; --good-text: #6fe0b0; --warn: #f2a63b; --warn-soft: #2e2210; --warn-text: #f5b95e; --warn-line: #a8721f; --bad: #ff8e86; --bad-soft: #3a1a1c; --bad-text: #ffa7a0; --info: #7fb2e8; --info-soft: #13273b; --info-text: #9cc6f0; --c1: #62cdf2; --c2: #f2a63b; --c3: #b9a3f7; --c4: #cdd8e3; --c5: #58d6a0; --radius-sm: 8px; --radius: 14px; --radius-lg: 20px; --shadow-1: 0 1px 0 rgba(255,255,255,.03); --shadow-2: 0 24px 60px -24px rgba(0, 0, 0, .7), 0 0 0 1px rgba(98, 205, 242, .06); --cta-bg: #0e2230; --cta-line: #1f3f55; --page-head-bg: transparent; --hero-glow: radial-gradient(60% 50% at 70% 0%, rgba(58, 167, 211, .20), transparent 70%), radial-gradient(40% 40% at 10% 10%, rgba(242, 166, 59, .08), transparent 70%); --grid-line: rgba(120, 160, 200, .07); --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --heading-weight: 650; --heading-tracking: -0.025em; --eyebrow-font: "JetBrains Mono", ui-monospace, monospace; }
[data-skin="cockpit"][data-theme="light"] { color-scheme: light; --bg: #f6f8fb; --bg-alt: #edf1f6; --surface: #ffffff; --surface-2: #f3f6fa; --surface-3: #e3e9ef; --line: #dbe3ec; --line-2: #aebccb; --thead-bg: #eef2f6; --hdr-bg: rgba(244, 246, 248, .88); --row-hover: #f1f4f7; --text: #0b1722; --text-2: #34475a; --text-3: #4c5f71; --focus: #0b5cd5; --field-line: #6f8296; --accent: #0a6290; --accent-hover: #08507a; --accent-ink: #ffffff; --accent-soft: #e2eef5; --accent-text: #0a6290; --link: #0a6290; --pot: #6b4bb8; --pot-soft: #ece7f8; --pot-text: #5a3da4; --ver: #0a6290; --ver-soft: #e2eef5; --ver-text: #0a6290; --col: #0c6b47; --col-soft: #dff1e8; --col-text: #0c6b47; --good: #0c6b47; --good-soft: #e3f4ec; --good-text: #0c6b47; --warn: #b8560b; --warn-soft: #fbeedd; --warn-text: #8a4000; --warn-line: #b8560b; --bad: #b3261e; --bad-soft: #fbe9e7; --bad-text: #a01d16; --info: #1f5f99; --info-soft: #e3eef9; --info-text: #1b568c; --c1: #0a6290; --c2: #a34a07; --c3: #6b4bb8; --c4: #55626f; --c5: #0c6b47; --shadow-1: 0 1px 2px rgba(20,40,60,.05), 0 8px 24px -14px rgba(20,40,60,.14); --shadow-2: 0 1px 2px rgba(20, 40, 60, .06), 0 12px 32px -16px rgba(20, 40, 60, .22); --cta-bg: #e2eef5; --cta-line: #bcd4e4; --hero-glow: none; --grid-line: transparent; --radius-sm: 8px; --radius: 14px; --radius-lg: 20px; }
[data-skin="command"][data-theme="dark"] { color-scheme: dark; --bg: #050807; --bg-alt: #080c0a; --surface: #0a100d; --surface-2: #101813; --surface-3: #18241d; --line: #22362b; --line-2: #3f604d; --thead-bg: #101813; --hdr-bg: rgba(5, 8, 7, .94); --row-hover: #101813; --text: #d9eadd; --text-2: #aac3b2; --text-3: #93ad9c; --focus: #ffd166; --field-line: #6f9480; --accent: #4be38a; --accent-hover: #7bf0ae; --accent-ink: #02140a; --accent-soft: #0d2a1b; --accent-text: #4be38a; --link: #6ff0a8; --pot: #e0b44d; --pot-soft: #2a2108; --pot-text: #efc765; --ver: #5fd4e6; --ver-soft: #0b2a30; --ver-text: #7fe0ef; --col: #4be38a; --col-soft: #0d2a1b; --col-text: #6ff0a8; --good: #4be38a; --good-soft: #0d2a1b; --good-text: #6ff0a8; --warn: #ff9e3d; --warn-soft: #2d1a08; --warn-text: #ffb561; --warn-line: #a8601f; --bad: #ff7b72; --bad-soft: #331314; --bad-text: #ff9a93; --info: #6cb6ff; --info-soft: #10253b; --info-text: #9cccff; --c1: #4be38a; --c2: #e0b44d; --c3: #5fd4e6; --c4: #c9d6cc; --c5: #ff9e3d; --radius-sm: 2px; --radius: 3px; --radius-lg: 4px; --shadow-1: none; --shadow-2: 0 0 0 1px #3f604d; --cta-bg: #0e2230; --cta-line: #1f3f55; --page-head-bg: transparent; --hero-glow: radial-gradient(60% 50% at 70% 0%, rgba(58, 167, 211, .20), transparent 70%), radial-gradient(40% 40% at 10% 10%, rgba(242, 166, 59, .08), transparent 70%); --grid-line: rgba(120, 160, 200, .07); --font: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --heading-weight: 600; --heading-tracking: 0; --eyebrow-font: "JetBrains Mono", ui-monospace, monospace; }
[data-skin="command"][data-theme="light"] { color-scheme: light; --bg: #eceee6; --bg-alt: #e3e6dc; --surface: #fafaf6; --surface-2: #f0f2ea; --surface-3: #dfe3d6; --line: #c9cfbd; --line-2: #8e9a82; --thead-bg: #e9ece0; --hdr-bg: rgba(236, 238, 230, .95); --row-hover: #f0f2ea; --text: #11170f; --text-2: #394534; --text-3: #4a5744; --focus: #0b5cd5; --field-line: #6b7862; --accent: #17663a; --accent-hover: #0f4f2c; --accent-ink: #ffffff; --accent-soft: #dcebdf; --accent-text: #17663a; --link: #17663a; --pot: #7a5200; --pot-soft: #f4e8c9; --pot-text: #6e4a00; --ver: #0b5f6e; --ver-soft: #d7ecef; --ver-text: #0b5f6e; --col: #17663a; --col-soft: #dcebdf; --col-text: #17663a; --good: #17663a; --good-soft: #dcebdf; --good-text: #17663a; --warn: #b8560b; --warn-soft: #fbeedd; --warn-text: #8a4000; --warn-line: #b8560b; --bad: #b3261e; --bad-soft: #fbe9e7; --bad-text: #a01d16; --info: #1f5f99; --info-soft: #e3eef9; --info-text: #1b568c; --c1: #17663a; --c2: #8a5a00; --c3: #0b5f6e; --c4: #55604d; --c5: #a34a07; --shadow-1: none; --shadow-2: 0 0 0 1px #8e9a82; --cta-bg: #e2eef5; --cta-line: #bcd4e4; --hero-glow: none; --grid-line: transparent; --radius-sm: 2px; --radius: 3px; --radius-lg: 4px; --font: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --heading-weight: 600; --heading-tracking: 0; }
[data-skin="journey"][data-theme="dark"] { color-scheme: dark; --bg: #0f1122; --bg-alt: #13162b; --surface: #171a35; --surface-2: #1e2244; --surface-3: #292e59; --line: #2e3466; --line-2: #4d5694; --thead-bg: #1e2244; --hdr-bg: rgba(15, 17, 34, .9); --row-hover: #1e2244; --text: #eef0fc; --text-2: #c6cbea; --text-3: #a9aed8; --focus: #ffd479; --field-line: #838cc8; --accent: #ffb454; --accent-hover: #ffc982; --accent-ink: #1f1300; --accent-soft: #3a2a12; --accent-text: #ffc678; --link: #a9bcff; --pot: #c4a8ff; --pot-soft: #2b2150; --pot-text: #d3bfff; --ver: #7fc8ff; --ver-soft: #12304a; --ver-text: #9ad6ff; --col: #6fe3b0; --col-soft: #123a2c; --col-text: #86ecc0; --good: #6fe3b0; --good-soft: #123a2c; --good-text: #86ecc0; --warn: #f2a63b; --warn-soft: #2e2210; --warn-text: #f5b95e; --warn-line: #a8721f; --bad: #ff8e86; --bad-soft: #3a1a1c; --bad-text: #ffa7a0; --info: #7fb2e8; --info-soft: #13273b; --info-text: #9cc6f0; --c1: #ffb454; --c2: #7fc8ff; --c3: #c4a8ff; --c4: #d3d7f2; --c5: #6fe3b0; --radius-sm: 8px; --radius: 14px; --radius-lg: 22px; --shadow-1: 0 1px 0 rgba(255,255,255,.03); --shadow-2: 0 24px 60px -24px rgba(0,0,0,.7), 0 0 0 1px rgba(168,180,255,.12); --cta-bg: #0e2230; --cta-line: #1f3f55; --page-head-bg: transparent; --hero-glow: radial-gradient(60% 50% at 70% 0%, rgba(58, 167, 211, .20), transparent 70%), radial-gradient(40% 40% at 10% 10%, rgba(242, 166, 59, .08), transparent 70%); --grid-line: rgba(120, 160, 200, .07); --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --heading-weight: 700; --heading-tracking: -0.02em; --eyebrow-font: "JetBrains Mono", ui-monospace, monospace; }
[data-skin="journey"][data-theme="light"] { color-scheme: light; --bg: #fbf6ee; --bg-alt: #f4ecdf; --surface: #ffffff; --surface-2: #f9f2e7; --surface-3: #efe4d2; --line: #e7dcc8; --line-2: #b8a384; --thead-bg: #f6eee0; --hdr-bg: rgba(251, 246, 238, .92); --row-hover: #f9f2e7; --text: #1e1730; --text-2: #473d61; --text-3: #5b5174; --focus: #5b3fd0; --field-line: #85789c; --accent: #5035bd; --accent-hover: #3f2899; --accent-ink: #ffffff; --accent-soft: #ece8fb; --accent-text: #5035bd; --link: #5035bd; --pot: #7b3fb5; --pot-soft: #f0e6fa; --pot-text: #6a2fa3; --ver: #0a62a8; --ver-soft: #e0eefa; --ver-text: #0a62a8; --col: #0c6b47; --col-soft: #dff1e8; --col-text: #0c6b47; --good: #0c6b47; --good-soft: #e3f4ec; --good-text: #0c6b47; --warn: #b8560b; --warn-soft: #fbeedd; --warn-text: #8a4000; --warn-line: #b8560b; --bad: #b3261e; --bad-soft: #fbe9e7; --bad-text: #a01d16; --info: #1f5f99; --info-soft: #e3eef9; --info-text: #1b568c; --c1: #5035bd; --c2: #a34a07; --c3: #0a62a8; --c4: #5b5174; --c5: #0c6b47; --shadow-1: 0 1px 2px rgba(60,40,20,.06); --shadow-2: 0 1px 2px rgba(60,40,20,.06), 0 14px 34px -16px rgba(60,40,90,.28); --cta-bg: #e2eef5; --cta-line: #bcd4e4; --hero-glow: none; --grid-line: transparent; --radius-sm: 8px; --radius: 14px; --radius-lg: 22px; --heading-weight: 700; --heading-tracking: -0.02em; }

/* ---------- skin structure (applies to html and to live preview tiles carrying data-skin) ---------- */
/* Cockpit: light airy cards, big numbers */
[data-skin="cockpit"] .card { padding: 24px 26px; }
[data-skin="cockpit"] .kpi { padding: 22px 24px; border-radius: var(--radius-lg); box-shadow: var(--shadow-1); }
[data-skin="cockpit"] .kpi__v { font-size: clamp(2.3rem, 1.6rem + 2vw, 3.1rem); letter-spacing: -.035em; line-height: 1.05; margin-top: 8px; }
[data-skin="cockpit"] .fcard__amt { font-size: 2.4rem; letter-spacing: -.03em; }
[data-skin="cockpit"] .g12 { gap: 22px; margin-bottom: 22px; }
[data-skin="cockpit"] .kpis { gap: 18px; }
[data-skin="cockpit"] .ph h1 { font-size: clamp(1.9rem, 1.3rem + 2vw, 2.9rem); }
html[data-skin="cockpit"][data-mode="pro"] .kpi__v { font-size: 2rem; }
html[data-skin="cockpit"][data-mode="pro"] .card { padding: 16px 18px; }
html[data-skin="cockpit"] .cab-nav .st { border-color: transparent; background: var(--surface-2); }
/* Command: dense terminal */
html[data-skin="command"] .cab-main, .skin-tile[data-skin="command"] { font-size: .875rem; }
[data-skin="command"] .card { padding: 11px 14px; border-radius: var(--radius); }
[data-skin="command"] .card h2 { font: 700 .75rem/1.3 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--text-2); }
[data-skin="command"] .card h2::before { content: "> "; color: var(--accent-text); }
[data-skin="command"] .kpi { padding: 10px 12px; border-radius: var(--radius); }
[data-skin="command"] .kpi__v { font: 700 1.55rem/1.1 var(--mono); }
[data-skin="command"] .fcard__amt { font: 700 1.4rem/1.1 var(--mono); }
[data-skin="command"] .fcard { padding: 12px; border-radius: var(--radius); }
[data-skin="command"] .g12 { gap: 10px; margin-bottom: 10px; }
[data-skin="command"] .kpis { gap: 10px; }
[data-skin="command"] .ph h1 { font-size: 1.35rem; }
[data-skin="command"] .ph__lede { font-size: .875rem; }
[data-skin="command"] .tb { font-size: .8125rem; }
[data-skin="command"] .tb th, [data-skin="command"] .tb td { padding: 4px 8px; }
[data-skin="command"] .tb td.num, [data-skin="command"] .tb td.mono { font-family: var(--mono); }
[data-skin="command"] .btn { min-height: 34px; padding-block: 5px; font-size: .8125rem; }
html[data-skin="command"] .cab-top { border-bottom-color: var(--line-2); }
html[data-skin="command"] .cab-mode, html[data-skin="command"] .cab-tbtn, html[data-skin="command"] .cab-search input { border-radius: var(--radius); }
html[data-skin="command"] .cab-mode button { border-radius: var(--radius-sm); }
html[data-skin="command"] .cab-nav .st { padding: 6px 8px 4px; border-radius: var(--radius); }
html[data-skin="command"] .cab-nav .st li a { padding: 3px 8px; font-size: .8125rem; }
html[data-skin="command"] .cab-nav__home a, html[data-skin="command"] .cab-nav__tools a { padding: 4px 8px; font-size: .8125rem; }
html[data-skin="command"] .cab-nav .st__n { border-radius: var(--radius); width: 22px; height: 22px; font-size: .72rem; }
html[data-skin="command"] .cab-nav .st__d { display: none; }
html[data-skin="command"] .cab-nav .cab-bar-track { margin-left: 32px; height: 4px; }
html[data-skin="command"] .cab-nav .nk { display: inline; }
html[data-skin="command"] .cab-bar { border-top-width: 1px; box-shadow: none; }
html[data-skin="command"] .cab-bar__t strong { font-size: .9375rem; }
html[data-skin="command"] .chip, html[data-skin="command"] .st-chip, html[data-skin="command"] .cab-brand__tag { border-radius: var(--radius); }
html[data-skin="command"] .cab .journey a { padding: 10px; }
/* Journey: guided rail + coach bubble */
html[data-skin="journey"] .cab-nav ol { position: relative; }
html[data-skin="journey"] .cab-nav ol::before { content: ""; position: absolute; left: 24px; top: 18px; bottom: 18px; width: 3px; background: var(--line-2); border-radius: 3px; }
html[data-skin="journey"] .cab-nav .st { position: relative; background: transparent; border-color: transparent; padding-left: 8px; }
html[data-skin="journey"] .cab-nav .st__n { width: 34px; height: 34px; background: var(--surface); border: 3px solid var(--accent); color: var(--accent-text); font-size: .95rem; position: relative; z-index: 1; }
html[data-skin="journey"] .cab-nav .st.is-done .st__n { background: var(--col); border-color: var(--col); color: var(--bg); }
html[data-skin="journey"] .cab-nav .st__t { font-size: 1.05rem; }
html[data-skin="journey"] .cab-nav .st__d, html[data-skin="journey"] .cab-nav .cab-bar-track { margin-left: 44px; }
html[data-skin="journey"] .cab-nav .st ul { margin-left: 44px; }
html[data-mode="pro"][data-skin="journey"] .cab-nav ol::before { display: none; }
html[data-skin="journey"] .cab-nav .st:has(a[aria-current="page"]) { background: var(--accent-soft); border-radius: var(--radius); }
html[data-skin="journey"] .cab-top { border-bottom: 0; box-shadow: 0 6px 24px -16px rgba(0,0,0,.35); }
html[data-skin="journey"] .cab-bar { border: 0; border-top: 0; background: transparent; box-shadow: none; padding-bottom: 8px; }
html[data-skin="journey"] .cab-bar__in { background: var(--accent-soft); border: 2px solid var(--accent); border-radius: var(--radius-lg); padding: 12px 18px; position: relative; max-width: calc(1800px - 72px); }
html[data-skin="journey"] .cab-bar__in::before { content: "Coach"; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--accent); color: var(--accent-ink); font: 700 .72rem/1 var(--font); flex: none; }
html[data-skin="journey"] .cab-bar__lab { display: none; }
html[data-skin="journey"] .cab-coach { border-radius: var(--radius-lg); border-color: var(--accent); border-width: 2px; }
html[data-skin="journey"] .card--accent { border-width: 2px; }
html[data-skin="journey"] .btn { border-radius: 999px; }
html[data-skin="journey"][data-mode="pro"] .cab-bar { display: none; }
@media (max-width: 640px) { html[data-skin="journey"] .cab-bar__in::before { display: none; } }
@media (max-width: 979px) { html[data-skin="journey"] .cab-nav ol::before { display: none; } }