/* EL ARCHIVO DE LA TIENDA DE INVBIT (INVBIT › Pedidos, 9-oct-2026). Todo vive dentro de #ia: no toca el resto del panel.
   Misma familia que «Fallos de la app» (#cn): grises neutros, cebra, estado en losa sólida, sin sombras. */
#ia{
  --ia-card:#fff; --ia-linea:#e4e4e4; --ia-tx:#141414; --ia-tx2:#555; --ia-tx3:#6e6e6e;
  --ia-rojo:#d70015; --ia-verde:#1a7f37; --ia-gris:#8a8a8a; --ia-cebra:#f6f6f6; --ia-cab:#ececec; --ia-azul:#0066cc;
  color:var(--ia-tx); font-family:var(--f-app, Poppins, system-ui, sans-serif); font-size:14px; line-height:1.45;
}
#ia *{ box-sizing:border-box; }
#ia .num{ font-variant-numeric:tabular-nums; }
#ia .rojo{ color:var(--ia-rojo); } #ia .verde{ color:var(--ia-verde); } #ia .gris{ color:var(--ia-gris); }
#ia code{ font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12.5px; background:var(--ia-cebra); border-radius:6px; padding:1px 6px; }
#ia .ia-cab h1{ font-size:30px; font-weight:800; margin:0; letter-spacing:-.01em; }
#ia .ia-cab p{ margin:6px 0 0; color:var(--ia-tx2); font-size:14.5px; }
#ia .ia-cab .ia-copia{ font-size:13px; color:var(--ia-tx3); font-weight:500; }
#ia .ia-losas{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:24px 0; }
#ia .ia-losa{ background:var(--ia-card); border:1px solid var(--ia-linea); border-radius:12px; padding:16px; }
#ia .ia-losa b{ font-size:28px; font-weight:800; line-height:1.1; display:block; }
#ia .ia-losa span{ display:block; font-size:13px; color:var(--ia-tx2); font-weight:600; margin-top:4px; }
#ia .ia-barra{ display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-bottom:16px; }
#ia .ia-input{ font:inherit; color:inherit; background:#fff; border:1.5px solid #d2d2d2; border-radius:10px; padding:10px 14px; min-height:44px; width:100%; appearance:none; }
#ia .ia-input:focus{ outline:none; border-color:var(--ia-azul); box-shadow:0 0 0 3px rgba(0,102,204,.15); }
#ia .ia-barra .ia-input{ flex:1 1 320px; max-width:520px; }
#ia .ia-pild{ display:inline-flex; background:var(--ia-cab); border-radius:999px; padding:3px; flex-wrap:wrap; }
#ia .ia-pild button{ padding:6px 14px; border-radius:999px; font:inherit; font-weight:600; font-size:13px; color:var(--ia-tx2); white-space:nowrap; background:transparent; border:0; cursor:pointer; }
#ia .ia-pild button[aria-pressed="true"]{ background:#fff; color:var(--ia-tx); }
#ia .ia-tabla{ overflow-x:auto; }
#ia table{ width:100%; border-collapse:collapse; font-size:13.5px; }
#ia th{ background:var(--ia-cab); text-align:left; font-weight:700; font-size:13px; padding:10px 12px; white-space:nowrap; }
#ia th:first-child{ border-radius:10px 0 0 10px; } #ia th:last-child{ border-radius:0 10px 10px 0; }
#ia td{ padding:10px 12px; white-space:nowrap; vertical-align:top; }
#ia .der{ text-align:right; }
#ia tbody tr.ia-fila{ cursor:pointer; }
#ia > .ia-tabla > table > tbody > tr.ia-fila:nth-of-type(even) td{ background:var(--ia-cebra); }
@media (hover:hover){ #ia tr.ia-fila:hover td{ background:#eaeaea !important; } }
#ia tr.ia-fila.abierta td{ background:#e6eefb !important; }
#ia .ia-quien b{ display:block; } #ia .ia-quien span{ display:block; font-size:12.5px; color:var(--ia-tx3); }
#ia .ia-estado{ display:inline-block; padding:4px 10px; border-radius:8px; font-size:12.5px; font-weight:700; color:#fff; white-space:nowrap; }
#ia .ia-estado.v{ background:var(--ia-verde); } #ia .ia-estado.g{ background:#9a9a9a; } #ia .ia-estado.r{ background:var(--ia-rojo); }
#ia .ia-chip{ display:inline-block; padding:2px 8px; border-radius:6px; border:1px solid #d2d2d2; font-size:12.5px; font-weight:600; white-space:nowrap; }
#ia .ia-dos-num{ flex-basis:100%; font-size:13px; color:var(--ia-tx2); }
#ia .ia-pie{ display:flex; align-items:center; gap:16px; margin-top:12px; color:var(--ia-tx3); font-size:13px; }
#ia .ia-btn{ font:inherit; font-weight:700; font-size:13.5px; border:0; border-radius:10px; padding:10px 16px; min-height:40px; cursor:pointer; background:var(--ia-tx); color:#fff; white-space:nowrap; }
#ia .ia-btn.suave{ background:var(--ia-cab); color:var(--ia-tx); }
#ia .ia-btn[disabled]{ opacity:.5; cursor:default; }
@media (hover:hover){ #ia .ia-btn:hover{ filter:brightness(1.1); } #ia .ia-btn.suave:hover{ background:#e2e2e2; filter:none; } }
#ia .ia-vacio, #ia .ia-cargando{ background:var(--ia-card); border:1px solid var(--ia-linea); border-radius:16px; padding:32px; text-align:center; color:var(--ia-tx2); font-weight:600; }
#ia tr.ia-det > td{ padding:0 0 16px; white-space:normal; background:#fff; }
#ia .ia-ficha{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:24px; border:1px solid var(--ia-linea); border-top:0; border-radius:0 0 16px 16px; padding:24px; }
#ia .ia-col{ display:flex; flex-direction:column; gap:16px; min-width:0; }
#ia .ia-col > .ia-btn{ align-self:flex-start; }
#ia .ia-bloque{ background:var(--ia-cebra); border-radius:12px; padding:12px 16px; overflow-wrap:anywhere; }
#ia .rot{ font-size:12.5px; color:var(--ia-tx3); font-weight:600; margin-bottom:4px; display:block; }
#ia .ia-lin td{ white-space:normal; } #ia .ia-lin tbody tr:nth-child(even) td{ background:var(--ia-cebra); }
#ia .ia-tot{ text-align:right; margin-top:8px; color:var(--ia-tx2); }
#ia .ia-tot b{ color:var(--ia-tx); font-size:16px; }
#ia .ia-fx{ border:1px solid var(--ia-linea); border-radius:12px; padding:16px; margin-top:8px; }
#ia .ia-fx-cab{ display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 12px; }
#ia .ia-fx-cab > b{ font-size:16px; }
#ia .ia-fx-tot{ margin-left:auto; font-weight:700; } #ia .ia-fx-tot small{ font-weight:500; color:var(--ia-tx3); font-size:12px; }
#ia .ia-fx-acc{ display:flex; gap:8px; align-items:center; margin-top:12px; flex-wrap:wrap; }
#ia .ia-rect-hecha{ margin-top:8px; font-size:13px; color:var(--ia-tx2); }
#ia .ia-rect{ margin-top:16px; background:var(--ia-cebra); border-radius:12px; padding:16px; display:flex; flex-direction:column; gap:8px; }
#ia .ia-rect textarea{ resize:vertical; min-height:64px; }
#ia .ia-rect .ia-input{ max-width:520px; }
#ia .ia-dos{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-top:8px; }
#ia .ia-seguro{ font-weight:700; color:var(--ia-tx); margin:8px 0 0; }
#ia .ia-notas{ margin-top:16px; } #ia .ia-notas summary{ cursor:pointer; font-weight:700; }
#ia .ia-notas ul{ list-style:none; padding:0; margin:8px 0 0; display:flex; flex-direction:column; gap:8px; }
#ia .ia-notas li{ background:var(--ia-cebra); border-radius:10px; padding:8px 12px; font-size:13px; }
#ia .ia-notas li > span{ color:var(--ia-tx3); margin-right:8px; } #ia .ia-notas li > b{ color:var(--ia-azul); font-size:12px; }
#ia .ia-nota-fuente{ font-size:12.5px; margin:8px 0 0; }
/* En estrecho se ocultan NIF y factura (están dentro de la ficha) para que la ficha no quede cortada a la derecha. */
@media (max-width:1000px){
  #ia .ia-ancho{ display:none; } #ia .ia-quien{ white-space:normal; }
  #ia .ia-ficha{ grid-template-columns:1fr; padding:16px; }
}
@media (max-width:600px){ #ia .ia-losas{ grid-template-columns:1fr; } }