/* Fénix Sentinel · Cambios de costo (2026-10-04).
   Mismos tokens de Sentinel (--sentinel-*), que ya tienen su versión clara
   en fenix-light-theme-v4-premium.css; aquí solo se agregan los colores de
   alza / baja / neutral con su variante para tema claro. */
.scx{
  --scx-panel:var(--sentinel-panel,#111827);
  --scx-panel2:var(--sentinel-panel2,#0B0F1C);
  --scx-line:var(--sentinel-line,#263248);
  --scx-text:var(--sentinel-text,#F8FAFC);
  --scx-sub:var(--sentinel-sub,#9CA3AF);
  --scx-acc:#8B5CF6;
  --scx-alza:#FB923C;
  --scx-alza-bg:rgba(249,115,22,.14);
  --scx-baja:#4ADE80;
  --scx-baja-bg:rgba(34,197,94,.14);
  --scx-neutral:#CBD5E1;
  --scx-neutral-bg:rgba(148,163,184,.14);
  --scx-danger:#FCA5A5;
  display:grid;gap:18px;color:var(--scx-text);min-width:0;
}
.light .scx{
  --scx-acc:#5B2BF4;
  --scx-alza:#C2410C;
  --scx-alza-bg:rgba(234,88,12,.10);
  --scx-baja:#047857;
  --scx-baja-bg:rgba(5,150,105,.10);
  --scx-neutral:#475569;
  --scx-neutral-bg:rgba(71,85,105,.09);
  --scx-danger:#B91C1C;
}
.scx *{box-sizing:border-box}
.scx button{font-family:inherit}
.scx button:focus-visible,.scx input:focus-visible,.scx select:focus-visible,.scx [tabindex]:focus-visible{outline:2px solid var(--scx-acc);outline-offset:2px}
.scx-card{background:var(--scx-panel);border:1px solid var(--scx-line);border-radius:18px;padding:18px;min-width:0}
.scx-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.scx-eyebrow{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--scx-acc)}
.scx-title{margin:3px 0 2px;font-size:22px;font-weight:900}
.scx-sub{font-size:12.5px;color:var(--scx-sub)}
.scx-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--scx-panel2);border:1px solid var(--scx-line)}
.scx-tab{border:0;background:transparent;color:var(--scx-sub);font-weight:800;font-size:13px;padding:8px 14px;border-radius:9px;cursor:pointer}
.scx-tab[aria-pressed="true"]{background:var(--scx-acc);color:#fff}
.scx-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.scx-kpi{background:var(--scx-panel);border:1px solid var(--scx-line);border-radius:16px;padding:14px 16px}
.scx-kpi b{display:block;font-size:26px;font-weight:900;line-height:1.1}
.scx-kpi span{font-size:12px;color:var(--scx-sub)}
.scx-kpi--alza b{color:var(--scx-alza)}
.scx-kpi--baja b{color:var(--scx-baja)}
.scx-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:800;white-space:nowrap}
.scx-chip--alza{background:var(--scx-alza-bg);color:var(--scx-alza)}
.scx-chip--baja{background:var(--scx-baja-bg);color:var(--scx-baja)}
.scx-chip--neutral,.scx-chip--info{background:var(--scx-neutral-bg);color:var(--scx-neutral)}
.scx-chip--ok{background:var(--scx-baja-bg);color:var(--scx-baja)}
.scx-up{color:var(--scx-alza);font-weight:900}
.scx-down{color:var(--scx-baja);font-weight:900}
.scx-compra{padding:0;overflow:hidden}
.scx-compra-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--scx-line)}
.scx-compra-head h4{margin:0;font-size:15px;font-weight:900}
.scx-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--scx-sub);margin-top:3px}
.scx-compra--foco{border-color:var(--scx-acc);box-shadow:0 0 0 1px var(--scx-acc)}
.scx-tabla-wrap{overflow-x:auto}
.scx-tabla{width:100%;border-collapse:collapse;font-size:13px}
.scx-tabla th{text-align:left;font-size:10.5px;font-weight:800;color:var(--scx-sub);text-transform:uppercase;letter-spacing:.03em;padding:9px 10px;border-bottom:1px solid var(--scx-line);white-space:normal;line-height:1.25;vertical-align:bottom}
.scx-tabla td{padding:10px 10px;border-bottom:1px solid var(--scx-line);vertical-align:middle;white-space:nowrap}
.scx-tabla tr:last-child td{border-bottom:0}
.scx-tabla td.scx-num,.scx-tabla th.scx-num{text-align:right;font-variant-numeric:tabular-nums}
.scx-prod{font-weight:800;white-space:normal;min-width:130px}
.scx-sku{font-size:11.5px;color:var(--scx-sub)}
.scx-btn{border:1px solid var(--scx-line);background:var(--scx-panel2);color:var(--scx-text);border-radius:10px;padding:8px 14px;font-weight:800;font-size:12.5px;cursor:pointer}
.scx-btn:disabled{opacity:.5;cursor:not-allowed}
.scx-btn--pri{background:var(--scx-acc);border-color:var(--scx-acc);color:#fff}
.scx-btn--alza{background:var(--scx-alza-bg);border-color:var(--scx-alza);color:var(--scx-alza)}
.scx-btn--baja{background:var(--scx-baja-bg);border-color:var(--scx-baja);color:var(--scx-baja)}
.scx-error{padding:10px 12px;border-radius:10px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.35);color:var(--scx-danger);font-size:12.5px}
.scx-vacio{padding:32px 18px;text-align:center;color:var(--scx-sub)}
.scx-mcards{display:grid;gap:10px;padding:12px}
.scx-mcard{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;padding:12px;border-radius:14px;background:var(--scx-panel2);border:1px solid var(--scx-line)}
.scx-mcard .scx-prod{min-width:0}
.scx-mcard small{font-size:12px;color:var(--scx-sub)}
/* Modal de decisión · Fénix Aurora Orange.
   En escritorio se centra como superficie transaccional; en móvil ocupa la pantalla. */
.scx-velo{position:fixed;inset:0;background:rgba(2,6,15,.72);backdrop-filter:blur(10px) saturate(112%);-webkit-backdrop-filter:blur(10px) saturate(112%);z-index:85}
.scx-panel{
  --scx-panel:var(--fx-aurora-panel,#10151d);--scx-panel2:var(--fx-aurora-panel-2,#0b0f14);--scx-line:var(--fx-aurora-line,#2a3444);
  --scx-text:var(--fx-aurora-text,#f8fafc);--scx-sub:var(--fx-aurora-muted,#9aa4b2);--scx-acc:var(--fx-aurora-orange,#ff7a17);
  position:fixed;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:min(600px,calc(100vw - 48px));max-height:min(90dvh,880px);z-index:86;
  border:3px solid transparent;border-radius:24px;overflow:hidden;
  background:linear-gradient(var(--fx-aurora-panel,#10151d),var(--fx-aurora-panel,#10151d)) padding-box,var(--fx-aurora-border,linear-gradient(125deg,#ff7219,#ffb52e 38%,#a855f7 72%,#ff5b8f)) border-box;
  box-shadow:0 28px 90px rgba(0,0,0,.58),0 0 32px rgba(255,122,23,.18),0 0 42px rgba(168,85,247,.10);display:flex;flex-direction:column;color:var(--scx-text);isolation:isolate}
.scx-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;border-bottom:1px solid rgba(255,145,35,.24);background:linear-gradient(180deg,rgba(255,122,23,.055),rgba(16,21,29,0))}
.scx-panel-body{padding:18px 20px;overflow:auto;display:grid;gap:14px;overscroll-behavior:contain}
.scx-panel-foot{padding:14px 20px;border-top:1px solid rgba(255,145,35,.24);display:grid;grid-template-columns:1fr 1fr;gap:10px;background:rgba(8,11,17,.94)}
.scx-panel .scx-btn{min-height:46px;border-radius:13px;font-size:13px;letter-spacing:.01em}
.scx-panel .scx-btn--pri{border-color:transparent;background:var(--fx-aurora-primary,linear-gradient(100deg,#ff7219,#ffb52e));color:#0a0c10;box-shadow:0 10px 26px rgba(255,122,23,.22)}
.scx-panel .scx-btn--pri:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 12px 30px rgba(255,122,23,.30)}
.scx-panel-foot .scx-btn:not(.scx-btn--pri){background:#121821;border-color:#313b4c;color:#f4f6f8}
.scx-panel-foot .scx-btn:not(.scx-btn--pri):hover:not(:disabled){border-color:#ff8a22;background:#171e28}
.scx-x{border:1px solid transparent;background:transparent;color:var(--scx-sub);font-size:24px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:10px}
.scx-x:hover{color:#fff;border-color:rgba(255,145,35,.35);background:rgba(255,122,23,.08)}
.scx-prodhead{display:flex;gap:12px;align-items:center}.scx-img{width:58px;height:58px;border-radius:13px;object-fit:cover;background:var(--scx-panel2);border:1px solid rgba(255,145,35,.22);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--scx-sub)}
.scx-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.scx-dato{padding:10px 12px;border-radius:12px;background:var(--scx-panel2);border:1px solid var(--scx-line)}
.scx-dato span{display:block;font-size:11px;color:var(--scx-sub);text-transform:uppercase;letter-spacing:.03em}.scx-dato b{font-size:17px;font-weight:900;font-variant-numeric:tabular-nums}
.scx-margen{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--scx-line);background:rgba(8,12,18,.36)}
.scx-hist{font-size:12px;color:var(--scx-sub);display:grid;gap:4px}
/* Modal subir / bajar */
.scx-modal-velo{position:fixed;inset:0;background:rgba(2,6,15,.65);z-index:90;display:flex;align-items:center;justify-content:center;padding:16px}
.scx-modal{width:min(420px,100%);background:var(--scx-panel);border:1px solid var(--scx-line);border-radius:18px;padding:20px;display:grid;gap:12px;color:var(--scx-text)}
.scx-input{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--scx-line);background:var(--scx-panel2);color:var(--scx-text);font-size:16px;font-weight:800}
.scx-filtros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.scx-filtros label{display:grid;gap:4px;font-size:11px;color:var(--scx-sub);font-weight:700}
.scx-filtros input,.scx-filtros select{padding:8px 10px;border-radius:9px;border:1px solid var(--scx-line);background:var(--scx-panel2);color:var(--scx-text);font-size:13px;min-width:0}
/* Campana */
.scx-bell{position:relative}
.scx-bell-btn{position:relative;padding:5px 9px;cursor:pointer;background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:14px;line-height:1}
.scx-bell-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#EF4444;color:#fff;font-size:10.5px;font-weight:900;display:flex;align-items:center;justify-content:center}
.scx-bell-menu{position:fixed;top:56px;right:12px;width:min(360px,calc(100vw - 24px));max-height:70vh;overflow:auto;z-index:95;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.35);color:var(--text);white-space:normal}
.scx-bell-item{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:12px 14px;cursor:pointer;font-family:inherit}
.scx-bell-item[data-leido="false"]{background:rgba(139,92,246,.08)}
.scx-bell-item small{display:block;color:var(--sub);font-size:11px;margin-top:3px}
@media (max-width:1100px){.scx-filtros{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .scx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .scx-kpi b{font-size:22px}
  .scx-title{font-size:19px}
  .scx-card{padding:14px}
  .scx-compra-head{padding:12px 14px}
  .scx-panel{top:0;left:0;right:0;bottom:0;transform:none;width:100vw;height:100dvh;max-height:none;border:0;border-radius:0;box-shadow:none}
  .scx-panel-foot{grid-template-columns:1fr 1fr}
  .scx-filtros{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){.scx *{transition:none!important;animation:none!important}}

/* Editor directo de precios + margen por nivel (2026-10-05). */
.scx-precios-head{display:grid;gap:2px;margin-top:2px}
.scx-precios-head b{font-size:18px;font-weight:900}
.scx-precios-head span{font-size:12px;color:var(--scx-sub)}
.scx-precios-list{display:grid;gap:10px}
.scx-precio-card{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:10px;align-items:stretch;padding:10px;border-radius:14px;border:1px solid var(--scx-line);background:var(--scx-panel2)}
.scx-precio-card--alto{border-color:rgba(34,197,94,.75)}
.scx-precio-card--medio{border-color:rgba(245,158,11,.85)}
.scx-precio-card--bajo{border-color:rgba(239,68,68,.75)}
.scx-precio-card label{display:grid;gap:5px;min-width:0}
.scx-precio-card label>span{font-size:11px;color:var(--scx-sub);text-transform:uppercase;letter-spacing:.03em}
.scx-precio-input{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-width:0;padding:8px 10px;border-radius:11px;border:1px solid var(--scx-line);background:var(--scx-panel)}
.scx-precio-input b{font-size:16px;color:var(--scx-sub)}
.scx-precio-input input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--scx-text);font-size:22px;font-weight:900;font-family:inherit;line-height:1.1;font-variant-numeric:tabular-nums}
.scx-precio-input input:disabled{opacity:.72}
.scx-precio-input i{color:var(--scx-sub);font-size:13px}
.scx-margen-badge{display:grid;align-content:center;justify-items:center;gap:1px;border-radius:11px;padding:8px;border:1px solid var(--scx-line);background:rgba(15,23,42,.22);text-align:center}
.scx-margen-badge span{font-size:11px;color:var(--scx-sub)}
.scx-margen-badge b{font-size:20px;font-weight:900;font-variant-numeric:tabular-nums}
.scx-margen-badge em{font-size:10px;font-style:normal;font-weight:900;padding:2px 8px;border-radius:999px}
.scx-margen-badge--alto b{color:var(--scx-baja)}
.scx-margen-badge--alto em{background:var(--scx-baja-bg);color:var(--scx-baja)}
.scx-margen-badge--medio b{color:#F59E0B}
.scx-margen-badge--medio em{background:rgba(245,158,11,.15);color:#F59E0B}
.scx-margen-badge--bajo b{color:#F87171}
.scx-margen-badge--bajo em{background:rgba(239,68,68,.14);color:#F87171}
.light .scx-margen-badge--medio b,.light .scx-margen-badge--medio em{color:#B45309}
.light .scx-margen-badge--bajo b,.light .scx-margen-badge--bajo em{color:#B91C1C}
@media (max-width:420px){
  .scx-panel-body{padding:14px}
  .scx-precio-card{grid-template-columns:minmax(0,1fr) 112px;padding:8px;gap:8px}
  .scx-precio-input input{font-size:20px}
  .scx-margen-badge b{font-size:18px}
}

/* Aurora aplicado al editor directo de precios. */
.scx-panel .scx-precio-card{background:#0b1017;border-width:1px}.scx-panel .scx-precio-input{background:#111821}
.scx-panel .scx-precio-input:focus-within{border-color:var(--fx-aurora-orange,#ff7a17);box-shadow:0 0 0 3px rgba(255,122,23,.12)}
.scx-panel .scx-precios-head b{color:#fff}.scx-panel .scx-margen-badge{background:#0d131b}
@media (min-width:761px){.scx-panel .scx-panel-body{scrollbar-gutter:stable}}