/*
 * VAREXIQ 2.9.0 · VAREXIQ Contrast Premium
 * Regla: CLARIDAD > FUNCIÓN > FLUIDEZ > ESTÉTICA.
 * Capa final, estática y cacheable. Sin JavaScript y sin blur por fila.
 */

/* ============================================================
   1. TOKENS SEMÁNTICOS CENTRALES
   ============================================================ */
#averixo-pos,
#averixo-v3-overlay,
#averixo-v3-bulk-modal,
#averixo-daily-overlay,
.averixo-extension-hub,
#averixo-analytics-overlay,
#averixo-visits-overlay,
#averixo-cuts-overlay,
#averixo-price-overlay,
#averixo-credit-overlay,
#averixo-orders-overlay,
#averixo-labels-overlay{
  --varexiq-bg-main:#eef4fb;
  --varexiq-bg-secondary:#f7fafe;
  --varexiq-surface:#ffffff;
  --varexiq-surface-soft:#f6f9fd;
  --varexiq-surface-glass:rgba(255,255,255,.88);
  --varexiq-surface-glass-strong:rgba(255,255,255,.94);
  --varexiq-surface-dark:#0b1f3a;
  --varexiq-text-primary:#10233f;
  --varexiq-text-secondary:#38536f;
  --varexiq-text-muted:#5e7188;
  --varexiq-text-on-primary:#ffffff;
  --varexiq-border:#ccd8e6;
  --varexiq-border-soft:#dce5ef;
  --varexiq-primary:#0d5fc7;
  --varexiq-primary-hover:#0b4fa8;
  --varexiq-primary-soft:#eaf3ff;
  --varexiq-success:#128046;
  --varexiq-success-soft:#edf8f1;
  --varexiq-warning:#8a5300;
  --varexiq-warning-soft:#fff6df;
  --varexiq-danger:#b42318;
  --varexiq-danger-soft:#fff0ef;
  --varexiq-focus:#1677ff;
  --varexiq-shadow:0 10px 30px rgba(15,43,76,.10);
  --varexiq-shadow-soft:0 4px 14px rgba(15,43,76,.07);
  --varexiq-radius:14px;
  color:var(--varexiq-text-primary);
}

/* ============================================================
   2. TIPOGRAFÍA Y TEXTO
   ============================================================ */
#averixo-pos,
#averixo-v3-overlay,
#averixo-v3-bulk-modal,
#averixo-daily-overlay,
.averixo-extension-hub{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
#averixo-pos p,
#averixo-pos small,
#averixo-pos .dash-sub,
#averixo-pos .averixo-empty-sub,
#averixo-pos .averixo-extra-note,
#averixo-v3-overlay p,
#averixo-v3-bulk-modal p,
#averixo-daily-overlay p,
.averixo-extension-hub p,
.averixo-extension-hub small{
  color:var(--varexiq-text-secondary);
}
#averixo-pos .muted,
#averixo-pos .averixo-muted,
#averixo-v3-overlay .muted,
#averixo-v3-bulk-modal .muted,
#averixo-daily-overlay .muted{
  color:var(--varexiq-text-muted);
}

/* ============================================================
   3. FORMULARIOS: TEXTO, PLACEHOLDER, BORDE Y FOCUS
   ============================================================ */
#averixo-pos input:not([type="checkbox"]):not([type="radio"]),
#averixo-pos select,
#averixo-pos textarea,
#averixo-v3-overlay input:not([type="checkbox"]):not([type="radio"]),
#averixo-v3-overlay select,
#averixo-v3-overlay textarea,
#averixo-v3-bulk-modal input:not([type="checkbox"]):not([type="radio"]),
#averixo-v3-bulk-modal select,
#averixo-v3-bulk-modal textarea,
#averixo-daily-overlay input:not([type="checkbox"]):not([type="radio"]),
#averixo-daily-overlay select,
#averixo-daily-overlay textarea,
.averixo-extension-hub input:not([type="checkbox"]):not([type="radio"]),
.averixo-extension-hub select,
.averixo-extension-hub textarea{
  color:var(--varexiq-text-primary);
  background-color:var(--varexiq-surface);
  border-color:var(--varexiq-border);
  caret-color:var(--varexiq-primary);
}
#averixo-pos input::placeholder,
#averixo-pos textarea::placeholder,
#averixo-v3-overlay input::placeholder,
#averixo-v3-overlay textarea::placeholder,
#averixo-v3-bulk-modal input::placeholder,
#averixo-v3-bulk-modal textarea::placeholder,
#averixo-daily-overlay input::placeholder,
#averixo-daily-overlay textarea::placeholder,
.averixo-extension-hub input::placeholder,
.averixo-extension-hub textarea::placeholder{
  color:#667a90;
  opacity:1;
}
#averixo-pos :is(input,select,textarea):focus-visible,
#averixo-v3-overlay :is(input,select,textarea):focus-visible,
#averixo-v3-bulk-modal :is(input,select,textarea):focus-visible,
#averixo-daily-overlay :is(input,select,textarea):focus-visible,
.averixo-extension-hub :is(input,select,textarea):focus-visible{
  outline:2px solid var(--varexiq-focus);
  outline-offset:1px;
  border-color:var(--varexiq-focus);
  box-shadow:0 0 0 4px rgba(22,119,255,.14);
}

/* ============================================================
   4. BOTONES SEMÁNTICOS
   ============================================================ */
#averixo-pos .averixo-btn,
#averixo-pos button,
#averixo-v3-overlay button,
#averixo-v3-bulk-modal button,
#averixo-daily-overlay button,
.averixo-extension-hub button{
  font-weight:700;
}
#averixo-pos .averixo-btn-primary,
#averixo-pos .averixo-btn-payment-card,
#averixo-pos .averixo-btn-payment-cash,
.averixo-extension-hub .averixo-ext-btn-primary{
  background:var(--varexiq-primary);
  color:var(--varexiq-text-on-primary);
  border-color:var(--varexiq-primary);
}
#averixo-pos .averixo-btn-primary:hover,
#averixo-pos .averixo-btn-payment-card:hover,
#averixo-pos .averixo-btn-payment-cash:hover,
.averixo-extension-hub .averixo-ext-btn-primary:hover{
  background:var(--varexiq-primary-hover);
  border-color:var(--varexiq-primary-hover);
  color:#fff;
}
#averixo-pos .averixo-btn-secondary,
#averixo-pos .averixo-btn-ghost,
#averixo-pos .averixo-bottom-action,
#averixo-pos .averixo-quick-tool-fab,
#averixo-v3-overlay button:not(.is-primary):not(.primary),
#averixo-v3-bulk-modal button:not(.is-primary):not(.primary),
.averixo-extension-hub .averixo-ext-btn:not(.averixo-ext-btn-primary):not(.averixo-ext-btn-danger),
.averixo-extension-hub .averixo-ext-icon-btn{
  background:rgba(255,255,255,.92);
  color:var(--varexiq-text-primary);
  border-color:var(--varexiq-border);
}
#averixo-pos .averixo-btn-secondary:hover,
#averixo-pos .averixo-btn-ghost:hover,
#averixo-pos .averixo-bottom-action:hover,
#averixo-pos .averixo-quick-tool-fab:hover,
.averixo-extension-hub .averixo-ext-btn:not(.averixo-ext-btn-primary):not(.averixo-ext-btn-danger):hover,
.averixo-extension-hub .averixo-ext-icon-btn:hover{
  background:#fff;
  color:#0b4fa8;
  border-color:#8bb9ef;
}
#averixo-pos .averixo-btn-danger,
#averixo-pos button.danger,
#averixo-pos .averixo-btn.danger,
.averixo-extension-hub .averixo-ext-btn-danger{
  color:var(--varexiq-danger);
  background:var(--varexiq-danger-soft);
  border-color:#e9b4ae;
}
#averixo-pos .averixo-btn-danger:hover,
#averixo-pos button.danger:hover,
#averixo-pos .averixo-btn.danger:hover,
.averixo-extension-hub .averixo-ext-btn-danger:hover{
  color:#fff;
  background:var(--varexiq-danger);
  border-color:var(--varexiq-danger);
}

/* Deshabilitado: visible, inequívoco, nunca desaparece. */
#averixo-pos :is(button,.averixo-btn,input,select,textarea):disabled,
#averixo-pos :is(button,.averixo-btn)[aria-disabled="true"],
#averixo-v3-overlay :is(button,input,select,textarea):disabled,
#averixo-v3-bulk-modal :is(button,input,select,textarea):disabled,
#averixo-daily-overlay :is(button,input,select,textarea):disabled,
.averixo-extension-hub :is(button,input,select,textarea):disabled{
  opacity:1;
  color:#52677d;
  background:#e8eef5;
  border-color:#c9d4e0;
  box-shadow:none;
  cursor:not-allowed;
}

/* ============================================================
   5. FOCUS INTERACTIVO GLOBAL
   ============================================================ */
#averixo-pos :is(button,a,[role="button"],[tabindex]):focus-visible,
#averixo-v3-overlay :is(button,a,[role="button"],[tabindex]):focus-visible,
#averixo-v3-bulk-modal :is(button,a,[role="button"],[tabindex]):focus-visible,
#averixo-daily-overlay :is(button,a,[role="button"],[tabindex]):focus-visible,
.averixo-extension-hub :is(button,a,[role="button"],[tabindex]):focus-visible{
  outline:3px solid rgba(22,119,255,.58);
  outline-offset:2px;
}

/* ============================================================
   6. SUPERFICIES CLARAS Y GLASS LEGIBLE
   ============================================================ */
#averixo-pos .averixo-catalog-col,
#averixo-pos .averixo-cart-col,
#averixo-pos .averixo-modal-box,
#averixo-pos .averixo-quick-panel,
#averixo-pos .averixo-note-popover,
#averixo-pos .averixo-customer-popover,
#averixo-pos .averixo-price-list-popover,
#averixo-pos .averixo-inapp-card,
#averixo-v3-overlay .averixo-v3-shell,
#averixo-v3-bulk-modal .averixo-v3-bulk-shell,
.averixo-extension-shell,
.averixo-extension-editor form{
  color:var(--varexiq-text-primary);
  background-color:var(--varexiq-surface-glass-strong);
  border-color:rgba(34,69,108,.16);
}

/* Modales: backdrop protege contraste; contenido más sólido. */
#averixo-pos .averixo-modal,
#averixo-pos .averixo-change-backdrop,
.averixo-extension-backdrop{
  background-color:rgba(7,22,39,.38);
}
#averixo-pos .averixo-modal-box,
#averixo-pos .averixo-change-card,
.averixo-extension-editor form{
  background-color:rgba(255,255,255,.95);
  color:var(--varexiq-text-primary);
  box-shadow:0 22px 64px rgba(7,27,50,.24);
}

/* ============================================================
   7. BARRA SUPERIOR OSCURA
   ============================================================ */
#averixo-pos>.averixo-topbar,
#averixo-pos .averixo-an-header,
#averixo-v3-overlay>.averixo-v3-head,
#averixo-daily-overlay>.averixo-daily-header{
  background-color:var(--varexiq-surface-dark);
  color:#fff;
}
#averixo-pos>.averixo-topbar :is(span,strong,small,.averixo-product-brand-copy),
#averixo-pos .averixo-an-header :is(span,strong,small,h1,h2,h3),
#averixo-v3-overlay>.averixo-v3-head :is(span,strong,small,h1,h2,h3),
#averixo-daily-overlay>.averixo-daily-header :is(span,strong,small,h1,h2,h3){
  color:inherit;
}
#averixo-pos>.averixo-topbar button,
#averixo-pos>.averixo-topbar .averixo-btn,
#averixo-pos .averixo-an-header button,
#averixo-v3-overlay>.averixo-v3-head button,
#averixo-daily-overlay>.averixo-daily-header button{
  color:#fff;
}
#averixo-pos>.averixo-topbar .averixo-store-brand{
  color:#10233f;
}

/* ============================================================
   8. RESULTADOS / LISTAS / TABLAS
   ============================================================ */
#averixo-pos #averixo-results .averixo-result-item,
#averixo-pos .averixo-credit-box,
#averixo-pos .averixo-credit-ranking,
#averixo-v3-bulk-modal .bulk-row,
#averixo-v3-overlay table tbody tr,
#averixo-daily-overlay table tbody tr{
  color:var(--varexiq-text-primary);
}
#averixo-pos #averixo-results .averixo-result-name,
#averixo-pos #averixo-results strong,
#averixo-pos .averixo-credit-search-copy strong,
#averixo-pos .averixo-credit-row strong,
#averixo-pos table tbody td:first-child{
  color:var(--varexiq-text-primary);
  font-weight:700;
}
#averixo-pos #averixo-results .averixo-result-meta,
#averixo-pos #averixo-results .sku,
#averixo-pos .averixo-credit-search-copy span,
#averixo-pos .averixo-credit-search-copy small,
#averixo-v3-bulk-modal .bulk-row small{
  color:var(--varexiq-text-secondary);
}
#averixo-v3-overlay table thead th,
#averixo-v3-bulk-modal .bulk-head,
#averixo-daily-overlay table thead th{
  color:#fff;
  background:#123454;
  border-color:#294a69;
}
#averixo-v3-overlay table tbody tr:nth-child(even),
#averixo-daily-overlay table tbody tr:nth-child(even){
  background:#f7fafe;
}
#averixo-v3-overlay table tbody tr:hover,
#averixo-daily-overlay table tbody tr:hover{
  background:#edf5ff;
}
#averixo-v3-bulk-modal .bulk-row.is-selected,
#averixo-v3-overlay tr.is-selected,
#averixo-pos .is-selected:not(button):not(.averixo-btn){
  background:#e6f1ff;
  box-shadow:inset 4px 0 0 #1677ff;
}

/* ============================================================
   9. TABS, MENÚS Y NAVEGACIÓN
   ============================================================ */
#averixo-pos .averixo-an-tab,
#averixo-pos .averixo-cut-tab,
#averixo-pos .averixo-cut-view-tab,
#averixo-pos .averixo-mobile-menu-link,
#averixo-v3-overlay .averixo-v3-tab{
  color:var(--varexiq-text-secondary);
}
#averixo-pos .averixo-an-tab:hover,
#averixo-pos .averixo-cut-tab:hover,
#averixo-pos .averixo-cut-view-tab:hover,
#averixo-pos .averixo-mobile-menu-link:hover,
#averixo-v3-overlay .averixo-v3-tab:hover{
  color:var(--varexiq-text-primary);
  background:#edf5ff;
}
#averixo-pos .averixo-an-tab.active,
#averixo-pos .averixo-an-tab.is-active,
#averixo-pos .averixo-cut-tab.active,
#averixo-pos .averixo-cut-view-tab.active,
#averixo-pos .averixo-mobile-menu-link.active,
#averixo-v3-overlay .averixo-v3-tab.active{
  color:#0b4fa8;
  background:#e4f0ff;
  border-color:#8ab8ec;
  font-weight:800;
}

/* ============================================================
   10. BADGES Y ESTADOS: TEXTO + COLOR, NO COLOR SOLO
   ============================================================ */
#averixo-pos .averixo-result-stock,
#averixo-pos .averixo-premium-badge,
#averixo-pos .averixo-featured-badge{
  font-weight:800;
}
#averixo-pos .success,
#averixo-pos .is-success,
#averixo-pos .status-success,
#averixo-v3-overlay .success,
#averixo-v3-bulk-modal .success{
  color:#0f6f3d;
  background:var(--varexiq-success-soft);
  border-color:#aad8bd;
}
#averixo-pos .warning,
#averixo-pos .is-warning,
#averixo-pos .status-warning,
#averixo-v3-overlay .warning,
#averixo-v3-bulk-modal .warning{
  color:#704300;
  background:var(--varexiq-warning-soft);
  border-color:#e9c77d;
}
#averixo-pos .error,
#averixo-pos .is-error,
#averixo-pos .status-error,
#averixo-v3-overlay .error,
#averixo-v3-bulk-modal .error{
  color:#9e2018;
  background:var(--varexiq-danger-soft);
  border-color:#e8b1ac;
}

/* ============================================================
   11. CRÉDITOS: DATOS FINANCIEROS NUNCA MUTED
   ============================================================ */
#averixo-pos #averixo-credit-overlay,
#averixo-pos #averixo-credit-body{
  color:var(--varexiq-text-primary);
}
#averixo-pos #averixo-credit-body :is(.num,.dash-num,.balance,.saldo,.amount,.total),
#averixo-pos #averixo-credit-body strong{
  color:#102f58;
}
#averixo-pos #averixo-credit-body :is(.averixo-client-account-kicker,.averixo-credit-summary .lbl,.dash-sub){
  color:#536a82;
}
#averixo-pos #averixo-credit-body .overdue,
#averixo-pos #averixo-credit-body .is-overdue{
  color:#a32118;
  font-weight:800;
}

/* ============================================================
   12. EXTENSION HUB: BLANCO = TEXTO OSCURO
   ============================================================ */
.averixo-extension-hub,
.averixo-extension-shell,
.averixo-extension-card,
.averixo-extension-editor form,
.averixo-extension-workspace{
  color:var(--varexiq-text-primary);
}
.averixo-extension-heading small,
.averixo-extension-library-top p,
.averixo-extension-status,
.averixo-extension-card-copy small,
.averixo-extension-editor-head p{
  color:var(--varexiq-text-secondary);
}
.averixo-extension-fields label>span,
.averixo-extension-card-admin button{
  color:#405a74;
}
.averixo-extension-launch:focus-visible{
  outline:3px solid rgba(22,119,255,.58);
  outline-offset:-3px;
  border-radius:18px;
}

/* ============================================================
   13. CHECKBOX / RADIO / CONTROLES
   ============================================================ */
#averixo-pos input[type="checkbox"],
#averixo-pos input[type="radio"],
#averixo-v3-overlay input[type="checkbox"],
#averixo-v3-overlay input[type="radio"],
#averixo-v3-bulk-modal input[type="checkbox"],
#averixo-v3-bulk-modal input[type="radio"],
#averixo-daily-overlay input[type="checkbox"],
#averixo-daily-overlay input[type="radio"],
.averixo-extension-hub input[type="checkbox"],
.averixo-extension-hub input[type="radio"]{
  accent-color:var(--varexiq-primary);
}

/* ============================================================
   14. LOADING / SKELETON: VISIBLE SIN PARECER DESHABILITADO
   ============================================================ */
#averixo-pos .averixo-cut-loading,
#averixo-pos .loading,
#averixo-v3-overlay .loading,
#averixo-v3-bulk-modal .loading,
#averixo-daily-overlay .loading,
.averixo-extension-loading{
  color:var(--varexiq-text-secondary);
  background-color:rgba(247,250,254,.94);
}

/* ============================================================
   15. PERFORMANCE: GLASS SOLO ESTRUCTURAL
   ============================================================ */
#averixo-pos #averixo-results .averixo-result-item,
#averixo-pos table tr,
#averixo-v3-overlay table tr,
#averixo-v3-bulk-modal .bulk-row,
#averixo-daily-overlay table tr,
.averixo-extension-card{
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

/* ============================================================
   16. PREFERENCIAS DEL SISTEMA
   ============================================================ */
@media (prefers-contrast:more){
  #averixo-pos,
  #averixo-v3-overlay,
  #averixo-v3-bulk-modal,
  #averixo-daily-overlay,
  .averixo-extension-hub{
    --varexiq-text-primary:#07182d;
    --varexiq-text-secondary:#29445f;
    --varexiq-text-muted:#445d75;
    --varexiq-border:#aebdce;
  }
  #averixo-pos :is(input,select,textarea,button),
  #averixo-v3-overlay :is(input,select,textarea,button),
  #averixo-v3-bulk-modal :is(input,select,textarea,button),
  #averixo-daily-overlay :is(input,select,textarea,button),
  .averixo-extension-hub :is(input,select,textarea,button){
    border-width:2px;
  }
}
@media (prefers-reduced-transparency:reduce){
  #averixo-pos .averixo-modal-box,
  #averixo-pos .averixo-change-card,
  #averixo-pos .averixo-note-popover,
  #averixo-pos .averixo-customer-popover,
  #averixo-pos .averixo-price-list-popover,
  #averixo-v3-overlay .averixo-v3-shell,
  #averixo-v3-bulk-modal .averixo-v3-bulk-shell,
  .averixo-extension-shell,
  .averixo-extension-editor form{
    background:#fff;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
}
@media (prefers-reduced-motion:reduce){
  #averixo-pos *,
  #averixo-v3-overlay *,
  #averixo-v3-bulk-modal *,
  #averixo-daily-overlay *,
  .averixo-extension-hub *{
    transition-duration:.001ms;
    animation-duration:.001ms;
    animation-iteration-count:1;
  }
}

/* ============================================================
   17. MÓVIL/TABLET: SUPERFICIES MÁS SÓLIDAS
   ============================================================ */
@media (max-width:900px),(pointer:coarse){
  #averixo-pos,
  #averixo-v3-overlay,
  #averixo-v3-bulk-modal,
  #averixo-daily-overlay,
  .averixo-extension-hub{
    --varexiq-surface-glass:rgba(255,255,255,.94);
    --varexiq-surface-glass-strong:rgba(255,255,255,.97);
  }
  #averixo-pos .averixo-modal-box,
  #averixo-pos .averixo-change-card,
  #averixo-pos .averixo-mobile-menu-sheet,
  .averixo-extension-shell,
  .averixo-extension-editor form{
    background-color:rgba(255,255,255,.97);
  }
}