/* Fénix ERP · Light Desktop v5
   Auditoría global del tema claro en WEB de escritorio · 2026-09-26
   Alcance deliberado: >=721px. Móvil queda intacto.
*/
@media (min-width:861px){

  /* ===== Sistema base ===== */
  .light{
    color-scheme:light;
    --desk-bg:#F6F8FC;
    --desk-panel:#FFFFFF;
    --desk-panel-soft:#F3F6FA;
    --desk-border:#D8E1EE;
    --desk-border-strong:#C8D4E4;
    --desk-text:#101A35;
    --desk-muted:#61708A;
    --desk-purple:#6334D6;
    --desk-purple-soft:#EEE8FF;
    --desk-orange:#F97316;
    --desk-green:#15803D;
    --desk-red:#B4233C;
    --desk-shadow:0 8px 24px rgba(25,42,78,.07);
  }

  .light .card,
  .light .panel,
  .light [role="dialog"] .card{
    background:var(--desk-panel)!important;
    color:var(--desk-text)!important;
    border-color:var(--desk-border)!important;
  }

  .light .fld,
  .light input,
  .light select,
  .light textarea{
    color:var(--desk-text)!important;
  }

  .light .ov > .card,
  .light .ov > div > .card{
    background:var(--desk-panel)!important;
    color:var(--desk-text)!important;
    border-color:var(--desk-border)!important;
    box-shadow:0 24px 70px rgba(25,42,78,.18)!important;
  }

  .light table,
  .light tbody,
  .light tr,
  .light td,
  .light th{
    color:var(--desk-text);
  }

  /* ===== Productos =====
     product-detail-fenix.css trae la corrección detallada; aquí solo
     garantizamos integración con la capa global. */
  .light .fenix-product-detail{
    color:var(--desk-text)!important;
    --pd-bg:#F7F9FD!important;
    --pd-panel:#FFFFFF!important;
    --pd-field:#F5F7FB!important;
    --pd-line:#D7DFEC!important;
    --pd-text:#101A35!important;
    --pd-sub:#61708A!important;
    background:#FFFFFF!important;
    border-color:#D7DFEC!important;
  }
  /* Refuerzo directo de las cuatro tarjetas de la captura reportada.
     No depende de herencia ni de qué hoja se cargó primero. */
  .light .fenix-product-detail .fenix-product-price{
    background:#FFFFFF!important;
    border-color:rgba(var(--price-rgb),.34)!important;
    box-shadow:0 5px 16px rgba(25,42,78,.055),inset 4px 0 0 rgba(var(--price-rgb),.70)!important;
  }
  .light .fenix-product-detail .fenix-product-price__heading,
  .light .fenix-product-detail .fenix-product-price__label,
  .light .fenix-product-detail .fenix-product-price__amount{
    color:var(--price-soft)!important;
    text-shadow:none!important;
    opacity:1!important;
  }
  .light .fenix-product-detail .fenix-product-price__amount input,
  .light .fenix-product-detail .fenix-product-price__amount output{
    color:var(--price-soft)!important;
    -webkit-text-fill-color:var(--price-soft)!important;
    opacity:1!important;
  }
  .light .fenix-product-detail .fenix-product-price__metric{
    background:rgba(var(--price-rgb),.08)!important;
    border-color:rgba(var(--price-rgb),.23)!important;
    color:var(--price-soft)!important;
  }
  .light .fenix-product-detail input,
  .light .fenix-product-detail select,
  .light .fenix-product-detail textarea{
    color-scheme:light;
  }

  /* ===== Reportes 2.0 ===== */
  .light .r2-root{color:var(--desk-text)!important;}
  .light .r2-filters{
    background:rgba(255,255,255,.94)!important;
    border-color:var(--desk-border)!important;
    box-shadow:0 8px 26px rgba(25,42,78,.08)!important;
  }
  .light .r2-btn,
  .light .r2-chip,
  .light .r2-field,
  .light .r2-kpi,
  .light .r2-panel,
  .light .r2-channel-card,
  .light .r2-signal{
    background:var(--desk-panel)!important;
    border-color:var(--desk-border)!important;
    color:var(--desk-text)!important;
  }
  .light .r2-chip.on{
    background:var(--desk-purple-soft)!important;
    border-color:#B8A5F6!important;
    color:#5630C5!important;
  }
  .light .r2-table th{
    background:#F2F5FA!important;
    color:#53617A!important;
  }
  .light .r2-table tr:hover td{background:#F7F9FC!important;}
  .light .r2-nex{
    background:linear-gradient(135deg,#F4F0FF,#FFFFFF)!important;
    border-color:#CDBEFA!important;
    color:var(--desk-text)!important;
  }
  .light .r2-error{
    background:#FFF3F5!important;
    border-color:#F3C2CB!important;
    color:#A92740!important;
  }

  /* ===== Entregas de Ruta web ===== */
  .light .er-shell{
    background:
      radial-gradient(circle at 85% 0,rgba(99,52,214,.07),transparent 32%),
      #F6F8FC!important;
    color:var(--desk-text)!important;
  }
  .light .er-topbar p,
  .light .er-toolbar label span,
  .light .er-kpis span,
  .light .er-kpis small,
  .light .er-order small,
  .light .er-order p,
  .light .er-form-grid label span,
  .light .er-total small{
    color:var(--desk-muted)!important;
  }
  .light .er-close,
  .light .er-refresh,
  .light .er-modal header button,
  .light .er-negative,
  .light .er-toolbar,
  .light .er-order,
  .light .er-modal,
  .light .er-total,
  .light .er-cancel{
    background:var(--desk-panel)!important;
    border-color:var(--desk-border)!important;
    color:var(--desk-text)!important;
    box-shadow:var(--desk-shadow)!important;
  }
  .light .er-toolbar input,
  .light .er-toolbar select,
  .light .er-form-grid input,
  .light .er-form-grid select,
  .light .er-form-grid textarea,
  .light .er-qty input,
  .light .er-qty button{
    background:#FFFFFF!important;
    color:var(--desk-text)!important;
    border-color:var(--desk-border-strong)!important;
  }
  .light .er-kpis>div{
    background:#FFFFFF!important;
    box-shadow:var(--desk-shadow)!important;
  }
  .light .er-order{
    background:linear-gradient(150deg,#FFFFFF,#F8FAFD)!important;
  }
  .light .er-order-icon{
    background:#EEE8FF!important;
    color:#6334D6!important;
  }
  .light .er-tabs{border-color:var(--desk-border)!important;}
  .light .er-tabs button{color:var(--desk-muted)!important;}
  .light .er-tabs .is-active{color:#6334D6!important;border-color:#6334D6!important;}
  .light .er-modal-bg{background:rgba(31,41,65,.28)!important;}
  .light .er-modal header,
  .light .er-modal footer,
  .light .er-line{
    border-color:var(--desk-border)!important;
  }
  .light .er-total b{color:#15803D!important;}

  /* ===== Pedidos de Ruta / asignación ===== */
  .light .pr-asignacion{
    background:linear-gradient(155deg,#FFFFFF 0%,#F7F9FD 100%)!important;
    border-color:#D7DFEC!important;
    color:var(--desk-text)!important;
    box-shadow:0 28px 90px rgba(25,42,78,.18)!important;
  }
  .light .pr-asignacion__head,
  .light .pr-asignacion__actions{
    background:#FFFFFF!important;
    border-color:var(--desk-border)!important;
  }
  .light .pr-asignacion__head p,
  .light .pr-asignacion__label,
  .light .pr-asignacion__rutas>span,
  .light .pr-asignacion__default small,
  .light .pr-asignacion__nota,
  .light .pr-repartidor-card__copy small{
    color:var(--desk-muted)!important;
  }
  .light .pr-asignacion__close,
  .light .pr-repartidor-card,
  .light .pr-btn-cancelar{
    background:#FFFFFF!important;
    border-color:var(--desk-border)!important;
    color:var(--desk-text)!important;
  }
  .light .pr-repartidor-card__avatar{
    background:#EEF2F8!important;
    color:#44536F!important;
  }
  .light .pr-repartidor-card.is-selected{
    background:linear-gradient(100deg,#F1ECFF,#F8FAFF)!important;
    border-color:#8B6DEA!important;
  }
  .light .pr-asignacion__default{
    background:#F7F9FC!important;
    border-color:var(--desk-border)!important;
  }

  /* Pedidos de Ruta monolito */
  .light .pr-kpi,
  .light .pr-chip,
  .light .pr-btn-secundario{
    background:#FFFFFF!important;
    border-color:var(--desk-border)!important;
    color:var(--desk-text)!important;
    box-shadow:var(--desk-shadow)!important;
  }
  .light .pr-btn-secundario:hover{
    background:#F7F4FF!important;
    border-color:#B9A9FA!important;
  }

  /* ===== Sentinel ===== */
  .light .fenix-sentinel-root,
  .light .sentinel-fade-up,
  .light .sentinel-card,
  .light .sentinel-modulo-card{
    color:var(--desk-text)!important;
  }
  .light .sentinel-modulo-card,
  .light .sentinel-card,
  .light .sentinel-resumen-btn{
    background:#FFFFFF!important;
    border-color:var(--desk-border)!important;
    box-shadow:var(--desk-shadow)!important;
  }
  .light .sentinel-modulo-card > div:nth-child(2),
  .light .sentinel-card b,
  .light .sentinel-resumen-btn span{
    color:var(--desk-text)!important;
  }
  .light .sentinel-modulo-card > div:nth-child(3){
    color:var(--desk-muted)!important;
  }
  .light .sentinel-fade-up input.fld,
  .light .sentinel-fade-up textarea.fld{
    background:#FFFFFF!important;
    border-color:var(--desk-border-strong)!important;
    color:var(--desk-text)!important;
  }

  /* ===== Clientes / Compras / Caja / Configuración / Usuarios =====
     Estos módulos comparten card/fld/table. Forzamos las superficies
     comunes para neutralizar fondos inline heredados sin cambiar layout. */
  .light .clientes-shell .card,
  .light .compras-shell .card,
  .light .caja-shell .card,
  .light .config-shell .card,
  .light .usuarios-shell .card{
    background:#FFFFFF!important;
    color:var(--desk-text)!important;
    border-color:var(--desk-border)!important;
  }

  .light .clientes-shell .fld,
  .light .compras-shell .fld,
  .light .caja-shell .fld,
  .light .config-shell .fld,
  .light .usuarios-shell .fld{
    background:#FFFFFF!important;
    color:var(--desk-text)!important;
    border-color:var(--desk-border-strong)!important;
  }

  /* ===== Estados y textos comunes ===== */
  .light [style*="color: rgb(245, 247, 250)"],
  .light [style*="color: rgb(232, 237, 245)"],
  .light [style*="color: rgb(201, 210, 227)"]{
    color:var(--desk-text)!important;
  }

  /* Solo superficies neutras. No se tocan botones primarios ni badges. */
  .light .card[style*="background: rgb(13, 23, 39)"],
  .light .card[style*="background: rgb(11, 20, 32)"],
  .light .card[style*="background: rgb(17, 24, 39)"],
  .light .card[style*="background: rgb(11, 15, 28)"]{
    background:#FFFFFF!important;
    border-color:var(--desk-border)!important;
  }

  /* Scrollbars en escritorio claro */
  .light *{
    scrollbar-color:#C8D4E4 transparent;
  }
  .light *::-webkit-scrollbar-thumb{
    background:#C8D4E4;
  }
  .light *::-webkit-scrollbar-thumb:hover{
    background:#AEBED2;
  }
}