:root{
  --v2-radius-sm: 10px;
  --v2-radius-md: 14px;
  --v2-radius-lg: 18px;
  --v2-radius-xl: 24px;
  --v2-border-dark: rgba(148, 163, 184, 0.24);
  --v2-border-light: rgba(15, 23, 42, 0.12);
  --v2-shadow-dark: 0 20px 48px rgba(2, 6, 23, 0.38);
  --v2-shadow-light: 0 18px 44px rgba(15, 23, 42, 0.12);
  --v2-panel-dark: rgba(11, 18, 32, 0.84);
  --v2-panel-light: rgba(255, 255, 255, 0.9);
}

body.app-theme{
  --font-body: "Sora", "Space Grotesk", system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  --v2-bg: #0b1220;
  --v2-text: #e5e7eb;
  --v2-muted: #94a3b8;
  --v2-panel: var(--v2-panel-dark);
  --v2-panel-strong: rgba(15, 23, 42, 0.96);
  --v2-border: var(--v2-border-dark);
  --v2-shadow: var(--v2-shadow-dark);
  --v2-hover: rgba(59, 130, 246, 0.12);
  --v2-input: rgba(15, 23, 42, 0.9);
  --v2-input-focus: rgba(15, 23, 42, 0.98);
  color: var(--v2-text);
  background:
    radial-gradient(1100px 760px at 10% -5%, rgba(59, 130, 246, 0.18), transparent 62%),
    radial-gradient(920px 720px at 100% 0%, rgba(14, 165, 233, 0.16), transparent 62%),
    radial-gradient(980px 760px at 84% 68%, rgba(56, 189, 248, 0.10), transparent 74%),
    linear-gradient(180deg, #0f172a 0%, #0b1220 50%, #090f1a 100%);
}

body[data-tpl="elite_dark"],
body[data-tpl="neon"],
body[data-tpl="titanium_glass"],
body[data-tpl="hud_matrix"],
body[data-tpl="neon_overdrive"]{
  color-scheme: dark;
}

body[data-tpl="elite_light"],
body[data-tpl="quartz_light"],
body[data-tpl="tech_clean"],
body[data-tpl="mlts"]{
  color-scheme: light;
  --v2-bg: #f3f6fb;
  --v2-text: #0f172a;
  --v2-muted: #475569;
  --v2-panel: var(--v2-panel-light);
  --v2-panel-strong: rgba(255, 255, 255, 0.98);
  --v2-border: var(--v2-border-light);
  --v2-shadow: var(--v2-shadow-light);
  --v2-hover: rgba(30, 64, 175, 0.08);
  --v2-input: rgba(255, 255, 255, 0.96);
  --v2-input-focus: #ffffff;
  background:
    radial-gradient(1000px 700px at 8% -5%, rgba(59, 130, 246, 0.12), transparent 64%),
    radial-gradient(960px 700px at 95% 0%, rgba(20, 184, 166, 0.08), transparent 66%),
    linear-gradient(180deg, #f8fbff 0%, #f1f5f9 45%, #f8fafc 100%);
}

body[data-tpl="mlts"]{
  background:
    radial-gradient(1000px 700px at 8% -5%, rgba(190, 24, 93, 0.1), transparent 62%),
    radial-gradient(950px 700px at 95% 0%, rgba(124, 58, 237, 0.08), transparent 64%),
    linear-gradient(180deg, #fff8fc 0%, #fdf2f8 52%, #fff7ed 100%);
}

body.app-theme .fx-aura{
  opacity: calc(var(--aura, .55) * 0.3);
  filter: blur(105px) saturate(1.02);
}

body.app-theme .fx-grid{
  opacity: calc(var(--pattern, .35) * 0.12);
  background-size: 48px 48px;
  background-image:
    linear-gradient(to right, color-mix(in srgb, var(--v2-text) 9%, transparent) 1px, transparent 1px),
    linear-gradient(to bottom, color-mix(in srgb, var(--v2-text) 9%, transparent) 1px, transparent 1px);
}

body.app-theme .fx-noise{
  opacity: 0.025;
  mix-blend-mode: normal;
}

body.app-theme .fx-scan{
  opacity: 0;
}

body.app-theme .fx-beams,
body.app-theme .fx-rings,
body.app-theme .fx-hex{
  display: none;
}

body.app-theme .fx-vignette{
  display: none !important;
  opacity: 0 !important;
  background: none !important;
}

body.app-theme .bg,
body.app-theme .scan{
  display: none !important;
}

.topbar,
.subnav,
.panel,
.card,
.modal-card,
.glass{
  border-radius: var(--v2-radius-lg) !important;
  border: 1px solid var(--v2-border) !important;
  background: var(--v2-panel) !important;
  box-shadow: var(--v2-shadow) !important;
  backdrop-filter: blur(14px) saturate(1.1);
  -webkit-backdrop-filter: blur(14px) saturate(1.1);
}

.topbar{
  background: color-mix(in srgb, var(--v2-panel) 92%, transparent) !important;
  padding: 16px 20px;
}

.subnav{
  background: color-mix(in srgb, var(--v2-panel) 95%, transparent) !important;
}

.pill,
.tab-btn{
  border-radius: var(--v2-radius-md) !important;
  border: 1px solid var(--v2-border) !important;
  background: color-mix(in srgb, var(--v2-panel-strong) 85%, transparent) !important;
  color: var(--v2-text) !important;
  letter-spacing: .08em !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

.pill:hover,
.tab-btn:hover{
  background: color-mix(in srgb, var(--v2-hover) 75%, var(--v2-panel-strong)) !important;
  border-color: color-mix(in srgb, var(--p) 35%, var(--v2-border)) !important;
}

.tab-btn.is-active,
.pill.is-active{
  border-color: color-mix(in srgb, var(--p) 55%, var(--v2-border)) !important;
  background: color-mix(in srgb, var(--p) 16%, var(--v2-panel-strong)) !important;
  color: var(--v2-text) !important;
}

body[data-tpl="elite_dark"] .topbar,
body[data-tpl="elite_dark"] .subnav,
body[data-tpl="elite_dark"] .panel,
body[data-tpl="elite_dark"] .card,
body[data-tpl="elite_dark"] .glass{
  border-color: color-mix(in srgb, var(--p) 28%, rgba(148, 163, 184, 0.24)) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--p) 20%, transparent),
    0 0 22px color-mix(in srgb, var(--p) 18%, transparent),
    var(--v2-shadow-dark) !important;
}

body[data-tpl="elite_dark"] .pill,
body[data-tpl="elite_dark"] .tab-btn{
  border-color: color-mix(in srgb, var(--p) 40%, rgba(148, 163, 184, 0.24)) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--p) 16%, transparent),
    0 0 14px color-mix(in srgb, var(--p) 20%, transparent) !important;
}

body[data-tpl="elite_dark"] .pill.is-active,
body[data-tpl="elite_dark"] .tab-btn.is-active{
  background: color-mix(in srgb, var(--p) 22%, var(--v2-panel-strong)) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--p) 35%, transparent),
    0 0 20px color-mix(in srgb, var(--p) 30%, transparent) !important;
}

body[data-tpl="elite_dark"] .btn{
  border-color: color-mix(in srgb, var(--p) 40%, rgba(148, 163, 184, 0.24)) !important;
  box-shadow: 0 0 14px color-mix(in srgb, var(--p) 20%, transparent) !important;
}

body[data-tpl="elite_dark"] .btn.primary{
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--p) 35%, transparent),
    0 0 28px color-mix(in srgb, var(--p) 34%, transparent),
    0 14px 28px color-mix(in srgb, var(--p) 24%, transparent) !important;
}

body[data-tpl="neon"]{
  --v2-panel: rgba(2, 12, 28, 0.84);
  --v2-panel-strong: rgba(2, 16, 36, 0.93);
  --v2-border: rgba(0, 229, 255, 0.38);
  --v2-shadow: 0 26px 60px rgba(2, 6, 23, 0.52);
  --v2-hover: rgba(0, 229, 255, 0.18);
  --v2-input: rgba(3, 18, 40, 0.94);
  --v2-input-focus: rgba(3, 26, 56, 0.98);
  background:
    radial-gradient(1300px 860px at 12% -5%, rgba(0, 229, 255, 0.24), transparent 60%),
    radial-gradient(1180px 820px at 96% 0%, rgba(124, 58, 237, 0.22), transparent 62%),
    radial-gradient(980px 760px at 64% 110%, rgba(0, 255, 163, 0.18), transparent 70%),
    radial-gradient(920px 760px at 92% 66%, rgba(59, 130, 246, 0.14), transparent 74%),
    linear-gradient(180deg, #020816 0%, #040b1f 56%, #03102a 100%);
}

body[data-tpl="neon"] .fx-grid{
  opacity: calc(var(--pattern, .35) * 0.22);
  background-size: 34px 34px;
  background-image:
    linear-gradient(to right, rgba(0, 229, 255, 0.28) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(124, 58, 237, 0.22) 1px, transparent 1px);
}

body[data-tpl="neon"] .fx-aura{
  opacity: calc(var(--aura, .55) * 0.75);
  filter: blur(95px) saturate(1.24);
}

body[data-tpl="neon"] .fx-beams,
body[data-tpl="neon"] .fx-rings,
body[data-tpl="neon"] .fx-hex{
  display: block !important;
}

/* Respect per-tenant FX toggles in Neon mode */
body[data-tpl="neon"].fx-beams-off .fx-beams,
body[data-tpl="neon"].fx-rings-off .fx-rings,
body[data-tpl="neon"].fx-hex-off .fx-hex{
  display: none !important;
}

body[data-tpl="neon"] .fx-beams{
  opacity: 0.42;
}

body[data-tpl="neon"] .fx-rings{
  opacity: 0.22;
}

body[data-tpl="neon"] .fx-hex{
  opacity: 0.16;
}

body[data-tpl="neon"] .topbar,
body[data-tpl="neon"] .panel,
body[data-tpl="neon"] .card,
body[data-tpl="neon"] .glass{
  border-color: color-mix(in srgb, var(--p) 62%, rgba(148, 163, 184, 0.24)) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--p) 34%, transparent),
    0 0 26px color-mix(in srgb, var(--p) 34%, transparent),
    0 0 36px color-mix(in srgb, var(--s) 20%, transparent),
    var(--v2-shadow) !important;
}

body[data-tpl="neon"] .subnav{
  border-color: color-mix(in srgb, var(--p) 68%, rgba(148, 163, 184, 0.24)) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--p) 38%, transparent),
    0 0 26px color-mix(in srgb, var(--p) 36%, transparent),
    0 0 40px color-mix(in srgb, var(--s) 25%, transparent) !important;
}

@media (min-width: 1100px){
  body[data-tpl="neon"] .subnav{
    border-left: 2px solid color-mix(in srgb, var(--p) 78%, transparent) !important;
    border-right: 2px solid color-mix(in srgb, var(--s) 48%, transparent) !important;
    box-shadow:
      inset 0 0 0 1px color-mix(in srgb, var(--p) 40%, transparent),
      0 0 24px color-mix(in srgb, var(--p) 36%, transparent),
      0 0 42px color-mix(in srgb, var(--s) 28%, transparent) !important;
  }
}

body[data-tpl="neon"] .pill,
body[data-tpl="neon"] .tab-btn{
  border-color: color-mix(in srgb, var(--p) 70%, rgba(148, 163, 184, 0.24)) !important;
  background: color-mix(in srgb, var(--v2-panel-strong) 80%, transparent) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--p) 42%, transparent),
    0 0 16px color-mix(in srgb, var(--p) 34%, transparent) !important;
}

body[data-tpl="neon"] .pill.is-active,
body[data-tpl="neon"] .tab-btn.is-active{
  background: color-mix(in srgb, var(--p) 24%, var(--v2-panel-strong)) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--p) 52%, transparent),
    0 0 24px color-mix(in srgb, var(--p) 44%, transparent),
    0 0 34px color-mix(in srgb, var(--s) 30%, transparent) !important;
}

body[data-tpl="neon"] .btn{
  border-color: color-mix(in srgb, var(--p) 70%, rgba(148, 163, 184, 0.24)) !important;
  box-shadow: 0 0 18px color-mix(in srgb, var(--p) 36%, transparent) !important;
}

body[data-tpl="neon"] .btn.primary{
  background: linear-gradient(135deg, color-mix(in srgb, var(--p) 96%, white), color-mix(in srgb, var(--s) 72%, var(--p))) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--p) 52%, transparent),
    0 0 28px color-mix(in srgb, var(--p) 46%, transparent),
    0 0 42px color-mix(in srgb, var(--s) 32%, transparent) !important;
}

body[data-tpl="neon"] .pos-toolbar,
body[data-tpl="neon"] .pos-catalog,
body[data-tpl="neon"] .pos-cart,
body[data-tpl="neon"] .catalog-header,
body[data-tpl="neon"] .product-card,
body[data-tpl="neon"] .cat-card,
body[data-tpl="neon"] .subcat-chip,
body[data-tpl="neon"] .page-pill{
  border-color: color-mix(in srgb, var(--p) 64%, rgba(148, 163, 184, 0.24)) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--p) 36%, transparent),
    0 0 16px color-mix(in srgb, var(--p) 30%, transparent) !important;
}

body[data-tpl="neon"] .kpi,
body[data-tpl="neon"] .tpl-card,
body[data-tpl="neon"] .preview-chip,
body[data-tpl="neon"] .guide-card,
body[data-tpl="neon"] .label-row,
body[data-tpl="neon"] .subtle-box,
body[data-tpl="neon"] .efi-modal,
body[data-tpl="neon"] .efi-modal .card,
body[data-tpl="neon"] .typeahead__list{
  border-color: color-mix(in srgb, var(--p) 60%, rgba(148, 163, 184, 0.24)) !important;
  background: color-mix(in srgb, var(--v2-panel-strong) 84%, transparent) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--p) 34%, transparent),
    0 0 20px color-mix(in srgb, var(--p) 30%, transparent),
    0 0 32px color-mix(in srgb, var(--s) 20%, transparent) !important;
}

body[data-tpl="neon"] .typeahead__item,
body[data-tpl="neon"] .typeahead__more{
  color: var(--v2-text) !important;
  border-bottom-color: color-mix(in srgb, var(--p) 34%, var(--v2-border)) !important;
  background: color-mix(in srgb, var(--v2-panel-strong) 82%, transparent) !important;
}

body[data-tpl="neon"] .typeahead__item:hover,
body[data-tpl="neon"] .typeahead__more:hover{
  background: color-mix(in srgb, var(--p) 18%, var(--v2-panel-strong)) !important;
}

body[data-tpl="neon"] .colorPicker,
body[data-tpl="neon"] .sw{
  border-color: color-mix(in srgb, var(--p) 62%, rgba(148, 163, 184, 0.24)) !important;
  box-shadow: 0 0 16px color-mix(in srgb, var(--p) 30%, transparent) !important;
}

body[data-tpl="neon"] .guide-step,
body[data-tpl="neon"] .label-row__meta,
body[data-tpl="neon"] .microcopy{
  color: color-mix(in srgb, var(--v2-muted) 92%, #e2e8f0) !important;
}

body[data-tpl="neon"] .hint-strong,
body[data-tpl="neon"] .label-row__title{
  color: var(--v2-text) !important;
}

body[data-tpl="neon"] .modal-overlay{
  background: rgba(2, 6, 23, 0.74) !important;
}

.panel,
.card{
  padding: 16px;
}

.card::before,
.btn .shine{
  display: none !important;
}

.card-title,
.panel-title,
.h1,
.h2{
  font-family: "Space Grotesk", "Sora", sans-serif;
  letter-spacing: .04em;
  color: var(--v2-text);
  text-shadow: none !important;
}

.h1{ font-size: clamp(1.1rem, 1.5vw, 1.35rem); }
.h2{ font-size: clamp(1rem, 1.3vw, 1.15rem); }

.brand-main{
  font-family: "Space Grotesk", "Sora", sans-serif;
  letter-spacing: 0.02em;
  text-shadow: none !important;
  color: var(--v2-text) !important;
}

.brand-sub,
.kicker,
.hint,
.muted,
.empty,
.meta,
.meta-k,
.field span,
.panel-sub{
  color: var(--v2-muted) !important;
}

body[data-tpl="elite_light"] .topbar,
body[data-tpl="elite_light"] .subnav,
body[data-tpl="elite_light"] .panel,
body[data-tpl="elite_light"] .card,
body[data-tpl="elite_light"] .pill,
body[data-tpl="elite_light"] .tab-btn,
body[data-tpl="elite_light"] .btn,
body[data-tpl="elite_light"] .field input,
body[data-tpl="elite_light"] .field select,
body[data-tpl="elite_light"] .field textarea,
body[data-tpl="elite_light"] .table td,
body[data-tpl="elite_light"] .table th{
  color: #0f172a !important;
}

body[data-tpl="elite_light"] .hint,
body[data-tpl="elite_light"] .muted,
body[data-tpl="elite_light"] .kicker,
body[data-tpl="elite_light"] .meta,
body[data-tpl="elite_light"] .meta-k,
body[data-tpl="elite_light"] .field span{
  color: #475569 !important;
}

body[data-tpl="elite_light"] .guide-step,
body[data-tpl="elite_light"] .label-row__meta,
body[data-tpl="elite_light"] .microcopy{
  color: #475569 !important;
}

body[data-tpl="elite_light"] .hint-strong,
body[data-tpl="elite_light"] .label-row__title{
  color: #0f172a !important;
}

.btn{
  border-radius: var(--v2-radius-md) !important;
  border: 1px solid var(--v2-border) !important;
  background: color-mix(in srgb, var(--v2-panel-strong) 82%, transparent) !important;
  color: var(--v2-text) !important;
  font-weight: 700;
  letter-spacing: .03em;
  transform: none !important;
}

.btn:hover{
  border-color: color-mix(in srgb, var(--p) 45%, var(--v2-border)) !important;
  background: color-mix(in srgb, var(--v2-hover) 72%, var(--v2-panel-strong)) !important;
}

.btn.btn-ghost{
  background: transparent !important;
}

.btn.primary{
  background: linear-gradient(135deg, color-mix(in srgb, var(--p) 94%, white), color-mix(in srgb, var(--p) 68%, var(--s))) !important;
  border-color: color-mix(in srgb, var(--p) 86%, var(--v2-border)) !important;
  color: #f8fafc !important;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--p) 28%, transparent) !important;
}

.btn.primary:hover{
  filter: brightness(1.03);
}

.field input,
.field select,
.field textarea,
input,
select,
textarea{
  border-radius: var(--v2-radius-md) !important;
  border: 1px solid var(--v2-border) !important;
  background: var(--v2-input) !important;
  color: var(--v2-text) !important;
  box-shadow: none !important;
}

.field input::placeholder,
.field textarea::placeholder,
input::placeholder,
textarea::placeholder{
  color: color-mix(in srgb, var(--v2-muted) 88%, transparent) !important;
}

.field input:focus,
.field select:focus,
.field textarea:focus,
input:focus,
select:focus,
textarea:focus{
  background: var(--v2-input-focus) !important;
  border-color: color-mix(in srgb, var(--p) 62%, var(--v2-border)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--p) 18%, transparent) !important;
}

.table{
  border: 1px solid var(--v2-border);
  border-radius: var(--v2-radius-md);
  overflow: auto;
  background: color-mix(in srgb, var(--v2-panel-strong) 92%, transparent);
}

.table table{
  border-collapse: collapse;
  width: 100%;
}

.table th,
.table td{
  border-bottom: 1px solid color-mix(in srgb, var(--v2-border) 82%, transparent);
  color: var(--v2-text);
}

.table th{
  color: var(--v2-muted);
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 11px;
}

.badge{
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--v2-border) 92%, transparent) !important;
  background: color-mix(in srgb, var(--v2-panel-strong) 90%, transparent) !important;
  color: var(--v2-muted) !important;
  font-weight: 700 !important;
}

.badge.ok{
  color: #166534 !important;
  border-color: rgba(34, 197, 94, 0.28) !important;
  background: rgba(34, 197, 94, 0.14) !important;
}

.badge.warn{
  color: #a16207 !important;
  border-color: rgba(234, 179, 8, 0.35) !important;
  background: rgba(234, 179, 8, 0.16) !important;
}

.alert,
.statusline{
  border-radius: var(--v2-radius-md) !important;
  border: 1px solid rgba(59, 130, 246, 0.28) !important;
  background: rgba(59, 130, 246, 0.12) !important;
  color: color-mix(in srgb, var(--v2-text) 88%, #2563eb) !important;
  box-shadow: none !important;
}

.alert.err,
.statusline[data-kind="err"]{
  border-color: rgba(239, 68, 68, 0.4) !important;
  background: rgba(239, 68, 68, 0.14) !important;
  color: #7f1d1d !important;
}

body[data-tpl="elite_dark"] .alert.err,
body[data-tpl="neon"] .alert.err,
body[data-tpl="titanium_glass"] .alert.err,
body[data-tpl="hud_matrix"] .alert.err,
body[data-tpl="neon_overdrive"] .alert.err,
body[data-tpl="elite_dark"] .statusline[data-kind="err"],
body[data-tpl="neon"] .statusline[data-kind="err"],
body[data-tpl="titanium_glass"] .statusline[data-kind="err"],
body[data-tpl="hud_matrix"] .statusline[data-kind="err"],
body[data-tpl="neon_overdrive"] .statusline[data-kind="err"]{
  color: #fee2e2 !important;
}

.alert.ok,
.statusline[data-kind="ok"]{
  border-color: rgba(34, 197, 94, 0.36) !important;
  background: rgba(34, 197, 94, 0.14) !important;
  color: #14532d !important;
}

.statusline[data-kind="warn"]{
  border-color: rgba(234, 179, 8, 0.38) !important;
  background: rgba(234, 179, 8, 0.16) !important;
  color: #713f12 !important;
}

body[data-tpl="elite_dark"] .statusline[data-kind="ok"],
body[data-tpl="neon"] .statusline[data-kind="ok"],
body[data-tpl="titanium_glass"] .statusline[data-kind="ok"],
body[data-tpl="hud_matrix"] .statusline[data-kind="ok"],
body[data-tpl="neon_overdrive"] .statusline[data-kind="ok"]{
  color: #dcfce7 !important;
}

body[data-tpl="elite_dark"] .statusline[data-kind="warn"],
body[data-tpl="neon"] .statusline[data-kind="warn"],
body[data-tpl="titanium_glass"] .statusline[data-kind="warn"],
body[data-tpl="hud_matrix"] .statusline[data-kind="warn"],
body[data-tpl="neon_overdrive"] .statusline[data-kind="warn"]{
  color: #fef3c7 !important;
}

body[data-tpl="elite_dark"] .statusline[data-kind="info"],
body[data-tpl="neon"] .statusline[data-kind="info"],
body[data-tpl="titanium_glass"] .statusline[data-kind="info"],
body[data-tpl="hud_matrix"] .statusline[data-kind="info"],
body[data-tpl="neon_overdrive"] .statusline[data-kind="info"]{
  color: #dbeafe !important;
}

.modal{
  background: rgba(2, 6, 23, 0.62) !important;
}

.modal-card{
  width: min(820px, 94vw);
  max-height: calc(100vh - 42px);
  overflow: auto;
}

.tpl-card{
  border-radius: var(--v2-radius-md) !important;
}

.wallpaper-preview{
  border-color: color-mix(in srgb, var(--v2-border) 82%, transparent) !important;
  background: color-mix(in srgb, var(--v2-panel-strong) 90%, transparent) !important;
}

.reactor,
.reactor::after{
  animation: none !important;
}

.reactor{
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--p) 30%, var(--v2-border));
  background: linear-gradient(135deg, color-mix(in srgb, var(--p) 18%, transparent), color-mix(in srgb, var(--s) 15%, transparent));
}

.auth-frame,
.auth-card,
.brand-marquee{
  animation: none !important;
}

.auth-frame{
  border-radius: var(--v2-radius-xl);
  border: 1px solid var(--v2-border);
  background: color-mix(in srgb, var(--v2-panel-strong) 90%, transparent);
  box-shadow: var(--v2-shadow);
}

.auth-frame::after,
.brand-marquee::after{
  display: none;
}

.brand-marquee{
  border-radius: var(--v2-radius-md);
  border: 1px solid var(--v2-border);
  background: color-mix(in srgb, var(--v2-panel-strong) 88%, transparent);
  box-shadow: none;
}

.subtitle{
  color: var(--v2-muted) !important;
}

.pos-toolbar,
.pos-catalog,
.pos-cart,
.catalog-header,
.product-card,
.cat-card,
.subcat-chip,
.page-pill{
  border-color: color-mix(in srgb, var(--v2-border) 95%, transparent) !important;
  background: color-mix(in srgb, var(--v2-panel-strong) 90%, transparent) !important;
  box-shadow: none !important;
}

body[data-tpl="elite_light"] .prod-stock,
body[data-tpl="quartz_light"] .prod-stock,
body[data-tpl="tech_clean"] .prod-stock,
body[data-tpl="mlts"] .prod-stock{
  color: #475569;
}

@media (max-width: 1100px){
  .topbar,
  .subnav,
  .shell,
  .pos-shell{
    width: min(96vw, 1320px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .subnav{
    position: static !important;
    max-height: none !important;
    width: 100% !important;
    flex-direction: row !important;
    overflow: auto;
  }
}

@media (max-width: 720px){
  .panel,
  .card,
  .topbar,
  .subnav,
  .modal-card{
    border-radius: var(--v2-radius-md) !important;
  }

  .topbar{
    padding: 12px;
  }

  .btn,
  .field input,
  .field select,
  .field textarea{
    min-height: 42px;
  }
}

@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }

  .fx,
  .store-noise{
    display: none !important;
  }
}