: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;
}

/* Pulido integral: evita piezas transparentes o viejas dentro del marco visual Control. */
body[data-control-style="neon"] #app aside .ml-nav-group-toggle{
  border:1px solid rgba(90,134,152,.18)!important;
  border-radius:var(--cv-radius-sm)!important;
  background:
    radial-gradient(circle at 12% 50%,rgba(36,223,255,.07),transparent 28%),
    linear-gradient(180deg,rgba(10,23,31,.58),rgba(8,18,25,.72))!important;
  color:#9eb6c2!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}

body[data-control-style="neon"] #app aside .ml-nav-group-toggle:hover,
body[data-control-style="neon"] #app aside .ml-nav-group-toggle[aria-expanded="true"]{
  border-color:rgba(36,223,255,.32)!important;
  color:#d7f8ff!important;
  background:
    radial-gradient(circle at 12% 50%,rgba(36,223,255,.12),transparent 30%),
    linear-gradient(180deg,rgba(15,36,45,.72),rgba(9,23,31,.82))!important;
}

body[data-control-style="neon"] #app aside .operational-install-shortcut{
  width:200px!important;
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:8px 12px!important;
  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;
  text-decoration:none!important;
  box-shadow:0 0 0 1px rgba(36,223,255,.06)!important;
}

body[data-control-style="neon"] #app aside .operational-install-shortcut:hover{
  border-color:rgba(36,223,255,.64)!important;
  color:#fff!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 18px rgba(36,223,255,.12)!important;
}

body[data-control-style="neon"] #app :is(.ml-btn-secondary,.dashboard-secondary,button.dashboard-secondary){
  border-color:rgba(36,223,255,.42)!important;
  background:
    radial-gradient(circle at 18% 0,rgba(36,223,255,.10),transparent 34%),
    linear-gradient(180deg,rgba(18,42,51,.78),rgba(10,25,33,.88))!important;
  color:#e6fbff!important;
}

body[data-control-style="neon"] #app :is(.ml-btn-secondary,.dashboard-secondary,button.dashboard-secondary):hover{
  border-color:rgba(36,223,255,.76)!important;
  box-shadow:0 0 0 1px rgba(36,223,255,.10),0 0 18px rgba(36,223,255,.14)!important;
}

body[data-control-style="neon"] #app :is(input,select,textarea){
  min-height:36px;
}

body[data-control-style="neon"] #app :is(.dashboard-card,.panel,.card,article,section){
  scrollbar-color:rgba(36,223,255,.44) rgba(7,15,20,.72);
}

/* Barrido total de componentes históricos insertados por módulos antiguos. */
body[data-control-style="neon"] :is(
  .branch-card,
  .branch-dialog,
  .production-stats,
  .production-stat-departments article,
  .production-people-table>div,
  .transfer-department-tabs button,
  .department-row-main header em,
  .apparel-fields,
  .other-entry,
  .apparel-consolidated,
  .apparel-consolidated>header,
  .apparel-consolidated .size-column,
  .apparel-consolidated .size-column-alt,
  .apparel-supply-dialog,
  .apparel-supply-dialog .dialog-actions,
  .apparel-supply-sizes,
  .apparel-requests-dialog,
  .apparel-catalog-dialog,
  .apparel-requests-dialog #apparelRequestsList article,
  .supply-head,
  .supply-row,
  .provider-divider td,
  .provider-size-header th,
  .provider-size-header th.size-column,
  .catalog-model-list span,
  .hr-full-dialog,
  .hr-full-dialog form,
  .hr-full-dialog header,
  .hr-full-dialog footer,
  .hr-full-dialog main,
  .hr-incident-dialog,
  .hr-incident-dialog form,
  .hr-incident-dialog form>header,
  .hr-incident-dialog aside,
  .hr-modern-grid input,
  .hr-modern-grid select,
  .hr-modern-grid textarea,
  .hr-schedule-modern>div,
  .incident-cards article,
  .hr-loan-table,
  .hr-loan-table article,
  .loan-head,
  .hr-loan-tabs button,
  .hr-benefits-legal,
  .benefit-cards>article,
  .benefit-cards>article>header,
  .benefit-calendar article,
  .benefit-metrics label,
  .policy-schedule label
){
  border-color:rgba(36,223,255,.24)!important;
  background:
    radial-gradient(circle at 0 0,rgba(36,223,255,.06),transparent 32%),
    linear-gradient(180deg,rgba(22,35,43,.92),rgba(12,24,31,.96))!important;
  color:#e7f8fc!important;
  box-shadow:0 0 0 1px rgba(36,223,255,.04),0 10px 24px rgba(0,0,0,.14)!important;
}

body[data-control-style="neon"] :is(
  .branch-card *,
  .branch-dialog *,
  .production-stats *,
  .production-stat-departments *,
  .production-people-table *,
  .transfer-department-tabs *,
  .apparel-fields *,
  .apparel-consolidated *,
  .apparel-supply-dialog *,
  .apparel-requests-dialog *,
  .apparel-catalog-dialog *,
  .provider-size-header *,
  .hr-full-dialog *,
  .hr-incident-dialog *,
  .incident-cards *,
  .hr-loan-table *,
  .hr-loan-tabs *,
  .hr-benefits *,
  .benefit-cards *,
  .benefit-calendar *,
  .policy-schedule *
){
  color:inherit;
}

body[data-control-style="neon"] :is(
  .branch-card dt,
  .branch-card p,
  .production-stat-note,
  .production-people-head,
  .supply-row span small,
  .apparel-consolidated small,
  .apparel-table-wrap th,
  .apparel-requests-dialog article small,
  .benefit-cards small,
  .benefit-history small,
  .benefit-calendar small,
  .hr-loan-table small,
  .incident-cards p,
  .incident-cards small,
  .incident-cards span,
  .hr-full-dialog main h3,
  .hr-modern-grid label,
  .hr-incident-filters input,
  .hr-incident-filters select
){
  color:#9fc1cc!important;
}

body[data-control-style="neon"] :is(
  .apparel-table-wrap table,
  .apparel-table-wrap th,
  .apparel-table-wrap td,
  .hr-loan-table,
  .loan-head,
  .hr-loan-table article,
  .production-people-table>div,
  .supply-row,
  .supply-head
){
  border-color:rgba(118,168,184,.20)!important;
}

body[data-control-style="neon"] :is(
  .apparel-table-wrap button,
  .apparel-row-actions button,
  .apparel-row-actions .secondary,
  .apparel-requests-dialog article button,
  .hr-full-dialog footer button,
  .hr-incident-dialog footer button,
  .hr-incident-dialog .incident-actions button,
  .hr-loan-tabs button,
  .transfer-department-tabs button
){
  border:1px solid rgba(118,168,184,.32)!important;
  border-radius:var(--cv-radius-sm)!important;
  background:linear-gradient(180deg,rgba(25,38,46,.86),rgba(14,25,32,.92))!important;
  color:#e6fbff!important;
  box-shadow:none!important;
}

body[data-control-style="neon"] :is(
  .apparel-table-wrap button:hover,
  .apparel-row-actions button:hover,
  .apparel-requests-dialog article button:hover,
  .hr-full-dialog footer button:hover,
  .hr-incident-dialog footer button:hover,
  .hr-incident-dialog .incident-actions button:hover,
  .hr-loan-tabs button:hover,
  .transfer-department-tabs button:hover,
  .transfer-department-tabs button.active,
  .hr-loan-tabs button.active
){
  border-color:rgba(36,223,255,.70)!important;
  background:
    radial-gradient(circle at 18% 0,rgba(36,223,255,.15),transparent 32%),
    linear-gradient(180deg,rgba(19,60,72,.96),rgba(12,33,42,.96))!important;
  color:#fff!important;
  box-shadow:0 0 18px rgba(36,223,255,.12)!important;
}

body[data-control-style="neon"] :is(.incident-actions .danger,.hr-full-dialog footer .danger){
  border-color:rgba(255,100,139,.62)!important;
  background:linear-gradient(180deg,rgba(112,38,53,.94),rgba(72,24,36,.96))!important;
  color:#ffe8ee!important;
}

body[data-control-style="neon"] :is(.provider-pill,.benefit-cards header>span,.incident-status,.incident-icon){
  border:1px solid rgba(36,223,255,.24)!important;
  background:rgba(12,44,55,.86)!important;
  color:#9ef5ff!important;
}

/* Ronda total 381.1.93: asistencia conserva acción clara sin botón gigante */
body[data-control-style="neon"] :is(.attendance-main-button,#attendanceCheckinButton,.attendance-action-card button.complete){
  width:auto!important;
  min-width:180px!important;
  max-width:280px!important;
  justify-self:start!important;
  align-self:start!important;
  padding:13px 22px!important;
}

body[data-control-style="neon"] .attendance-action-card :is(.attendance-main-button,#attendanceCheckinButton,.complete){
  margin-top:10px!important;
}

/* Panel de salud de Control */
body[data-control-style="neon"] .control-health-panel{
  display:block;
}

body[data-control-style="neon"] #app.shell>aside nav button[data-view="control-health"]{
  position:relative;
  overflow:hidden;
  border-color:rgba(64,255,164,.24)!important;
  background:
    radial-gradient(circle at 16% 50%,rgba(64,255,164,.13),transparent 28%),
    linear-gradient(180deg,rgba(10,31,36,.88),rgba(7,18,25,.94))!important;
}

body[data-control-style="neon"] #app.shell>aside nav button[data-view="control-health"].active,
body[data-control-style="neon"] #app.shell>aside nav button[data-view="control-health"]:hover{
  border-color:rgba(64,255,164,.58)!important;
  box-shadow:inset 0 0 0 1px rgba(64,255,164,.08),0 0 18px rgba(64,255,164,.12)!important;
}

body[data-control-style="neon"] #app.shell>aside nav button[data-view="control-health"] .visual-nav-icon{
  color:#d8ffe9!important;
  background:linear-gradient(135deg,rgba(64,255,164,.24),rgba(36,223,255,.12))!important;
  border-color:rgba(64,255,164,.42)!important;
  text-shadow:0 0 12px rgba(64,255,164,.42)!important;
}

body[data-control-style="neon"] .control-health-heading{
  border:1px solid rgba(64,255,164,.18)!important;
  border-radius:22px!important;
  padding:16px 18px!important;
  background:
    radial-gradient(circle at 7% 0,rgba(64,255,164,.12),transparent 34%),
    radial-gradient(circle at 100% 0,rgba(255,75,166,.08),transparent 30%),
    linear-gradient(180deg,rgba(9,29,36,.86),rgba(7,17,24,.92))!important;
  box-shadow:0 20px 42px rgba(0,0,0,.16),0 0 28px rgba(64,255,164,.05)!important;
}

body[data-control-style="neon"] .control-health-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

body[data-control-style="neon"] .control-health-version{
  border:1px solid rgba(36,223,255,.28);
  border-radius:999px;
  padding:8px 12px;
  background:rgba(5,24,31,.72);
  color:#aef8ff;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body[data-control-style="neon"] .control-health-summary{
  display:grid;
  grid-template-columns:1.35fr repeat(3,minmax(140px,1fr));
  gap:12px;
  margin:14px 0;
}

body[data-control-style="neon"] .control-health-summary article,
body[data-control-style="neon"] .control-health-card,
body[data-control-style="neon"] .control-health-errors article{
  border:1px solid rgba(86,143,160,.26);
  border-radius:18px;
  background:
    radial-gradient(circle at 12% 0,rgba(36,223,255,.10),transparent 34%),
    linear-gradient(180deg,rgba(21,35,43,.94),rgba(10,20,27,.96));
  box-shadow:0 14px 34px rgba(0,0,0,.18);
  color:var(--cv-text);
}

body[data-control-style="neon"] .control-health-summary article:hover,
body[data-control-style="neon"] .control-health-card:hover,
body[data-control-style="neon"] .control-health-issue:hover{
  border-color:rgba(36,223,255,.42);
  transform:translateY(-1px);
  box-shadow:0 18px 38px rgba(0,0,0,.20),0 0 20px rgba(36,223,255,.06);
}

body[data-control-style="neon"] .control-health-summary article{
  padding:15px 16px;
}

body[data-control-style="neon"] .control-health-summary span,
body[data-control-style="neon"] .control-health-card header span,
body[data-control-style="neon"] .control-health-errors .eyebrow{
  color:var(--cv-cyan);
  font-size:10px;
  font-weight:760;
  letter-spacing:.13em;
  text-transform:uppercase;
}

body[data-control-style="neon"] .control-health-summary b{
  display:block;
  margin:6px 0 4px;
  color:#fff;
  font-size:25px;
  font-weight:680;
}

body[data-control-style="neon"] .control-health-summary small,
body[data-control-style="neon"] .control-health-card p,
body[data-control-style="neon"] .control-health-card small,
body[data-control-style="neon"] .control-health-errors span{
  color:#9fc1cc;
}

body[data-control-style="neon"] .control-health-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(245px,1fr));
  gap:12px;
}

body[data-control-style="neon"] .control-health-card{
  min-height:150px;
  padding:14px;
}

body[data-control-style="neon"] #app.shell>aside nav button[data-view="control-health"] #controlHealthBadge,
body[data-control-style="neon"] #controlHealthBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:9px!important;
  min-width:9px!important;
  height:9px!important;
  min-height:9px!important;
  margin-left:auto!important;
  border:1px solid rgba(64,255,164,.50)!important;
  border-radius:999px!important;
  padding:0!important;
  background:#40ffa4!important;
  color:transparent!important;
  font-size:0!important;
  font-style:normal!important;
  line-height:0!important;
  text-align:center!important;
  box-shadow:0 0 0 3px rgba(64,255,164,.09),0 0 15px rgba(64,255,164,.28)!important;
  animation:control-health-pulse 2.4s ease-in-out infinite;
}

body[data-control-style="neon"] #controlHealthBadge.hidden{
  display:none!important;
}

body[data-control-style="neon"] #app.shell>aside nav button[data-view="control-health"] #controlHealthBadge[data-tone="urgent"],
body[data-control-style="neon"] #controlHealthBadge[data-tone="urgent"]{
  border-color:rgba(255,75,166,.70);
  background:#ff4ba6!important;
  box-shadow:0 0 0 3px rgba(255,75,166,.10),0 0 16px rgba(255,75,166,.34)!important;
}

body[data-control-style="neon"] #app.shell>aside nav button[data-view="control-health"] #controlHealthBadge[data-tone="review"],
body[data-control-style="neon"] #controlHealthBadge[data-tone="review"]{
  border-color:rgba(255,202,87,.56)!important;
  background:#ffca57!important;
  box-shadow:0 0 0 3px rgba(255,202,87,.10),0 0 16px rgba(255,202,87,.26)!important;
}

@keyframes control-health-pulse{
  0%,100%{transform:scale(.92);opacity:.78}
  50%{transform:scale(1.08);opacity:1}
}

body[data-control-style="neon"] .control-health-card header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

body[data-control-style="neon"] .control-health-card em{
  border:1px solid rgba(36,223,255,.30);
  border-radius:999px;
  padding:5px 9px;
  background:rgba(5,24,31,.74);
  color:#9ef5ff;
  font-size:10px;
  font-style:normal;
  font-weight:760;
}

body[data-control-style="neon"] .control-health-card div{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin:14px 0 8px;
}

body[data-control-style="neon"] .control-health-card b{
  color:#fff;
  font-size:22px;
  font-weight:690;
}

body[data-control-style="neon"] .control-health-card strong{
  color:#e9fbff;
  font-size:16px;
  font-weight:650;
}

body[data-control-style="neon"] .control-health-card footer{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
}

body[data-control-style="neon"] .control-health-card footer small{
  flex:1;
}

body[data-control-style="neon"] .control-health-go{
  flex:0 0 auto;
  border:1px solid rgba(36,223,255,.34)!important;
  border-radius:12px!important;
  padding:8px 10px!important;
  background:linear-gradient(180deg,rgba(15,55,67,.90),rgba(8,34,43,.94))!important;
  color:#c6f8ff!important;
  font-size:11px!important;
  box-shadow:none!important;
}

body[data-control-style="neon"] .control-health-go:hover{
  border-color:rgba(36,223,255,.72)!important;
  color:#fff!important;
  box-shadow:0 0 16px rgba(36,223,255,.14)!important;
}

body[data-control-style="neon"] .control-health-review{
  border-color:rgba(255,202,87,.42)!important;
  box-shadow:0 0 24px rgba(255,202,87,.08)!important;
}

body[data-control-style="neon"] .control-health-review em{
  border-color:rgba(255,202,87,.42)!important;
  color:#ffe6a3!important;
}

body[data-control-style="neon"] .control-health-urgent{
  border-color:rgba(255,75,166,.52)!important;
  box-shadow:0 0 26px rgba(255,75,166,.12)!important;
}

body[data-control-style="neon"] .control-health-urgent em{
  border-color:rgba(255,75,166,.55)!important;
  color:#ffd6eb!important;
}

body[data-control-style="neon"] .control-health-ok em{
  border-color:rgba(64,255,164,.36)!important;
  color:#baffdd!important;
}

body[data-control-style="neon"] .control-health-errors{
  margin-top:14px;
}

body[data-control-style="neon"] .control-health-inbox{
  margin-top:16px;
  border:1px solid rgba(36,223,255,.18);
  border-radius:20px;
  padding:14px;
  background:
    radial-gradient(circle at 0 0,rgba(255,75,166,.08),transparent 32%),
    linear-gradient(180deg,rgba(12,27,35,.88),rgba(8,17,23,.92));
}

body[data-control-style="neon"] .control-health-inbox>header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

body[data-control-style="neon"] .control-health-inbox h3{
  margin:2px 0;
  color:#fff;
  font-size:18px;
  font-weight:650;
}

body[data-control-style="neon"] .control-health-inbox small{
  color:#9fc1cc;
}

body[data-control-style="neon"] .control-health-issues{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:10px;
}

body[data-control-style="neon"] .control-health-issue{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:150px;
  border:1px solid rgba(86,143,160,.24);
  border-radius:16px;
  padding:13px;
  background:
    radial-gradient(circle at 12% 0,rgba(36,223,255,.10),transparent 35%),
    linear-gradient(180deg,rgba(23,37,45,.94),rgba(10,20,27,.96));
}

body[data-control-style="neon"] .control-health-issue span{
  color:var(--cv-cyan);
  font-size:9px;
  font-weight:780;
  letter-spacing:.14em;
  text-transform:uppercase;
}

body[data-control-style="neon"] .control-health-issue h4{
  margin:6px 0 5px;
  color:#fff;
  font-size:14px;
  font-weight:680;
}

body[data-control-style="neon"] .control-health-issue p{
  margin:0 0 6px;
  color:#d9f5fa;
  font-size:12px;
}

body[data-control-style="neon"] .control-health-issue small{
  color:#9fc1cc;
}

body[data-control-style="neon"] .control-health-issue footer{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:12px;
  flex-wrap:wrap;
}

body[data-control-style="neon"] .control-health-issue footer button,
body[data-control-style="neon"] .control-health-inbox>header button{
  border:1px solid rgba(36,223,255,.34)!important;
  border-radius:12px!important;
  padding:8px 10px!important;
  background:linear-gradient(180deg,rgba(15,55,67,.90),rgba(8,34,43,.94))!important;
  color:#c6f8ff!important;
  font-size:11px!important;
  box-shadow:none!important;
}

body[data-control-style="neon"] .control-health-issue footer button.secondary,
body[data-control-style="neon"] .control-health-inbox>header button{
  border-color:rgba(118,168,184,.28)!important;
  background:linear-gradient(180deg,rgba(25,38,46,.86),rgba(14,25,32,.92))!important;
  color:#b9d7df!important;
}

body[data-control-style="neon"] .control-health-errors article{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:11px 13px;
  margin-top:8px;
}

@media(max-width:900px){
  body[data-control-style="neon"] .control-health-summary{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:620px){
  body[data-control-style="neon"] .control-health-summary,
  body[data-control-style="neon"] .control-health-grid,
  body[data-control-style="neon"] .control-health-issues{
    grid-template-columns:1fr;
  }
}

/* Salud · máscara final Control neón fino */
body[data-control-style="neon"] #control-health.control-health-panel{
  display:block!important;
  padding:0!important;
  color:#dff8ff!important;
}

body[data-control-style="neon"] #control-health .control-health-heading{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  margin:0 0 12px!important;
  border:1px solid rgba(36,223,255,.22)!important;
  border-left-color:rgba(64,255,164,.44)!important;
  border-radius:20px!important;
  padding:15px 16px!important;
  background:
    radial-gradient(circle at 0 0,rgba(64,255,164,.12),transparent 30%),
    radial-gradient(circle at 100% 0,rgba(237,22,140,.10),transparent 28%),
    linear-gradient(180deg,rgba(8,28,35,.96),rgba(6,16,23,.98))!important;
  box-shadow:0 16px 34px rgba(0,0,0,.18),0 0 24px rgba(36,223,255,.05)!important;
}

body[data-control-style="neon"] #control-health .control-health-heading .eyebrow,
body[data-control-style="neon"] #control-health .control-health-inbox .eyebrow{
  margin:0 0 5px!important;
  color:#37e6ff!important;
  font-size:9px!important;
  font-weight:720!important;
  letter-spacing:.16em!important;
}

body[data-control-style="neon"] #control-health .control-health-heading h2{
  margin:0!important;
  color:#ffffff!important;
  font-size:24px!important;
  font-weight:620!important;
  letter-spacing:-.02em!important;
  line-height:1.08!important;
}

body[data-control-style="neon"] #control-health .control-health-heading p:not(.eyebrow){
  margin:6px 0 0!important;
  max-width:680px!important;
  color:#a7cbd4!important;
  font-size:12px!important;
  line-height:1.45!important;
}

body[data-control-style="neon"] #control-health .control-health-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
}

body[data-control-style="neon"] #control-health .control-health-version{
  height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid rgba(36,223,255,.28)!important;
  border-radius:999px!important;
  padding:0 11px!important;
  background:rgba(3,18,25,.78)!important;
  color:#b8f7ff!important;
  font-size:10px!important;
  font-weight:680!important;
  letter-spacing:.10em!important;
}

body[data-control-style="neon"] #control-health .control-health-heading button,
body[data-control-style="neon"] #control-health .control-health-inbox>header button,
body[data-control-style="neon"] #control-health .control-health-go,
body[data-control-style="neon"] #control-health .control-health-issue footer button{
  min-height:32px!important;
  width:auto!important;
  border:1px solid rgba(36,223,255,.32)!important;
  border-radius:11px!important;
  padding:7px 10px!important;
  background:linear-gradient(180deg,rgba(10,45,56,.84),rgba(5,24,32,.94))!important;
  color:#caf8ff!important;
  font-size:11px!important;
  font-weight:620!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
}

body[data-control-style="neon"] #control-health .control-health-summary{
  display:grid!important;
  grid-template-columns:minmax(220px,1.1fr) repeat(3,minmax(130px,.7fr))!important;
  gap:10px!important;
  margin:12px 0!important;
}

body[data-control-style="neon"] #control-health .control-health-summary article,
body[data-control-style="neon"] #control-health .control-health-card,
body[data-control-style="neon"] #control-health .control-health-issue,
body[data-control-style="neon"] #control-health .control-health-errors article{
  border:1px solid rgba(69,130,148,.24)!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 12% 0,rgba(36,223,255,.07),transparent 32%),
    linear-gradient(180deg,rgba(13,28,36,.96),rgba(7,17,23,.98))!important;
  color:#dff8ff!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
}

body[data-control-style="neon"] #control-health .control-health-summary article{
  min-height:94px!important;
  padding:13px 14px!important;
}

body[data-control-style="neon"] #control-health .control-health-summary span,
body[data-control-style="neon"] #control-health .control-health-card header span{
  display:block!important;
  color:#42eaff!important;
  font-size:9px!important;
  font-weight:720!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}

body[data-control-style="neon"] #control-health .control-health-summary b{
  margin:7px 0 4px!important;
  color:#fff!important;
  font-size:24px!important;
  font-weight:610!important;
  letter-spacing:-.02em!important;
}

body[data-control-style="neon"] #control-health .control-health-summary small{
  color:#9ebfca!important;
  font-size:11px!important;
  line-height:1.35!important;
}

body[data-control-style="neon"] #control-health .control-health-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(255px,1fr))!important;
  gap:10px!important;
  margin-top:10px!important;
}

body[data-control-style="neon"] #control-health .control-health-card{
  min-height:136px!important;
  padding:13px!important;
}

body[data-control-style="neon"] #control-health .control-health-card header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}

body[data-control-style="neon"] #control-health .control-health-card em{
  flex:0 0 auto!important;
  border:1px solid rgba(64,255,164,.34)!important;
  border-radius:999px!important;
  padding:4px 8px!important;
  background:rgba(4,26,24,.70)!important;
  color:#baffdd!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:680!important;
}

body[data-control-style="neon"] #control-health .control-health-card>div{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:12px 0 7px!important;
}

body[data-control-style="neon"] #control-health .control-health-card b{
  color:#fff!important;
  font-size:20px!important;
  font-weight:620!important;
  letter-spacing:-.015em!important;
}

body[data-control-style="neon"] #control-health .control-health-card strong{
  color:#b8f7ff!important;
  font-size:14px!important;
  font-weight:620!important;
}

body[data-control-style="neon"] #control-health .control-health-card p{
  margin:0!important;
  color:#b7d3dc!important;
  font-size:12px!important;
  line-height:1.38!important;
}

body[data-control-style="neon"] #control-health .control-health-card footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:9px!important;
  margin-top:11px!important;
}

body[data-control-style="neon"] #control-health .control-health-card footer small{
  color:#8fb2bd!important;
  font-size:11px!important;
  line-height:1.32!important;
}

body[data-control-style="neon"] #control-health .control-health-review{
  border-color:rgba(255,202,87,.35)!important;
  background:
    radial-gradient(circle at 8% 0,rgba(255,202,87,.08),transparent 32%),
    linear-gradient(180deg,rgba(19,31,36,.96),rgba(8,18,23,.98))!important;
}

body[data-control-style="neon"] #control-health .control-health-review em{
  border-color:rgba(255,202,87,.42)!important;
  background:rgba(48,35,12,.66)!important;
  color:#ffe4a3!important;
}

body[data-control-style="neon"] #control-health .control-health-urgent{
  border-color:rgba(255,75,166,.44)!important;
  background:
    radial-gradient(circle at 8% 0,rgba(255,75,166,.10),transparent 34%),
    linear-gradient(180deg,rgba(28,22,36,.96),rgba(11,16,24,.98))!important;
}

body[data-control-style="neon"] #control-health .control-health-inbox{
  margin-top:14px!important;
  border:1px solid rgba(36,223,255,.20)!important;
  border-radius:20px!important;
  padding:13px!important;
  background:
    radial-gradient(circle at 0 0,rgba(36,223,255,.07),transparent 32%),
    linear-gradient(180deg,rgba(8,25,33,.94),rgba(5,15,22,.98))!important;
}

body[data-control-style="neon"] #control-health .control-health-inbox>header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  margin-bottom:12px!important;
}

body[data-control-style="neon"] #control-health .control-health-inbox h3{
  margin:0!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:610!important;
}

body[data-control-style="neon"] #control-health .control-health-inbox small{
  display:block!important;
  margin-top:4px!important;
  color:#98bac5!important;
  font-size:11px!important;
  line-height:1.35!important;
}

body[data-control-style="neon"] #control-health .control-health-issues{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;
  gap:9px!important;
}

body[data-control-style="neon"] #control-health .control-health-issue{
  min-height:128px!important;
  padding:12px!important;
}

body[data-control-style="neon"] #control-health .control-health-issue span{
  display:inline-flex!important;
  width:max-content!important;
  border:1px solid rgba(36,223,255,.20)!important;
  border-radius:999px!important;
  padding:3px 7px!important;
  background:rgba(6,31,40,.78)!important;
  color:#90f2ff!important;
  font-size:9px!important;
  font-weight:720!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}

body[data-control-style="neon"] #control-health .control-health-issue h4{
  margin:8px 0 5px!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:620!important;
  line-height:1.25!important;
}

body[data-control-style="neon"] #control-health .control-health-issue p{
  margin:0 0 5px!important;
  color:#cdeef5!important;
  font-size:12px!important;
  line-height:1.34!important;
}

body[data-control-style="neon"] #control-health .control-health-issue small{
  color:#91b2bd!important;
  font-size:11px!important;
  line-height:1.32!important;
}

body[data-control-style="neon"] #control-health .control-health-issue footer{
  display:flex!important;
  justify-content:flex-end!important;
  gap:7px!important;
  margin-top:10px!important;
  flex-wrap:wrap!important;
}

body[data-control-style="neon"] #control-health .control-health-issue footer button.secondary{
  border-color:rgba(118,168,184,.24)!important;
  background:linear-gradient(180deg,rgba(22,34,42,.86),rgba(10,21,28,.94))!important;
  color:#b7d5de!important;
}

body[data-control-style="neon"] #control-health :is(.control-health-summary article,.control-health-card,.control-health-issue):hover{
  border-color:rgba(36,223,255,.38)!important;
  transform:translateY(-1px)!important;
}

@media(max-width:980px){
  body[data-control-style="neon"] #control-health .control-health-heading,
  body[data-control-style="neon"] #control-health .control-health-inbox>header{
    grid-template-columns:1fr!important;
  }
  body[data-control-style="neon"] #control-health .control-health-actions{
    justify-content:flex-start!important;
  }
  body[data-control-style="neon"] #control-health .control-health-summary{
    grid-template-columns:1fr 1fr!important;
  }
}

@media(max-width:620px){
  body[data-control-style="neon"] #control-health .control-health-summary,
  body[data-control-style="neon"] #control-health .control-health-grid,
  body[data-control-style="neon"] #control-health .control-health-issues{
    grid-template-columns:1fr!important;
  }
}

/* Documentos para cliente: las notas, cotizaciones y sus impresiones no heredan la matriz oscura de Control. */
body[data-control-style="neon"] #quotePreviewDialog .quote-document,
body[data-control-style="neon"] #quotePreviewDialog .quote-document-stack>.quote-document{
  background:#ffffff!important;
  background-image:none!important;
  color:#17221f!important;
  border-color:transparent!important;
  box-shadow:0 12px 45px rgba(10,33,26,.14)!important;
}

body[data-control-style="neon"] #quotePreviewDialog .quote-document :is(p,span,small,td,th,div,section,footer,b,strong,h2,h3,dt,dd){
  text-shadow:none!important;
}

body[data-control-style="neon"] #quotePreviewDialog .quote-brand{
  border-color:#142a23!important;
  background:transparent!important;
  color:#17221f!important;
}

body[data-control-style="neon"] #quotePreviewDialog .quote-brand p,
body[data-control-style="neon"] #quotePreviewDialog .quote-brand small,
body[data-control-style="neon"] #quotePreviewDialog .quote-footer span,
body[data-control-style="neon"] #quotePreviewDialog .quote-conditions p,
body[data-control-style="neon"] #quotePreviewDialog .quote-lines td small{
  color:#60726c!important;
}

body[data-control-style="neon"] #quotePreviewDialog .quote-brand span{
  color:#de1d83!important;
}

body[data-control-style="neon"] #quotePreviewDialog .quote-brand strong,
body[data-control-style="neon"] #quotePreviewDialog .quote-client h2,
body[data-control-style="neon"] #quotePreviewDialog .quote-client b,
body[data-control-style="neon"] #quotePreviewDialog .quote-conditions h3,
body[data-control-style="neon"] #quotePreviewDialog .quote-footer b,
body[data-control-style="neon"] #quotePreviewDialog .quote-lines td,
body[data-control-style="neon"] #quotePreviewDialog .quote-lines td b,
body[data-control-style="neon"] #quotePreviewDialog .quote-lines td strong{
  color:#17221f!important;
}

body[data-control-style="neon"] #quotePreviewDialog .quote-lines{
  background:#ffffff!important;
  color:#17221f!important;
  border-color:#d9e2de!important;
}

body[data-control-style="neon"] #quotePreviewDialog .quote-lines th{
  background:#10261f!important;
  color:#ffffff!important;
  border-color:#10261f!important;
}

body[data-control-style="neon"] #quotePreviewDialog .quote-lines td{
  background:#ffffff!important;
  border-color:#e3e9e6!important;
}

body[data-control-style="neon"] #quotePreviewDialog :is(.quote-client,.sale-document-data){
  background:#ffffff!important;
  color:#17221f!important;
  border-color:#d9e2de!important;
}

body[data-control-style="neon"] #quotePreviewDialog :is(.quote-client,.sale-document-data) span{
  color:#71827c!important;
}

body[data-control-style="neon"] #quotePreviewDialog .quote-summary,
body[data-control-style="neon"] #quotePreviewDialog .quote-conditions{
  background:transparent!important;
  color:#17221f!important;
  border-color:transparent!important;
}

body[data-control-style="neon"] #quotePreviewDialog .quote-amounts{
  background:#eef7f1!important;
  color:#17221f!important;
  border-color:#d7e5dc!important;
  box-shadow:none!important;
}

body[data-control-style="neon"] #quotePreviewDialog .quote-amounts span,
body[data-control-style="neon"] #quotePreviewDialog .quote-amounts b{
  color:#17221f!important;
}

body[data-control-style="neon"] #quotePreviewDialog .quote-total strong{
  color:#de1d83!important;
}

body[data-control-style="neon"] #quotePreviewDialog .receipt-payment-history{
  background:#ffffff!important;
  background-image:none!important;
  color:#17221f!important;
  border-color:#d6dde0!important;
  box-shadow:none!important;
}

body[data-control-style="neon"] #quotePreviewDialog .receipt-payment-history *{
  color:#17221f!important;
}

body[data-control-style="neon"] #quotePreviewDialog .receipt-payment-history p{
  background:#ffffff!important;
  border-color:#e8ecee!important;
}