/* Compras IA · tarjeta de revisión de renglón (2026-10-19, Raúl: "diséñame
   esto con botones y ventanas naranjas del ERP, muy visual, nada pequeño;
   solo visual"). Fénix Aurora Orange (docs/FENIX_AURORA_UI.md).
   SOLO estilos: no cambia lógica ni textos. Todo vive dentro de
   #compras-ia-revision (lo pone production-ui-patches.js). Los acentos
   violeta de esta tarjeta pasan a naranja cambiando --acc aquí dentro. */

#compras-ia-revision{
  --acc:#ff7a17;
  --accSoft:rgba(255,122,23,.16);
  --cia-cta:linear-gradient(100deg,#ff7219 0%,#ffb52e 100%);
}

/* Ventana: borde tornasol naranja y esquinas amplias. */
#compras-ia-revision>.card{
  border-radius:24px!important;
  border:1.5px solid transparent!important;
  background:linear-gradient(var(--panel),var(--panel)) padding-box,
    linear-gradient(125deg,#ff7219 0%,#ffb52e 40%,rgba(255,181,46,.18) 75%,rgba(168,85,247,.35) 100%) border-box!important;
  box-shadow:0 18px 50px rgba(0,0,0,.30),0 0 30px rgba(255,122,23,.14)!important;
}

/* Encabezado: "Revisando" y el círculo de confianza, más visibles. */
#compras-ia-revision>.card>[style*="font-size: 12px"][style*="margin-bottom: 14px"]{font-size:14px!important;color:var(--acc)!important;letter-spacing:.04em;text-transform:uppercase}
#compras-ia-revision [style*="width: 72px"][style*="border-radius: 50%"]{transform:scale(1.25);margin:10px 0 6px}

/* Lo que leyó la IA, grande. */
#compras-ia-revision [style*="font-size: 17px"][style*="font-weight: 800"]{font-size:22px!important;line-height:1.25!important;letter-spacing:-.01em}
#compras-ia-revision [style*="font-size: 13px"][style*="color: var(--sub)"]{font-size:15px!important}
#compras-ia-revision [style*="font-size: 12px"][style*="color: var(--sub)"][style*="margin-bottom: 16px"]{font-size:14px!important}
#compras-ia-revision>.card>button:first-child{font-size:15px!important;font-weight:800!important;color:var(--acc)!important;padding:6px 2px!important}

/* Sugerencias de producto: píldoras naranjas grandes, que se vea que se tocan. */
#compras-ia-revision [style*="text-align: left"][style*="margin-bottom: 7px"]{font-size:14px!important;color:var(--text)!important;margin-bottom:10px!important}
#compras-ia-revision [style*="position: relative"]>div>button{
  padding:13px 20px!important;border-radius:999px!important;font-size:16px!important;font-weight:900!important;
  background:var(--cia-cta)!important;color:#1a0c02!important;border:0!important;
  box-shadow:0 8px 22px rgba(255,122,23,.28);text-align:left;line-height:1.2;
}
#compras-ia-revision [style*="position: relative"]>div>button:active{transform:translateY(1px)}

/* Campos: más altos, número grande, foco naranja. */
#compras-ia-revision input.fld{
  border-radius:14px!important;border:1.5px solid var(--line)!important;min-height:54px;
  font-size:16px!important;font-weight:700!important;
}
#compras-ia-revision input.fld:focus{outline:none;border-color:#ff7a17!important;box-shadow:0 0 0 4px rgba(255,122,23,.16)!important}
#compras-ia-revision input.fld[type=number]{font-size:24px!important;min-height:60px;width:132px!important}
#compras-ia-revision [style*="align-items: center"][style*="gap: 8px"]>input.fld[type=number]{width:88px!important}
#compras-ia-revision [style*="font-size: 11px"][style*="color: var(--sub)"]{font-size:14px!important;font-weight:700}
#compras-ia-revision [style*="font-size: 10px"][style*="color: var(--sub)"]{font-size:13px!important}

/* − / + de cantidad: botones grandes, naranjas. */
#compras-ia-revision button.card[style*="width: 38px"]{
  width:60px!important;height:60px!important;font-size:30px!important;font-weight:900!important;
  border-radius:16px!important;border:1.5px solid #ff7a17!important;color:#ff7a17!important;
  background:rgba(255,122,23,.10)!important;display:flex;align-items:center;justify-content:center;
}
#compras-ia-revision button.card[style*="width: 38px"]:active{background:rgba(255,122,23,.22)!important}

/* ¿Qué es este renglón?: opciones grandes; la elegida, naranja sólido. */
#compras-ia-revision [style*="max-width: 380px"][style*="padding: 9px 11px"]{padding:16px!important;border-radius:18px!important}
#compras-ia-revision span[style*="user-select: none"]{
  padding:12px 16px!important;font-size:15px!important;border-radius:14px!important;border-width:1.5px!important;
}
#compras-ia-revision span[style*="user-select: none"][style*="var(--acc)"]{
  background:var(--cia-cta)!important;color:#1a0c02!important;border-color:transparent!important;
  box-shadow:0 6px 18px rgba(255,122,23,.25);
}
#compras-ia-revision [style*="max-width: 380px"] [style*="font-size: 11px"][style*="margin-top: 7px"]{font-size:14px!important}

/* Interruptores IVA / IEPS / descuento: más grandes y naranjas al prender. */
#compras-ia-revision label[style*="font-size: 12px"]{font-size:16px!important;font-weight:700;gap:12px!important;min-height:40px}
#compras-ia-revision label span[style*="width: 34px"][style*="height: 20px"]{transform:scale(1.4);transform-origin:left center;margin-right:14px}

/* Ajustes de recepción. */
#compras-ia-revision .card>button[type=button][style*="width: 100%"]{padding:16px 18px!important;font-size:17px!important;font-weight:800!important}
#compras-ia-revision .card:has(>button[type=button][style*="width: 100%"]){border-radius:18px!important}

/* Aviso de por qué no se aprueba. */
#compras-ia-revision [role=alert]{font-size:15px!important;padding:14px 16px!important;border-radius:14px!important;border-width:1.5px!important}

/* Botones finales: Aprobar es el principal, naranja y a todo lo ancho. */
#compras-ia-revision [style*="justify-content: center"][style*="gap: 12px"]{
  display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important;margin-top:6px;
}
#compras-ia-revision [style*="justify-content: center"][style*="gap: 12px"]>button.card{
  justify-content:center;min-height:62px;border-radius:18px!important;font-size:17px!important;font-weight:900!important;
  padding:14px 16px!important;
}
#compras-ia-revision [style*="justify-content: center"][style*="gap: 12px"]>button.card:has(>.fa-xmark){
  background:rgba(239,68,68,.10)!important;border:1.5px solid #ef4444!important;color:#f87171!important;
}
#compras-ia-revision [style*="justify-content: center"][style*="gap: 12px"]>button.card:has(>.fa-plus){
  background:#121821!important;border:1.5px solid #313b4c!important;color:#f4f6f8!important;
}
#compras-ia-revision [style*="justify-content: center"][style*="gap: 12px"]>button.card:has(>.fa-check){
  grid-column:1/-1;order:-1;min-height:70px;font-size:21px!important;
  background:var(--cia-cta)!important;border:0!important;color:#1a0c02!important;
  box-shadow:0 12px 30px rgba(255,122,23,.32),0 0 0 1px rgba(255,181,46,.35) inset;
}
#compras-ia-revision [style*="justify-content: center"][style*="gap: 12px"]>button.card:has(>.fa-check):hover{filter:brightness(1.06)}
#compras-ia-revision [style*="justify-content: center"][style*="gap: 12px"]>button.card:active{transform:translateY(1px)}
#compras-ia-revision [style*="justify-content: center"][style*="gap: 12px"]>button.card:focus-visible{outline:3px solid #ffb52e;outline-offset:2px}

/* Tema claro: mismos naranjas, fondos del tema. */
.light #compras-ia-revision [style*="justify-content: center"][style*="gap: 12px"]>button.card:has(>.fa-plus){
  background:var(--panel2)!important;border-color:var(--line)!important;color:var(--text)!important;
}

@media (prefers-reduced-motion:reduce){#compras-ia-revision *{transition:none!important}}