:root {
  --skin-panel: #fff; --skin-raised: #f6f8f1; --skin-field: #fff; --skin-soft: #eaf0df;
  --skin-primary: #194e46; --skin-on-primary: #fff; --skin-shadow: 0 12px 40px #123c3612;
}
:root[data-skin="neon"] {
  color-scheme: dark; --ink:#eef5ff; --muted:#a8b9d6; --green:#63f4db; --green-dark:#070b1b; --accent:#f68bd8; --line:#2c3c5b; --paper:#080e21; --white:#121b32; --red:#ff8497; --amber:#f7cc7a; --radius:15px;
  --skin-page:radial-gradient(ellipse at 95% 0%,#e53f981c,transparent 45%),radial-gradient(ellipse at 20% 70%,#06ddcc12,transparent 55%),#080e21;
  --skin-sidebar:linear-gradient(170deg,#170d2d,#071b29 75%); --skin-topbar:#0b1226ed; --skin-panel:linear-gradient(135deg,#16223bef,#10192ff5); --skin-raised:#18263e; --skin-field:#0c152b; --skin-soft:#193047;
  --skin-primary:linear-gradient(110deg,#63f4db,#76d5ff); --skin-on-primary:#081d29; --skin-active:linear-gradient(110deg,#6af4dd,#b5afff); --skin-active-ink:#071e2b; --skin-glow:#5cf7dd30; --skin-shadow:0 14px 42px #0005; --skin-heading:linear-gradient(100deg,#a6fff0,#8fc6ff 60%,#ffb3e3);
}
:root[data-skin="violet"] {
  color-scheme: dark; --ink:#f6efff; --muted:#c4b2db; --green:#d1b0ff; --green-dark:#12091e; --accent:#d9f789; --line:#4c355f; --paper:#140e26; --white:#271c3c; --red:#ff94b4; --amber:#f2d587; --radius:22px;
  --skin-page:radial-gradient(ellipse at 90% 10%,#9c32e534,transparent 48%),radial-gradient(ellipse at 15% 80%,#f472a21c,transparent 45%),#140e26;
  --skin-sidebar:linear-gradient(165deg,#2d104b,#16132f 65%,#291c48); --skin-topbar:#1d142eea; --skin-panel:linear-gradient(130deg,#332047e8,#241a38f5); --skin-raised:#372747; --skin-field:#1a122b; --skin-soft:#3b2854;
  --skin-primary:linear-gradient(110deg,#ba9aff,#f2a4dd); --skin-on-primary:#2c123a; --skin-active:linear-gradient(110deg,#ddf69d,#c8b2ff); --skin-active-ink:#2b193c; --skin-glow:#cb8bff30; --skin-shadow:0 15px 45px #0b041f50; --skin-heading:linear-gradient(105deg,#f1d8ff,#c4a7ff 65%,#e6fda1);
}
:root[data-skin="sunset"] {
  color-scheme: light; --ink:#54243c; --muted:#895c6b; --green:#a62f5b; --green-dark:#4a1c3b; --accent:#ffdf8f; --line:#ebcbd0; --paper:#fff2e8; --white:#fffaf6; --red:#b73148; --amber:#8b5a12; --radius:18px;
  --skin-page:radial-gradient(ellipse at 95% 0%,#ffd4e4a6,transparent 55%),radial-gradient(ellipse at 40% 90%,#ffda965c,transparent 45%),#fff2e8;
  --skin-sidebar:linear-gradient(155deg,#532244,#9c365d 60%,#c76250); --skin-topbar:#fff7efed; --skin-panel:linear-gradient(145deg,#fffdf9ed,#fff4f2f2); --skin-raised:#fff5ed; --skin-field:#fffaf6; --skin-soft:#ffe6dc;
  --skin-primary:linear-gradient(110deg,#c13458,#963a86); --skin-on-primary:#fff; --skin-active:linear-gradient(105deg,#ffdf8c,#ffc0d5); --skin-active-ink:#57213b; --skin-glow:#ffb19535; --skin-shadow:0 14px 40px #9b445510; --skin-heading:linear-gradient(100deg,#ad2e62,#a44286 65%,#c8673f);
}
:root[data-skin="aurora"] {
  color-scheme: light; --ink:#24365b; --muted:#617398; --green:#4058c2; --green-dark:#21306f; --accent:#b3f1ed; --line:#cbd8ee; --paper:#edf4ff; --white:#f9fcff; --red:#b3335f; --amber:#8a5e15; --radius:20px;
  --skin-page:radial-gradient(ellipse at 95% 5%,#d9cbffb3,transparent 50%),radial-gradient(ellipse at 15% 65%,#b7f2ee80,transparent 50%),#edf4ff;
  --skin-sidebar:linear-gradient(160deg,#1c2d68,#484495 55%,#197987); --skin-topbar:#f8fbffde; --skin-panel:linear-gradient(135deg,#ffffffed,#f7fbffd6); --skin-raised:#f4f8ff; --skin-field:#fbfdff; --skin-soft:#e6edff;
  --skin-primary:linear-gradient(115deg,#405fc9,#8b4dd1); --skin-on-primary:#fff; --skin-active:linear-gradient(110deg,#bbf5ef,#d9c7ff); --skin-active-ink:#253765; --skin-glow:#91b4ff30; --skin-shadow:0 14px 45px #4b6da013; --skin-heading:linear-gradient(100deg,#3353b3,#7c41b5 70%,#297a90);
}
:root[data-skin="gold"] {
  color-scheme: dark; --ink:#f5ead2; --muted:#c2b393; --green:#e5c476; --green-dark:#11110f; --accent:#e5c476; --line:#4c4434; --paper:#151411; --white:#25221d; --red:#ff9696; --amber:#f3d18b; --radius:8px;
  --skin-page:radial-gradient(ellipse at 90% 0%,#b8903520,transparent 55%),#151411;
  --skin-sidebar:linear-gradient(170deg,#0e0e0c,#1d1a13); --skin-topbar:#191813ef; --skin-panel:linear-gradient(135deg,#2c281fed,#211f1af5); --skin-raised:#302b22; --skin-field:#1b1915; --skin-soft:#393022;
  --skin-primary:linear-gradient(105deg,#e9cc8c,#bea05c); --skin-on-primary:#211809; --skin-active:linear-gradient(105deg,#f0d49a,#c3a163); --skin-active-ink:#261b09; --skin-glow:#dbb96220; --skin-shadow:0 14px 42px #0004; --skin-heading:linear-gradient(110deg,#fff0d0,#debe75 65%,#b99c5e);
}
:root[data-skin]:not([data-skin="forest"]) { color:var(--ink); background:var(--paper); }
:root[data-skin]:not([data-skin="forest"]) body { background:var(--skin-page); background-attachment:fixed; color:var(--ink); accent-color:var(--green); }
:root[data-skin]:not([data-skin="forest"]) .main { background:transparent; }
:root[data-skin]:not([data-skin="forest"]) .auth-form-side { background:var(--paper); }
:root[data-skin]:not([data-skin="forest"]) .auth-story { background:var(--skin-sidebar); }
:root[data-skin]:not([data-skin="forest"]) .sidebar { background:var(--skin-sidebar); border-right:1px solid #ffffff14; box-shadow:10px 0 45px #00000012; }
:root[data-skin]:not([data-skin="forest"]) :is(.brand-name,.sidebar .user-info strong) { color:#fff7ff; }
:root[data-skin]:not([data-skin="forest"]) :is(.brand-sub,.nav-label,.sidebar .user-info small,.sidebar .environment,.sidebar .environment p) { color:#d1d8e4; }
:root[data-skin]:not([data-skin="forest"]) .nav a { color:#e0e3f0; }
:root[data-skin]:not([data-skin="forest"]) .nav a:hover { background:#ffffff12; color:#fff; }
:root[data-skin]:not([data-skin="forest"]) .nav a.active { background:var(--skin-active); color:var(--skin-active-ink); box-shadow:0 5px 24px var(--skin-glow); }
:root[data-skin]:not([data-skin="forest"]) .brand-mark { background:var(--skin-active); color:var(--skin-active-ink); box-shadow:0 4px 22px var(--skin-glow); }
:root[data-skin]:not([data-skin="forest"]) .topbar { background:var(--skin-topbar); border-color:var(--line); backdrop-filter:blur(18px); }
:root[data-skin]:not([data-skin="forest"]) :is(.breadcrumb span:last-child,.field label,.feature-field-label,.feature-packaging-hint,.feature-package-group h4,.empty h3,.warehouse-card h3) { color:var(--ink); }
:root[data-skin]:not([data-skin="forest"]) :is(.eyebrow,.stat-label,.stat-label svg,.stat-note,.next-label,.next-time small,.rule-step small,.integration-row p,.stock-product-name,.rp-warehouse-account,.feature-form-help,.feature-form-label,.footer-note,.definition small,.feature-tracking-step small) { color:var(--muted); }
:root[data-skin]:not([data-skin="forest"]) :is(.page-heading h1,.skin-dialog-heading h2) { background:var(--skin-heading); background-clip:text; -webkit-background-clip:text; color:transparent; }
:root[data-skin]:not([data-skin="forest"]) :is(.card,.rp-metric,.rp-rulebox,.warehouse-card,.feature-stat,.feature-tracking-step,.feature-order-item,.definition) { background:var(--skin-panel); border-color:var(--line); border-radius:var(--radius); box-shadow:var(--skin-shadow); }
:root[data-skin]:not([data-skin="forest"]) :is(.stat.highlight,.run-hero,.formula,.definition,.notice,.feature-catalog-item,.patrol-summary>div,.feature-group-row td,.feature-tracking-step.active,.feature-purchase-cost-table .purchase-cost-subtotal,.feature-purchase-cost-table .purchase-cost-grand-total) { background:var(--skin-soft); color:var(--ink); border-color:var(--line); }
:root[data-skin]:not([data-skin="forest"]) :is(.data-summary a,.data-summary strong,.formula strong,.feature-stat strong,.feature-purchase-total strong,.rp-metric strong) { color:var(--green); }
:root[data-skin]:not([data-skin="forest"]) :is(.data-summary span,.data-summary small,.formula,.feature-channel small) { color:var(--muted); }
:root[data-skin]:not([data-skin="forest"]) .data-summary { background:transparent; }
:root[data-skin]:not([data-skin="forest"]) .data-summary a { background:var(--white); }
:root[data-skin]:not([data-skin="forest"]) .data-summary a:hover { background:var(--skin-raised); }
:root[data-skin]:not([data-skin="forest"]) .rule-divider { background:var(--line); }
:root[data-skin]:not([data-skin="forest"]) :is(.card-header,.card-footer,.filters,.integration-row,.rule-divider,.rule-step,.capability,.feature-channel,.feature-order-item,.feature-catalog-item,.feature-purchase-footer,.purchase-form-footer,.feature-package-grid,.rp-stock-summary,.modal-header,.menu-order-footer) { border-color:var(--line); }
:root[data-skin]:not([data-skin="forest"]) .btn-primary { background:var(--skin-primary); color:var(--skin-on-primary); box-shadow:0 3px 16px var(--skin-glow); }
:root[data-skin]:not([data-skin="forest"]) .btn-primary:hover { filter:brightness(1.08); }
:root[data-skin]:not([data-skin="forest"]) :is(.btn-secondary,.chip,.schedule-time,.control,.purchase-warehouse-picker,[data-purchase-total],.menu-order-moves button,.patrol-category,.db-records .db-row-action) { background:var(--skin-field); color:var(--ink); border-color:var(--line); }
:root[data-skin]:not([data-skin="forest"]) :is(.btn-secondary:hover,.schedule-time.current,.menu-order-moves button:hover:not(:disabled),.db-table-choice:hover,.db-table-choice.selected) { background:var(--skin-soft); color:var(--green); border-color:var(--line); }
:root[data-skin]:not([data-skin="forest"]) :is(.btn-quiet,.link-button,.icon-btn,.hero-icon,.integration-logo,.step-number,.empty-icon,.feature-chart-count) { color:var(--green); }
:root[data-skin]:not([data-skin="forest"]) :is(.hero-icon,.integration-logo,.step-number,.empty-icon,.avatar,.feature-tracking-step>span,.rp-rule-grid div,.db-schema-grid>div,.db-record-detail pre,.feature-channel,.purchase-form-footer) { background:var(--skin-soft); border-color:var(--line); }
:root[data-skin]:not([data-skin="forest"]) :is(.rp-tabs,.feature-tabs,.menu-order-row,.feature-order-item,.feature-create-product-section,.feature-label-options,.feature-comparison,.feature-inline-note,.rp-upload) { background:var(--skin-raised); color:var(--ink); border-color:var(--line); }
:root[data-skin]:not([data-skin="forest"]) :is(.rp-tabs .active,.feature-tab.active,.patrol-category.active) { background:var(--skin-primary); color:var(--skin-on-primary); border-color:var(--line); }
:root[data-skin]:not([data-skin="forest"]) :is(.feature-tab,.patrol-category,.menu-order-name svg,.menu-order-grip) { color:var(--muted); }
:root[data-skin]:not([data-skin="forest"]) :is(th,.rp-stock-list table th,.db-records th,.patrol-details-table th,.feature-purchase-cost-table th) { background:var(--skin-soft); color:var(--muted); border-color:var(--line); }
:root[data-skin]:not([data-skin="forest"]) :is(td,.rp-stock-list table td) { border-color:var(--line); }
:root[data-skin]:not([data-skin="forest"]) :is(.rp-stock-list,.rp-warehouse-line) { border-color:var(--line); }
:root[data-skin]:not([data-skin="forest"]) .rp-combined-heading small { color:var(--muted); }
:root[data-skin]:not([data-skin="forest"]) :is(td,td strong) { color:var(--ink); }
:root[data-skin]:not([data-skin="forest"]) td .subline { color:var(--muted); }
:root[data-skin]:not([data-skin="forest"]) :is(tbody tr:nth-child(odd),.rp-stock-list table tbody tr.rp-stock-group-odd) { background:var(--white); }
:root[data-skin]:not([data-skin="forest"]) :is(tbody tr:nth-child(even),.rp-stock-list table tbody tr.rp-stock-group-even) { background:var(--skin-raised); }
:root[data-skin]:not([data-skin="forest"]) :is(tbody tr:hover,.rp-stock-list table td.rp-stock-combined) { background:var(--skin-soft); }
:root[data-skin]:not([data-skin="forest"]) :is(.rp-stock-list table,.rp-stock-list .rp-stock-list-product,.rp-warehouse-line-name,.feature-purchase-product) { color:var(--ink); }
:root[data-skin]:not([data-skin="forest"]) .rp-warehouse-quantity { color:var(--muted); }
:root[data-skin]:not([data-skin="forest"]) :is(.rp-warehouse-quantity.is-zero,.rp-warehouse-quantity.is-negative,.stat.attention .stat-number,.rp-metric.danger strong) { color:var(--red); }
:root[data-skin]:not([data-skin="forest"]) .rp-metric.warning strong { color:var(--amber); }
:root[data-skin]:not([data-skin="forest"]) :is(dialog,.toast,.skin-dialog) { background:var(--white); color:var(--ink); border-color:var(--line); box-shadow:0 25px 100px #0005; }
:root[data-skin]:not([data-skin="forest"]) .control::placeholder { color:var(--muted); opacity:.8; }
:root[data-skin]:not([data-skin="forest"]) :is(button,a,input,select,textarea,.purchase-warehouse-picker summary):focus-visible { outline:2px solid var(--green); outline-offset:3px; }
:root[data-skin]:not([data-skin="forest"]) :is(.notice.error,.rp-error,.feature-collection-error) { color:var(--red); background:color-mix(in srgb,var(--red) 10%,var(--white)); }
:root[data-skin]:is([data-skin="neon"],[data-skin="violet"],[data-skin="gold"]) .status-pill { background:#ffffff12; color:var(--muted); }
:root[data-skin]:is([data-skin="neon"],[data-skin="violet"],[data-skin="gold"]) .status-pill.green { color:#a9efbf; background:#184432; }
:root[data-skin]:is([data-skin="neon"],[data-skin="violet"],[data-skin="gold"]) .status-pill.amber { color:#ffda95; background:#503c20; }
:root[data-skin]:is([data-skin="neon"],[data-skin="violet"],[data-skin="gold"]) .status-pill.red { color:#ffb0b9; background:#502735; }
:root[data-skin]:is([data-skin="neon"],[data-skin="violet"],[data-skin="gold"]) .status-pill.blue { color:#a2d8ff; background:#1c3d57; }
.skin-switch-button { gap:7px; white-space:nowrap; min-height:34px; }
.skin-dialog { width:min(850px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); padding:0; border:1px solid var(--line); border-radius:20px; background:var(--white); }
.skin-dialog[open] { display:flex; flex-direction:column; }
.skin-dialog::backdrop { background:#060b2299; backdrop-filter:blur(8px); }
.skin-dialog-heading { display:flex; align-items:center; justify-content:space-between; padding:25px 28px 0; gap:12px; flex-shrink:0; }
.skin-eyebrow { display:block; font-size:10px; letter-spacing:3px; color:var(--green); font-weight:700; margin-bottom:6px; }
.skin-dialog-heading h2 { font-size:23px; line-height:1.5; }
.skin-dialog-heading h2 span { font-size:12px; margin-left:17px; font-weight:400; }
.skin-dialog-copy { color:var(--muted); font-size:12px; padding:9px 28px 20px; flex-shrink:0; }
.skin-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; overflow-y:auto; padding:3px 28px 24px; min-height:0; overscroll-behavior:contain; }
.skin-choice { min-width:0; display:flex; flex-direction:column; gap:0; padding:7px; border:1px solid var(--line); border-radius:13px; text-align:left; background:var(--skin-field); color:var(--ink); transition:border-color .15s,box-shadow .15s,transform .15s; }
.skin-choice:hover { transform:translateY(-2px); border-color:var(--green); }
.skin-choice[aria-pressed="true"] { border-color:var(--green); box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 24%,transparent); }
.skin-preview { display:flex; height:112px; width:100%; border-radius:8px; overflow:hidden; background:var(--preview-page); border:1px solid #0000000c; }
.skin-mini-sidebar { display:flex; flex-direction:column; align-items:flex-start; width:26%; padding:12px 7px; gap:7px; background:var(--preview-side); }
.skin-mini-sidebar i { width:14px; height:14px; background:var(--preview-accent); border-radius:5px; margin-bottom:4px; transform:rotate(-9deg); }
.skin-mini-sidebar b { display:block; width:90%; height:4px; border-radius:4px; background:#ffffff45; }
.skin-mini-sidebar b:first-of-type { height:11px; width:100%; background:var(--preview-accent); }
.skin-mini-main { flex:1; padding:0 10px 8px; min-width:0; }
.skin-mini-top { height:20px; display:flex; align-items:center; justify-content:flex-end; gap:3px; border-bottom:1px solid var(--preview-line); margin-bottom:9px; }
.skin-mini-top i { width:3px; height:3px; border-radius:50%; background:var(--preview-title); opacity:.6; }
.skin-mini-title { display:block; width:48%; height:5px; border-radius:2px; background:var(--preview-title); margin-bottom:10px; }
.skin-mini-stats { display:flex; gap:5px; margin-bottom:7px; }
.skin-mini-stats i { height:21px; flex:1; border-radius:4px; background:var(--preview-panel); border:1px solid var(--preview-line); position:relative; }
.skin-mini-stats i::after { content:''; position:absolute; left:5px; right:10px; top:9px; height:3px; background:var(--preview-title); border-radius:2px; }
.skin-mini-table { display:flex; flex-direction:column; padding:7px 7px 4px; gap:5px; background:var(--preview-panel); border-radius:4px; border:1px solid var(--preview-line); }
.skin-mini-table i { display:block; height:2px; width:88%; background:var(--preview-line); }
.skin-mini-table i:nth-child(2) { width:72%; }
.skin-choice-info { display:flex; align-items:center; justify-content:space-between; gap:5px; padding:12px 4px 5px; }
.skin-choice-info strong { display:block; font-size:13px; }
.skin-choice-info small { display:block; font-size:10px; color:var(--muted); margin-top:3px; white-space:nowrap; }
.skin-choice-check { font-size:10px; color:var(--muted); white-space:nowrap; }
.skin-choice[aria-pressed="true"] .skin-choice-check { color:var(--green); font-weight:700; }
.skin-dialog-footer { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:15px 28px; border-top:1px solid var(--line); flex-shrink:0; }
.skin-status { font-size:11px; color:var(--muted); }
.skin-preview-forest { --preview-page:#f4f5ef; --preview-side:#123c36; --preview-panel:#fff; --preview-line:#dfe5d8; --preview-title:#194e46; --preview-accent:#d2ee96; }
.skin-preview-neon { --preview-page:radial-gradient(at top right,#672c6b55,transparent),#080e21; --preview-side:linear-gradient(160deg,#220e38,#07263a); --preview-panel:#15213a; --preview-line:#2e4163; --preview-title:#63f4db; --preview-accent:linear-gradient(100deg,#63f4db,#d09bff); }
.skin-preview-violet { --preview-page:radial-gradient(at top right,#ad43e033,transparent),#1c112e; --preview-side:linear-gradient(160deg,#451269,#211636); --preview-panel:#382448; --preview-line:#5b3d70; --preview-title:#ddbbff; --preview-accent:linear-gradient(100deg,#dcf79f,#d0b5ff); }
.skin-preview-sunset { --preview-page:linear-gradient(120deg,#fff4e7,#ffe4ed); --preview-side:linear-gradient(160deg,#6b2449,#e07b60); --preview-panel:#fffaf4; --preview-line:#efc8cd; --preview-title:#b33664; --preview-accent:linear-gradient(100deg,#ffdf8c,#ffb4ca); }
.skin-preview-aurora { --preview-page:linear-gradient(120deg,#ddfaf4,#e4ddff); --preview-side:linear-gradient(160deg,#243278,#278d99); --preview-panel:#ffffffd9; --preview-line:#c9d5f0; --preview-title:#6557c8; --preview-accent:linear-gradient(100deg,#b5f7ed,#d6bdff); }
.skin-preview-gold { --preview-page:linear-gradient(120deg,#1a1813,#292319); --preview-side:#10100e; --preview-panel:#302b21; --preview-line:#554832; --preview-title:#e7c580; --preview-accent:linear-gradient(100deg,#f1d79a,#bfa164); }
@media(max-width:1100px) { .topbar-right { gap:10px; } }
@media(max-width:720px) { .skin-switch-button { padding:7px; min-width:36px; min-height:36px; } .skin-switch-button span { display:none; } }
@media(max-width:620px) {
  .topbar-right .chip { display:none; } .topbar-right { gap:8px; }
  .skin-dialog { width:calc(100vw - 24px); max-height:calc(100dvh - 24px); border-radius:16px; }
  .skin-dialog-heading { padding:20px 16px 0; } .skin-dialog-heading h2 { font-size:21px; }
  .skin-dialog-heading h2 span { display:block; margin-left:0; font-size:11px; margin-top:2px; }
  .skin-dialog-copy { padding:9px 16px 16px; font-size:11px; }
  .skin-choices { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:3px 16px 18px; }
  .skin-preview { height:95px; } .skin-mini-sidebar { padding:10px 5px; } .skin-mini-main { padding:0 6px 6px; }
  .skin-choice { padding:5px; } .skin-choice-info { padding:9px 3px 4px; flex-wrap:wrap; }
  .skin-choice-info strong { font-size:12px; } .skin-choice-info small { font-size:9px; }
  .skin-choice-check { font-size:9px; } .skin-dialog-footer { padding:12px 16px; }
}
@media(max-width:420px) { .topbar .breadcrumb>span:first-of-type,.topbar .breadcrumb>span:nth-of-type(2) { display:none; } }
@media(prefers-reduced-motion:reduce) { .skin-choice { transition:none; } .skin-choice:hover { transform:none; } }