:root{
  --cv-bg:#070c10;
  --cv-bg-2:#0b171d;
  --cv-surface:#111c23;
  --cv-surface-2:#17232a;
  --cv-card:#101a20;
  --cv-card-soft:#162229;
  --cv-line:rgba(42,218,255,.24);
  --cv-line-soft:rgba(125,178,194,.22);
  --cv-text:#effbff;
  --cv-muted:#9cc5d1;
  --cv-dim:#6f8d98;
  --cv-cyan:#24dfff;
  --cv-magenta:#ed168c;
  --cv-green:#24e4b7;
  --cv-amber:#ffd166;
  --cv-danger:#ff648b;
  --cv-radius:14px;
  --cv-radius-sm:10px;
  --cv-gap:12px;
  --cv-pad:16px;
  --cv-font-scale:1;
  --cv-glow:0 0 0 1px rgba(36,223,255,.08),0 14px 42px rgba(0,0,0,.28);
  --cv-glow-soft:0 0 18px rgba(36,223,255,.08);
  --cv-magenta-glow:0 0 18px rgba(237,22,140,.20);
}

body[data-control-style="neon"][data-visual-density="compact"]{
  --cv-gap:9px;
  --cv-pad:13px;
  --cv-radius:12px;
  --cv-radius-sm:9px;
}

body[data-control-style="neon"][data-visual-density="wide"]{
  --cv-gap:16px;
  --cv-pad:19px;
  --cv-radius:18px;
  --cv-radius-sm:12px;
}

body[data-control-style="neon"][data-visual-neon="low"]{
  --cv-line:rgba(91,146,163,.24);
  --cv-glow:0 10px 30px rgba(0,0,0,.22);
  --cv-glow-soft:none;
  --cv-magenta-glow:none;
}

body[data-control-style="neon"][data-visual-neon="high"]{
  --cv-line:rgba(36,223,255,.46);
  --cv-glow:0 0 0 1px rgba(36,223,255,.16),0 18px 56px rgba(0,0,0,.34),0 0 28px rgba(36,223,255,.10);
  --cv-glow-soft:0 0 26px rgba(36,223,255,.14);
  --cv-magenta-glow:0 0 26px rgba(237,22,140,.26);
}

body[data-control-style="neon"][data-visual-radius="soft"]{
  --cv-radius:20px;
  --cv-radius-sm:14px;
}

body[data-control-style="neon"][data-visual-radius="square"]{
  --cv-radius:10px;
  --cv-radius-sm:7px;
}

body[data-control-style="neon"][data-visual-text="small"]{--cv-font-scale:.94}
body[data-control-style="neon"][data-visual-text="large"]{--cv-font-scale:1.06}

body[data-control-style="neon"][data-visual-palette="aurora"]{
  --cv-bg:#060b12;
  --cv-bg-2:#09131d;
  --cv-surface:#101d29;
  --cv-surface-2:#172634;
  --cv-card:#111e2a;
  --cv-card-soft:#172838;
  --cv-line:rgba(36,223,255,.28);
  --cv-line-soft:rgba(89,148,255,.26);
  --cv-text:#f4f7ff;
  --cv-muted:#a6cad8;
  --cv-dim:#738f9b;
  --cv-cyan:#59d8ff;
  --cv-magenta:#ed168c;
  --cv-green:#33e58f;
  --cv-amber:#ffd166;
  --cv-danger:#ff5f93;
  --cv-glow:0 0 0 1px rgba(36,223,255,.10),0 18px 48px rgba(0,0,0,.32),0 0 30px rgba(123,92,255,.10);
  --cv-glow-soft:0 0 22px rgba(89,216,255,.12);
  --cv-magenta-glow:0 0 22px rgba(237,22,140,.24),0 0 34px rgba(123,92,255,.10);
}

body[data-control-style="neon"]{
  background:
    radial-gradient(circle at 8% 0%,rgba(237,22,140,.10),transparent 26%),
    radial-gradient(circle at 92% 12%,rgba(36,223,255,.08),transparent 28%),
    var(--cv-bg)!important;
  color:var(--cv-text)!important;
  font-size:calc(13px * var(--cv-font-scale))!important;
}

body[data-control-style="neon"][data-visual-palette="aurora"]{
  background:
    radial-gradient(circle at 18% -8%,rgba(123,92,255,.16),transparent 30%),
    radial-gradient(circle at 92% 9%,rgba(237,22,140,.12),transparent 29%),
    radial-gradient(circle at 48% 98%,rgba(89,216,255,.10),transparent 34%),
    linear-gradient(180deg,#060b12 0%,#09131d 54%,#05090f 100%)!important;
}

body[data-control-style="neon"] #app.shell,
body[data-control-style="neon"] .workspace,
body[data-control-style="neon"] .content{
  background:transparent!important;
}

body[data-control-style="neon"] #app.shell>aside{
  background:linear-gradient(180deg,#08131a 0%,#05090d 100%)!important;
  border-right:1px solid var(--cv-line)!important;
  box-shadow:12px 0 44px rgba(0,0,0,.26)!important;
}

body[data-control-style="neon"][data-visual-palette="aurora"] #app.shell>aside{
  --cv-nav-button-width:200px;
  background:
    radial-gradient(circle at 24% 0,rgba(123,92,255,.14),transparent 28%),
    radial-gradient(circle at 80% 18%,rgba(237,22,140,.08),transparent 26%),
    linear-gradient(180deg,#08131a 0%,#05090d 64%,#04070b 100%)!important;
  border-right:1px solid rgba(36,223,255,.28)!important;
  box-shadow:16px 0 46px rgba(0,0,0,.34),0 0 26px rgba(36,223,255,.06)!important;
}

body[data-control-style="neon"] #app.shell>aside nav,
body[data-control-style="neon"] #app.shell>aside nav .ml-nav-group-items{
  gap:6px!important;
}

body[data-control-style="neon"] #app.shell>aside nav button,
body[data-control-style="neon"] .ml-nav-group-header{
  min-height:36px!important;
  border:1px solid rgba(118,168,184,.22)!important;
  border-radius:var(--cv-radius-sm)!important;
  background:rgba(17,28,35,.72)!important;
  color:#d7eef5!important;
  font-weight:520!important;
  letter-spacing:.01em!important;
  box-shadow:none!important;
}

body[data-control-style="neon"][data-visual-palette="aurora"] #app.shell>aside nav button,
body[data-control-style="neon"][data-visual-palette="aurora"] .ml-nav-group-header{
  min-height:38px!important;
  gap:12px!important;
  padding-left:12px!important;
  align-items:center!important;
  line-height:1.15!important;
  border-color:rgba(118,168,184,.22)!important;
  background:rgba(17,28,35,.74)!important;
  color:#d7eef5!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)!important;
}

body[data-control-style="neon"][data-visual-palette="aurora"] #app.shell>aside :is(nav button,.ml-nav-group-toggle){
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:min(var(--cv-nav-button-width),100%)!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

body[data-control-style="neon"][data-visual-palette="aurora"] #app.shell>aside nav .ml-nav-group-items{
  align-items:flex-start!important;
}

body[data-control-style="neon"][data-visual-palette="aurora"] #app.shell>aside nav .ml-nav-group-items>button{
  width:min(var(--cv-nav-button-width),100%)!important;
}

body[data-control-style="neon"][data-visual-palette="aurora"] #app.shell>aside>button{
  width:min(var(--cv-nav-button-width),100%)!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

body[data-control-style="neon"][data-visual-palette="aurora"] #app.shell>aside .ml-nav-group-toggle>span{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}

body[data-control-style="neon"][data-visual-palette="aurora"] #app.shell>aside .ml-nav-group-toggle>b{
  margin-left:auto!important;
  align-self:center!important;
}

body[data-control-style="neon"][data-visual-palette="aurora"] #app.shell>aside .ml-nav-group-toggle>span>i{
  display:none!important;
}

body[data-control-style="neon"][data-visual-palette="aurora"] #app.shell>aside button .visual-nav-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:27px!important;
  min-width:27px!important;
  height:27px!important;
  margin:0 2px 0 0!important;
  align-self:center!important;
  flex:0 0 27px!important;
  border:1px solid rgba(89,216,255,.28)!important;
  border-radius:9px!important;
  background:
    radial-gradient(circle at 32% 18%,rgba(255,255,255,.20),transparent 28%),
    linear-gradient(145deg,rgba(36,67,86,.86),rgba(13,31,44,.90))!important;
  color:#79e5ff!important;
  font-size:14px!important;
  line-height:1!important;
  box-shadow:0 0 14px rgba(89,216,255,.10)!important;
}

body[data-control-style="neon"][data-visual-palette="aurora"] #app.shell>aside button[data-visual-tone="magenta"] .visual-nav-icon{
  border-color:rgba(237,22,140,.42)!important;
  background:
    radial-gradient(circle at 32% 18%,rgba(255,255,255,.22),transparent 28%),
    linear-gradient(145deg,rgba(85,31,72,.88),rgba(43,18,46,.92))!important;
  color:#ff8bd0!important;
  box-shadow:0 0 15px rgba(237,22,140,.16)!important;
}

body[data-control-style="neon"][data-visual-palette="aurora"] #app.shell>aside button[data-visual-tone="green"] .visual-nav-icon{
  border-color:rgba(51,229,143,.42)!important;
  background:
    radial-gradient(circle at 32% 18%,rgba(255,255,255,.22),transparent 28%),
    linear-gradient(145deg,rgba(26,86,66,.88),rgba(15,45,43,.92))!important;
  color:#8dffc3!important;
  box-shadow:0 0 15px rgba(51,229,143,.16)!important;
}

body[data-control-style="neon"][data-visual-palette="aurora"] #app.shell>aside button[data-visual-tone="purple"] .visual-nav-icon{
  border-color:rgba(123,92,255,.44)!important;
  background:
    radial-gradient(circle at 32% 18%,rgba(255,255,255,.22),transparent 28%),
    linear-gradient(145deg,rgba(58,45,109,.90),rgba(31,24,64,.92))!important;
  color:#b8a9ff!important;
  box-shadow:0 0 15px rgba(123,92,255,.18)!important;
}

body[data-control-style="neon"][data-visual-palette="aurora"] #app.shell>aside button[data-visual-tone="amber"] .visual-nav-icon{
  border-color:rgba(255,177,66,.46)!important;
  background:
    radial-gradient(circle at 32% 18%,rgba(255,255,255,.24),transparent 28%),
    linear-gradient(145deg,rgba(92,62,24,.90),rgba(50,35,20,.92))!important;
  color:#ffd166!important;
  box-shadow:0 0 15px rgba(255,177,66,.16)!important;
}

body[data-control-style="neon"] #app.shell>aside nav button:hover,
body[data-control-style="neon"] .ml-nav-group-header:hover{
  border-color:rgba(237,22,140,.62)!important;
  background:rgba(45,24,39,.88)!important;
  box-shadow:inset 3px 0 0 var(--cv-magenta)!important;
}

body[data-control-style="neon"][data-visual-palette="aurora"] #app.shell>aside nav button:hover,
body[data-control-style="neon"][data-visual-palette="aurora"] .ml-nav-group-header:hover{
  border-color:rgba(237,22,140,.46)!important;
  background:linear-gradient(90deg,rgba(54,24,48,.72),rgba(13,28,39,.92))!important;
  box-shadow:inset 3px 0 0 var(--cv-magenta),0 0 18px rgba(237,22,140,.11)!important;
}

body[data-control-style="neon"][data-visual-palette="aurora"] #app.shell>aside button:hover .visual-nav-icon,
body[data-control-style="neon"][data-visual-palette="aurora"] #app.shell>aside button.active .visual-nav-icon{
  border-color:rgba(51,229,143,.75)!important;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.25),transparent 30%),
    linear-gradient(145deg,rgba(51,229,143,.34),rgba(37,67,118,.88))!important;
  color:#d9ffe9!important;
  box-shadow:0 0 18px rgba(51,229,143,.30),0 0 34px rgba(89,216,255,.12)!important;
}

body[data-control-style="neon"] #app.shell>aside nav button.active,
body[data-control-style="neon"] #app.shell>aside nav button[aria-current="page"]{
  border-color:var(--cv-cyan)!important;
  background:linear-gradient(90deg,rgba(9,72,88,.76),rgba(22,34,42,.92))!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 var(--cv-cyan),var(--cv-glow-soft)!important;
}

body[data-control-style="neon"][data-visual-palette="aurora"] #app.shell>aside nav button.active,
body[data-control-style="neon"][data-visual-palette="aurora"] #app.shell>aside nav button[aria-current="page"]{
  border-color:rgba(89,216,255,.62)!important;
  background:
    radial-gradient(circle at 12% 50%,rgba(89,216,255,.20),transparent 22%),
    linear-gradient(90deg,rgba(9,72,88,.78),rgba(22,34,42,.96))!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 #59d8ff,0 0 22px rgba(89,216,255,.18),0 0 24px rgba(123,92,255,.08)!important;
}

body[data-control-style="neon"] .workspace>header{
  border-bottom:1px solid var(--cv-line)!important;
  background:rgba(5,11,15,.72)!important;
  backdrop-filter:blur(10px);
}

body[data-control-style="neon"] .eyebrow,
body[data-control-style="neon"] :is(.heading,.employee-heading,.erp-top,.fiscal-hero,.attendance-heading,.hr-section-heading,.department-heading) .eyebrow{
  color:var(--cv-cyan)!important;
  font-size:10px!important;
  font-weight:720!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

body[data-control-style="neon"] :is(.heading,.employee-heading,.erp-top,.fiscal-hero,.attendance-heading,.hr-section-heading,.department-heading,.cash-top,.commercial-section-tools,.sale-titlebar){
  border:1px solid var(--cv-line)!important;
  border-radius:var(--cv-radius)!important;
  background:
    radial-gradient(circle at 0 0,rgba(36,223,255,.11),transparent 38%),
    radial-gradient(circle at 100% 0,rgba(237,22,140,.11),transparent 34%),
    linear-gradient(180deg,rgba(13,34,43,.94),rgba(10,22,28,.94))!important;
  color:var(--cv-text)!important;
  box-shadow:var(--cv-glow)!important;
}

body[data-control-style="neon"] :is(.heading,.employee-heading,.erp-top,.fiscal-hero,.attendance-heading,.hr-section-heading,.department-heading,.cash-top,.commercial-section-tools,.sale-titlebar) :is(h1,h2,h3,b){
  color:#fff!important;
  font-weight:620!important;
  text-shadow:none!important;
}

body[data-control-style="neon"] :is(.heading,.employee-heading,.erp-top,.fiscal-hero,.attendance-heading,.hr-section-heading,.department-heading,.cash-top,.commercial-section-tools,.sale-titlebar) p:not(.eyebrow),
body[data-control-style="neon"] :is(.heading,.employee-heading,.erp-top,.fiscal-hero,.attendance-heading,.hr-section-heading,.department-heading,.cash-top,.commercial-section-tools,.sale-titlebar) small{
  color:var(--cv-muted)!important;
}

body[data-control-style="neon"] :is(.panel,.view){
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

body[data-control-style="neon"] .commercial-section-tools{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:86px!important;
  padding:14px 16px!important;
}

body[data-control-style="neon"] .commercial-section-tools>div:last-child,
body[data-control-style="neon"] .heading>div:last-child,
body[data-control-style="neon"] .approval-heading-actions,
body[data-control-style="neon"] .employee-heading>div:last-child{
  display:flex!important;
  flex-flow:row wrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
}

body[data-control-style="neon"] .commercial-section-tools>div:last-child button,
body[data-control-style="neon"] .heading>div:last-child button,
body[data-control-style="neon"] .approval-heading-actions button{
  width:auto!important;
  min-width:112px!important;
  min-height:34px!important;
  padding:8px 12px!important;
  white-space:nowrap!important;
}

body[data-control-style="neon"] .customer-directory-search{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) auto!important;
  align-items:end!important;
  gap:10px!important;
  margin:10px 0!important;
  padding:12px!important;
  border:1px solid var(--cv-line-soft)!important;
  border-radius:var(--cv-radius)!important;
  background:rgba(9,18,24,.72)!important;
}

body[data-control-style="neon"] .customer-directory-search label{
  display:grid!important;
  gap:6px!important;
}

body[data-control-style="neon"] .customer-directory-results{
  display:grid!important;
  gap:8px!important;
}

body[data-control-style="neon"] .customer-directory-results>article{
  display:grid!important;
  grid-template-columns:minmax(230px,1.2fr) minmax(180px,.9fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:58px!important;
  padding:12px!important;
}

body[data-control-style="neon"] .customer-directory-results>article b{
  font-weight:620!important;
}

body[data-control-style="neon"] .customer-directory-actions{
  display:flex!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}

body[data-control-style="neon"] .customer-directory-actions button{
  min-height:32px!important;
  padding:7px 11px!important;
}

body[data-control-style="neon"] :is(article,.card,.admin-section,.erp-settings-section,.dashboard-chart-card,.dashboard-source-card,.fiscal-settings-grid>article,.attendance-action-card,.hr-sheet,.commission-policy,.commission-new-run,.commission-preview,.purchase-batch,.approval-card,.receivable-customer-list>article,.cash-method-summary,.cash-user-audit,.cash-shift-banner,.commercial-table,.erp-table-wrap,.order-table-wrap,.bulk-price-table-wrap,.apparel-table-wrap,.hr-attendance-table,.hr-payroll-table,.hr-loan-table,.customer-card,.dossier-financial article,.sale-capture-card,.sale-products-card,.sale-profit,.sale-totals,.external-card,.trevino-card){
  border:1px solid var(--cv-line-soft)!important;
  border-radius:var(--cv-radius)!important;
  background:linear-gradient(180deg,rgba(20,32,39,.96),rgba(12,21,27,.96))!important;
  color:var(--cv-text)!important;
  box-shadow:var(--cv-glow)!important;
}

body[data-control-style="neon"] :is(article,.card,.approval-card,.cash-method-summary,.cash-user-audit,.receivable-customer-list>article) :is(small,p,span){
  color:inherit;
}

body[data-control-style="neon"] :is(.commercial-tabs,.commercial-process-flow,.erp-tabs,.erp-module-list,.hr-tabs,.hr-loan-tabs,.fiscal-tabs,.access-tabs,.approval-toolbar,.approval-history-filters,.order-workspace-switch,.department-stage-tabs,.transfer-department-tabs,.production-filters,.preview-workspace-filters,.dashboard-filters,.dashboard-series){
  gap:6px!important;
  padding:6px!important;
  border:1px solid var(--cv-line)!important;
  border-radius:var(--cv-radius)!important;
  background:rgba(5,12,16,.72)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
}

body[data-control-style="neon"] :is(.commercial-tabs,.commercial-process-flow,.erp-tabs,.erp-module-list,.hr-tabs,.hr-loan-tabs,.fiscal-tabs,.access-tabs,.approval-toolbar,.approval-history-filters,.order-workspace-switch,.department-stage-tabs,.transfer-department-tabs,.production-filters,.preview-workspace-filters,.dashboard-filters,.dashboard-series) button{
  min-height:32px!important;
  padding:7px 12px!important;
  border:1px solid rgba(113,160,176,.24)!important;
  border-radius:var(--cv-radius-sm)!important;
  background:rgba(24,34,41,.84)!important;
  color:#d8edf4!important;
  font-size:11px!important;
  font-weight:540!important;
  box-shadow:none!important;
}

body[data-control-style="neon"] :is(.commercial-tabs,.commercial-process-flow,.erp-tabs,.erp-module-list,.hr-tabs,.hr-loan-tabs,.fiscal-tabs,.access-tabs,.approval-toolbar,.approval-history-filters,.order-workspace-switch,.department-stage-tabs,.transfer-department-tabs,.production-filters,.preview-workspace-filters,.dashboard-filters,.dashboard-series) button.active,
body[data-control-style="neon"] :is(.commercial-tabs,.commercial-process-flow,.erp-tabs,.erp-module-list,.hr-tabs,.hr-loan-tabs,.fiscal-tabs,.access-tabs,.approval-toolbar,.approval-history-filters,.order-workspace-switch,.department-stage-tabs,.transfer-department-tabs,.production-filters,.preview-workspace-filters,.dashboard-filters,.dashboard-series) button[aria-selected="true"]{
  border-color:var(--cv-magenta)!important;
  background:rgba(65,18,48,.88)!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 var(--cv-magenta),var(--cv-magenta-glow)!important;
}

body[data-control-style="neon"] :is(button,.button){
  border-radius:var(--cv-radius-sm)!important;
  font-weight:560!important;
}

body[data-control-style="neon"] #app :is(button:not(.icon):not(.profile):not(.order-close),.button),
body[data-control-style="neon"] dialog :is(button:not(.order-close),.button){
  border:1px solid rgba(126,176,192,.36)!important;
  background:rgba(29,42,50,.92)!important;
  color:#eaf8fc!important;
  box-shadow:none!important;
}

body[data-control-style="neon"] #app :is(button:not(.icon):not(.profile):not(.order-close),.button):hover,
body[data-control-style="neon"] dialog :is(button:not(.order-close),.button):hover{
  border-color:rgba(36,223,255,.62)!important;
  background:rgba(34,54,64,.96)!important;
}

body[data-control-style="neon"] #app :is(button.complete,.sale-invoice-button,.sale-add,.sale-pay,.attendance-main-button,.dialog-actions button:last-child,.employee-actions button:last-child,.approval-card footer button:last-child,.sale-delete-button.danger),
body[data-control-style="neon"] dialog :is(.dialog-actions button:last-child,footer button:last-child,button[data-policy="keep"],button[type="submit"]){
  border-color:var(--cv-magenta)!important;
  background:linear-gradient(180deg,#a91565,#781049)!important;
  color:#fff!important;
  box-shadow:var(--cv-magenta-glow)!important;
}

body[data-control-style="neon"] #app :is(.sale-add,.sale-pay,.sale-invoice-button,.sale-continue-button,.cl-primary,.special-primary,.special-save,button[data-quick-continue],button.ml-btn-primary),
body[data-control-style="neon"] dialog :is(.cl-primary,.special-primary,.special-save,button[data-quick-continue],button.ml-btn-primary,#saleProductForm button[type="submit"],#saleCheckoutForm button[type="submit"]){
  border-color:rgba(255,43,184,.92)!important;
  background:
    radial-gradient(circle at 18% 0,rgba(255,255,255,.18),transparent 28%),
    linear-gradient(180deg,#bd1674 0%,#82114f 100%)!important;
  background-image:
    radial-gradient(circle at 18% 0,rgba(255,255,255,.18),transparent 28%),
    linear-gradient(180deg,#bd1674 0%,#82114f 100%)!important;
  color:#fff!important;
  text-shadow:0 0 10px rgba(255,255,255,.16)!important;
  box-shadow:0 0 0 1px rgba(255,43,184,.24),0 0 20px rgba(237,22,140,.24)!important;
}

body[data-control-style="neon"] #app :is(.sale-add,.sale-pay,.sale-invoice-button,.sale-continue-button,.cl-primary,.special-primary,.special-save,button[data-quick-continue],button.ml-btn-primary):hover,
body[data-control-style="neon"] dialog :is(.cl-primary,.special-primary,.special-save,button[data-quick-continue],button.ml-btn-primary,#saleProductForm button[type="submit"],#saleCheckoutForm button[type="submit"]):hover{
  border-color:#ff5ac4!important;
  background:
    radial-gradient(circle at 18% 0,rgba(255,255,255,.22),transparent 28%),
    linear-gradient(180deg,#d91d89 0%,#95135b 100%)!important;
  background-image:
    radial-gradient(circle at 18% 0,rgba(255,255,255,.22),transparent 28%),
    linear-gradient(180deg,#d91d89 0%,#95135b 100%)!important;
  box-shadow:0 0 0 1px rgba(255,43,184,.34),0 0 26px rgba(237,22,140,.30)!important;
}

body[data-control-style="neon"] #app :is(.sale-soft,.sale-link,.sale-file-button,.sale-payment-button,.sale-customer-catalog-price,.sale-selected-customer>button,.sale-selected-customer .dossier-button,.sale-draft-tools button,.sale-sheet-add,.dashboard-secondary,.ml-btn-secondary,button[data-reprice],button[data-live-catalog],.special-secondary,.special-ghost-button,#exclusiveSaleButton),
body[data-control-style="neon"] dialog :is(.sale-soft,.sale-link,.sale-file-button,.sale-payment-button,.sale-customer-catalog-price,.dashboard-secondary,.ml-btn-secondary,button[data-reprice],button[data-live-catalog],.special-secondary,.special-ghost-button){
  border-color:rgba(36,223,255,.58)!important;
  background:
    radial-gradient(circle at 18% 0,rgba(36,223,255,.14),transparent 32%),
    linear-gradient(180deg,rgba(17,58,70,.96),rgba(13,33,42,.96))!important;
  background-image:
    radial-gradient(circle at 18% 0,rgba(36,223,255,.14),transparent 32%),
    linear-gradient(180deg,rgba(17,58,70,.96),rgba(13,33,42,.96))!important;
  color:#dffbff!important;
  box-shadow:0 0 0 1px rgba(36,223,255,.10),0 0 16px rgba(36,223,255,.12)!important;
}

body[data-control-style="neon"] #app :is(.sale-soft,.sale-link,.sale-file-button,.sale-payment-button,.sale-customer-catalog-price,.sale-selected-customer>button,.sale-selected-customer .dossier-button,.sale-draft-tools button,.sale-sheet-add,.dashboard-secondary,.ml-btn-secondary,button[data-reprice],button[data-live-catalog],.special-secondary,.special-ghost-button,#exclusiveSaleButton):hover,
body[data-control-style="neon"] dialog :is(.sale-soft,.sale-link,.sale-file-button,.sale-payment-button,.sale-customer-catalog-price,.dashboard-secondary,.ml-btn-secondary,button[data-reprice],button[data-live-catalog],.special-secondary,.special-ghost-button):hover{
  border-color:rgba(36,223,255,.86)!important;
  background:
    radial-gradient(circle at 18% 0,rgba(36,223,255,.20),transparent 32%),
    linear-gradient(180deg,rgba(20,73,88,.98),rgba(16,42,52,.98))!important;
  background-image:
    radial-gradient(circle at 18% 0,rgba(36,223,255,.20),transparent 32%),
    linear-gradient(180deg,rgba(20,73,88,.98),rgba(16,42,52,.98))!important;
  box-shadow:0 0 0 1px rgba(36,223,255,.16),0 0 22px rgba(36,223,255,.18)!important;
}

body[data-control-style="neon"] #app .sale-quote{
  border-color:rgba(126,176,192,.38)!important;
  background:linear-gradient(180deg,rgba(31,44,53,.92),rgba(20,30,38,.96))!important;
  color:#dceff5!important;
}

body[data-control-style="neon"] #commercial :is(.commercial-tabs,.sale-sheet-tabs){
  gap:6px!important;
  padding:5px!important;
  border:1px solid rgba(36,223,255,.18)!important;
  border-radius:12px!important;
  background:rgba(5,14,19,.34)!important;
}

body[data-control-style="neon"] #commercial :is(.commercial-tabs,.sale-sheet-tabs) button{
  min-height:33px!important;
  border-color:rgba(118,168,184,.28)!important;
  background:linear-gradient(180deg,rgba(25,38,46,.82),rgba(15,25,32,.88))!important;
  color:#d9edf3!important;
  box-shadow:none!important;
}

body[data-control-style="neon"] #app :is(.dashboard-series,.commercial-tabs,.sale-sheet-tabs) button.active,
body[data-control-style="neon"] #app :is(.dashboard-series,.commercial-tabs,.sale-sheet-tabs) button[aria-selected="true"]{
  border-color:rgba(36,223,255,.78)!important;
  background:
    radial-gradient(circle at 20% 0,rgba(36,223,255,.18),transparent 34%),
    linear-gradient(180deg,rgba(18,62,75,.96),rgba(12,34,43,.98))!important;
  color:#f2feff!important;
  box-shadow:inset 0 -2px 0 var(--cv-cyan),0 0 18px rgba(36,223,255,.18)!important;
}

body[data-control-style="neon"] #app .sale-selected-customer{
  border-color:rgba(36,223,255,.36)!important;
  background:
    radial-gradient(circle at 0 0,rgba(36,223,255,.10),transparent 36%),
    linear-gradient(180deg,rgba(18,39,48,.96),rgba(12,27,35,.96))!important;
  box-shadow:0 0 0 1px rgba(36,223,255,.08),0 0 18px rgba(36,223,255,.08)!important;
}

body[data-control-style="neon"] #app :is(button.danger,.danger-text,.danger-outline),
body[data-control-style="neon"] dialog :is(button.danger,.danger-text,.danger-outline,button[data-policy="remove"]){
  border-color:rgba(255,100,139,.72)!important;
  background:rgba(92,32,45,.92)!important;
  color:#ffd7e1!important;
}

body[data-control-style="neon"] #app :is(button.ml-btn-danger,.sale-discard-capture,.sale-delete-button,.quote-delete),
body[data-control-style="neon"] dialog :is(button.ml-btn-danger,.quote-delete){
  border-color:rgba(255,100,139,.76)!important;
  background:
    radial-gradient(circle at 18% 0,rgba(255,170,186,.12),transparent 34%),
    linear-gradient(180deg,rgba(112,39,51,.94),rgba(74,25,36,.96))!important;
  background-image:
    radial-gradient(circle at 18% 0,rgba(255,170,186,.12),transparent 34%),
    linear-gradient(180deg,rgba(112,39,51,.94),rgba(74,25,36,.96))!important;
  color:#ffe4ea!important;
  box-shadow:0 0 0 1px rgba(255,100,139,.14),0 0 14px rgba(255,80,120,.12)!important;
}

body[data-control-style="neon"] #app :is(button.ml-btn-danger,.sale-discard-capture,.sale-delete-button,.quote-delete):hover,
body[data-control-style="neon"] dialog :is(button.ml-btn-danger,.quote-delete):hover{
  border-color:rgba(255,130,160,.92)!important;
  background:
    radial-gradient(circle at 18% 0,rgba(255,185,198,.16),transparent 34%),
    linear-gradient(180deg,rgba(132,45,61,.98),rgba(86,29,42,.98))!important;
  background-image:
    radial-gradient(circle at 18% 0,rgba(255,185,198,.16),transparent 34%),
    linear-gradient(180deg,rgba(132,45,61,.98),rgba(86,29,42,.98))!important;
  box-shadow:0 0 0 1px rgba(255,100,139,.20),0 0 18px rgba(255,80,120,.16)!important;
}

body[data-control-style="neon"] :is(input,select,textarea){
  border:1px solid rgba(120,173,190,.44)!important;
  border-radius:var(--cv-radius-sm)!important;
  background:rgba(7,17,23,.88)!important;
  color:var(--cv-text)!important;
  box-shadow:none!important;
}

body[data-control-style="neon"] :is(input,select,textarea):focus{
  border-color:var(--cv-cyan)!important;
  box-shadow:0 0 0 2px rgba(36,223,255,.12),var(--cv-glow-soft)!important;
  outline:0!important;
}

body[data-control-style="neon"] label{
  color:#d8eef5!important;
  font-weight:540!important;
}

body[data-control-style="neon"] label small,
body[data-control-style="neon"] .form-help{
  color:var(--cv-muted)!important;
}

body[data-control-style="neon"] table{
  border-collapse:separate!important;
  border-spacing:0!important;
}

body[data-control-style="neon"] thead th{
  border:0!important;
  background:#08161d!important;
  color:var(--cv-cyan)!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.11em!important;
}

body[data-control-style="neon"] tbody td{
  border-color:rgba(105,150,166,.16)!important;
  background:rgba(18,29,36,.86)!important;
  color:#eaf5f8!important;
  font-size:12px!important;
}

body[data-control-style="neon"] tbody tr:hover td{
  background:rgba(22,42,50,.98)!important;
}

body[data-control-style="neon"] dialog{
  border:1px solid var(--cv-line)!important;
  border-radius:var(--cv-radius)!important;
  background:linear-gradient(180deg,#132129,#0b151b)!important;
  color:var(--cv-text)!important;
  box-shadow:0 26px 90px rgba(0,0,0,.62),var(--cv-glow-soft)!important;
}

body[data-control-style="neon"] dialog::backdrop{
  background:rgba(0,0,0,.72)!important;
  backdrop-filter:blur(6px);
}

body[data-control-style="neon"] .order-close{
  border:1px solid rgba(160,190,200,.28)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
}

body[data-control-style="neon"] :is(.commercial-status,.approval-state,.cash-kind,.gate,.production-status,.status-pill){
  border:1px solid rgba(121,171,187,.32)!important;
  border-radius:999px!important;
  background:rgba(16,28,35,.90)!important;
  color:#dff8ff!important;
  font-weight:560!important;
}

body[data-control-style="neon"] :is(.commercial-status.completed,.approval-state.executed,.gate.ok,.production-status.ready){
  border-color:rgba(36,228,183,.62)!important;
  background:rgba(8,54,45,.9)!important;
  color:#a9ffe9!important;
}

body[data-control-style="neon"] :is(.commercial-status.cancelled,.approval-state.rejected,.gate.wait){
  border-color:rgba(255,100,139,.62)!important;
  background:rgba(70,25,35,.9)!important;
  color:#ffc9d6!important;
}

body[data-control-style="neon"] .empty{
  border:1px dashed rgba(126,176,192,.22)!important;
  border-radius:var(--cv-radius)!important;
  background:rgba(14,25,31,.70)!important;
  color:var(--cv-muted)!important;
}

body[data-control-style="neon"] .control-visual-panel{
  display:grid;
  gap:var(--cv-gap);
}

.control-visual-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:var(--cv-gap);
}

.control-visual-grid article{
  padding:var(--cv-pad)!important;
}

.control-visual-grid article>span,
.control-visual-preview span{
  display:block;
  color:var(--cv-cyan)!important;
  font-size:10px!important;
  font-weight:720!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

.control-visual-grid article h3{
  margin:6px 0 8px!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:620!important;
}

.control-visual-choice{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
}

.control-visual-choice button{
  min-height:32px!important;
}

.control-visual-preview{
  display:grid;
  gap:10px;
  padding:var(--cv-pad);
  border:1px solid var(--cv-line);
  border-radius:var(--cv-radius);
  background:linear-gradient(180deg,rgba(13,34,43,.94),rgba(10,22,28,.94));
}

.control-visual-sample-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}

.control-visual-sample-card{
  min-width:190px;
  padding:14px;
  border:1px solid var(--cv-line-soft);
  border-radius:var(--cv-radius);
  background:rgba(16,26,32,.92);
}

.control-visual-sample-card b,
.control-visual-sample-card small{
  display:block;
}

.control-visual-sample-card small{
  margin-top:5px;
  color:var(--cv-muted);
}

@media(max-width:760px){
  body[data-control-style="neon"] .content{padding-inline:10px!important}
  body[data-control-style="neon"] .control-visual-grid{grid-template-columns:1fr}
  body[data-control-style="neon"] .commercial-section-tools{align-items:flex-start!important;flex-direction:column!important}
  body[data-control-style="neon"] .commercial-section-tools>div:last-child{justify-content:flex-start!important}
  body[data-control-style="neon"] .customer-directory-search{grid-template-columns:1fr!important}
  body[data-control-style="neon"] .customer-directory-results>article{grid-template-columns:1fr!important}
  body[data-control-style="neon"] .customer-directory-actions{justify-content:flex-start!important}
}

/* Ronda de cierre: protege los botones clave de ventas contra reglas históricas planas. */
body[data-control-style="neon"] #app #commercial :is(.sale-add.sale-add,.sale-pay.sale-pay,.sale-invoice-button.sale-invoice-button,.sale-continue-button.sale-continue-button),
body[data-control-style="neon"] dialog :is(#saleProductForm button[type="submit"],#saleCheckoutForm button[type="submit"]){
  border-color:rgba(255,43,184,.96)!important;
  background:
    radial-gradient(circle at 18% 0,rgba(255,255,255,.20),transparent 28%),
    linear-gradient(180deg,#c9167b 0%,#871151 100%)!important;
  background-image:
    radial-gradient(circle at 18% 0,rgba(255,255,255,.20),transparent 28%),
    linear-gradient(180deg,#c9167b 0%,#871151 100%)!important;
  color:#fff!important;
  text-shadow:0 0 10px rgba(255,255,255,.18)!important;
  box-shadow:0 0 0 1px rgba(255,43,184,.28),0 0 22px rgba(237,22,140,.30)!important;
}

body[data-control-style="neon"] #app #commercial :is(.sale-add.sale-add,.sale-pay.sale-pay,.sale-invoice-button.sale-invoice-button,.sale-continue-button.sale-continue-button):hover,
body[data-control-style="neon"] dialog :is(#saleProductForm button[type="submit"],#saleCheckoutForm button[type="submit"]):hover{
  border-color:#ff5ac4!important;
  background:
    radial-gradient(circle at 18% 0,rgba(255,255,255,.24),transparent 28%),
    linear-gradient(180deg,#df1d8d 0%,#98145d 100%)!important;
  background-image:
    radial-gradient(circle at 18% 0,rgba(255,255,255,.24),transparent 28%),
    linear-gradient(180deg,#df1d8d 0%,#98145d 100%)!important;
  box-shadow:0 0 0 1px rgba(255,43,184,.36),0 0 28px rgba(237,22,140,.34)!important;
}

body[data-control-style="neon"] #app #commercial :is(.commercial-tabs.commercial-tabs,.sale-sheet-tabs.sale-sheet-tabs) button.active{
  border-color:rgba(36,223,255,.78)!important;
  background:
    radial-gradient(circle at 20% 0,rgba(36,223,255,.18),transparent 34%),
    linear-gradient(180deg,rgba(18,62,75,.96),rgba(12,34,43,.98))!important;
  color:#f2feff!important;
  box-shadow:inset 0 -2px 0 var(--cv-cyan),0 0 18px rgba(36,223,255,.18)!important;
}

body[data-control-style="neon"] #app #commercial .sale-capture-card>header .sale-discard-capture.sale-discard-capture,
body[data-control-style="neon"] #app #commercial button.ml-btn-danger.ml-btn-danger{
  border-color:rgba(255,100,139,.78)!important;
  background:
    radial-gradient(circle at 18% 0,rgba(255,170,186,.14),transparent 34%),
    linear-gradient(180deg,rgba(116,39,52,.96),rgba(76,25,37,.98))!important;
  background-image:
    radial-gradient(circle at 18% 0,rgba(255,170,186,.14),transparent 34%),
    linear-gradient(180deg,rgba(116,39,52,.96),rgba(76,25,37,.98))!important;
  color:#ffe4ea!important;
  box-shadow:0 0 0 1px rgba(255,100,139,.16),0 0 16px rgba(255,80,120,.14)!important;
}

body[data-control-style="neon"] #app #commercial .sale-capture-card>header .sale-discard-capture.sale-discard-capture:hover,
body[data-control-style="neon"] #app #commercial button.ml-btn-danger.ml-btn-danger:hover{
  border-color:rgba(255,130,160,.96)!important;
  background:
    radial-gradient(circle at 18% 0,rgba(255,185,198,.18),transparent 34%),
    linear-gradient(180deg,rgba(137,46,63,.98),rgba(88,29,43,.98))!important;
  background-image:
    radial-gradient(circle at 18% 0,rgba(255,185,198,.18),transparent 34%),
    linear-gradient(180deg,rgba(137,46,63,.98),rgba(88,29,43,.98))!important;
  box-shadow:0 0 0 1px rgba(255,100,139,.22),0 0 20px rgba(255,80,120,.18)!important;
}

/* Cierre visual global: menús, búsquedas, sugerencias, catálogo, chips y subpestañas dinámicas. */
body[data-control-style="neon"] #app :is(
  .sale-product-suggestions,
  #saleLookupResults,
  #quoteRecoveryResults,
  .customer-directory-search,
  .customer-directory-results,
  .customer-merge-suggestions,
  .purchase-toolbar,
  .em-search,
  .em-filters,
  .em-card-actions,
  .price-scope-options,
  .catalog-model-list,
  .catalog-editor,
  .cl-grid,
  .special-process-tabs,
  .special-filter-row,
  .production-filters,
  .design-filters,
  .order-workspace-switch,
  .approval-toolbar,
  .approval-history-filters
),
body[data-control-style="neon"] dialog :is(
  .sale-product-suggestions,
  #saleLookupResults,
  #quoteRecoveryResults,
  .price-scope-options,
  .catalog-model-list,
  .catalog-editor,
  .cl-grid,
  .rp-grid,
  .gf-result,
  [data-result]
){
  border-color:rgba(36,223,255,.22)!important;
  background:
    radial-gradient(circle at 0 0,rgba(36,223,255,.08),transparent 34%),
    linear-gradient(180deg,rgba(11,27,35,.94),rgba(8,19,26,.96))!important;
  color:var(--cv-text)!important;
  box-shadow:0 0 0 1px rgba(36,223,255,.06),0 0 18px rgba(0,0,0,.20)!important;
}

body[data-control-style="neon"] #app :is(
  .sale-product-suggestions *,
  #saleLookupResults *,
  #quoteRecoveryResults *,
  .customer-directory-results *,
  .customer-merge-suggestions *,
  .price-scope-options *,
  .catalog-model-list *,
  .catalog-editor *,
  .cl-grid *,
  .em-search *,
  .em-filters *,
  .em-card-actions *,
  .special-process-tabs *,
  .production-filters *,
  .design-filters *
),
body[data-control-style="neon"] dialog :is(
  .sale-product-suggestions *,
  #saleLookupResults *,
  #quoteRecoveryResults *,
  .price-scope-options *,
  .catalog-model-list *,
  .catalog-editor *,
  .cl-grid *,
  .rp-grid *,
  .gf-result *,
  [data-result] *
){
  color:inherit;
}

body[data-control-style="neon"] #app :is(
  .sale-product-suggestions button,
  #saleLookupResults button,
  #quoteRecoveryResults button,
  .customer-directory-results button,
  .customer-merge-suggestions button,
  .price-scope-options label,
  .catalog-model-list button,
  .catalog-editor button,
  .em-filters button,
  .em-card-actions button,
  .special-process-tabs button,
  .production-filters button,
  .design-filters button,
  .order-workspace-switch button,
  .approval-toolbar button,
  .approval-history-filters button
),
body[data-control-style="neon"] dialog :is(
  .sale-product-suggestions button,
  #saleLookupResults button,
  #quoteRecoveryResults button,
  .price-scope-options label,
  .catalog-model-list button,
  .catalog-editor button
){
  border:1px solid rgba(118,168,184,.30)!important;
  border-radius:var(--cv-radius-sm)!important;
  background:linear-gradient(180deg,rgba(25,38,46,.84),rgba(14,25,32,.90))!important;
  color:#dff5fb!important;
  box-shadow:none!important;
}

body[data-control-style="neon"] #app :is(
  .sale-product-suggestions button:hover,
  #saleLookupResults button:hover,
  #quoteRecoveryResults button:hover,
  .customer-directory-results button:hover,
  .customer-merge-suggestions button:hover,
  .price-scope-options label:hover,
  .catalog-model-list button:hover,
  .catalog-editor button:hover,
  .em-filters button:hover,
  .em-card-actions button:hover,
  .special-process-tabs button:hover,
  .production-filters button:hover,
  .design-filters button:hover,
  .order-workspace-switch button:hover,
  .approval-toolbar button:hover,
  .approval-history-filters button:hover
),
body[data-control-style="neon"] dialog :is(
  .sale-product-suggestions button:hover,
  #saleLookupResults button:hover,
  #quoteRecoveryResults button:hover,
  .price-scope-options label:hover,
  .catalog-model-list button:hover,
  .catalog-editor button:hover
){
  border-color:rgba(36,223,255,.72)!important;
  background:
    radial-gradient(circle at 18% 0,rgba(36,223,255,.16),transparent 32%),
    linear-gradient(180deg,rgba(19,60,72,.96),rgba(12,33,42,.96))!important;
  box-shadow:0 0 0 1px rgba(36,223,255,.12),0 0 16px rgba(36,223,255,.12)!important;
}

body[data-control-style="neon"] #app :is(
  .em-filters button.selected,
  .em-filters button.active,
  .special-process-tabs button.active,
  .production-filters button.active,
  .design-filters button.active,
  .order-workspace-switch button.active,
  .approval-toolbar button.active,
  .approval-history-filters button.active,
  .price-scope-options input:checked+span,
  .price-scope-options label:has(input:checked)
),
body[data-control-style="neon"] dialog :is(
  .price-scope-options input:checked+span,
  .price-scope-options label:has(input:checked)
){
  border-color:rgba(255,43,184,.72)!important;
  background:
    radial-gradient(circle at 18% 0,rgba(255,43,184,.15),transparent 34%),
    linear-gradient(180deg,rgba(65,18,48,.92),rgba(29,23,45,.95))!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 var(--cv-magenta),0 0 18px rgba(237,22,140,.18)!important;
}

body[data-control-style="neon"] :is(select option,optgroup){
  background:#0b1820!important;
  color:#eaf8fc!important;
}

body[data-control-style="neon"] :is(.sale-price-special,.sale-price-restore,.commercial-status,.gate,.design-stage,.source-dot,.record-badge,.special-mini-status span){
  border:1px solid rgba(36,223,255,.30)!important;
  border-radius:999px!important;
  background:rgba(12,40,50,.82)!important;
  color:#aef4ff!important;
  box-shadow:0 0 12px rgba(36,223,255,.08)!important;
}