/* Control de stock — hoja de estilos unica */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;800&family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600&display=swap');

:root{
  --papel:#EDEEE9; --tinta:#141F26; --tinta60:#5A6B72; --naranja:#FF6A13;
  --amarillo:#F2C300; --linea:#C7CBC2; --verde:#1B6E3C; --azul:#1F3D4D;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--papel);color:var(--tinta);
  font-family:'IBM Plex Sans',system-ui,sans-serif;padding-bottom:74px;-webkit-font-smoothing:antialiased;}
a{color:inherit;}
:focus-visible{outline:2px solid var(--naranja);outline-offset:2px;}

.hdr{background:var(--tinta);color:var(--papel);padding:13px 16px 15px;
  display:flex;justify-content:space-between;align-items:center;gap:12px;}
.hdr h1{font-family:'Archivo',sans-serif;font-weight:800;font-size:16px;
  text-transform:uppercase;margin:0;letter-spacing:-.01em;}
.hdr .sub{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--amarillo);margin-top:4px;}
.hdr-user{display:flex;align-items:center;gap:9px;}
.hdr-user .chico{color:#9FB0B8;}
.btn-mini{background:none;border:1px solid #4A5A63;color:var(--papel);padding:6px 11px;
  font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.09em;
  text-transform:uppercase;text-decoration:none;cursor:pointer;}

.wrap{padding:16px;max-width:760px;margin:0 auto;}
.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--tinta60);margin:0 0 8px;}
.card{background:#fff;border:1px solid var(--linea);padding:14px;margin-bottom:12px;
  text-decoration:none;display:block;color:inherit;}
a.card:hover{border-color:var(--tinta);}
.card.persona{border-left:3px solid var(--azul);}
.card.acento{border-left:3px solid var(--naranja);}
.card.vuelve{border-left:3px solid var(--verde);}

.fila{display:flex;justify-content:space-between;align-items:baseline;gap:10px;}
.mono{font-family:'IBM Plex Mono',monospace;font-weight:600;}
.chico{font-size:11.5px;color:var(--tinta60);}
.tit{font-family:'Archivo',sans-serif;font-weight:600;font-size:15px;margin:0;}

label,.mini{font-size:10px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--tinta60);font-weight:600;display:block;margin-bottom:4px;}
input,select,textarea{width:100%;padding:10px 9px;border:1px solid var(--linea);background:#fff;
  border-radius:0;font-family:'IBM Plex Sans',sans-serif;font-size:15px;color:var(--tinta);}
input[type=number]{font-family:'IBM Plex Mono',monospace;font-weight:600;text-align:center;}
.campo{margin-bottom:12px;}
.grid{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;}
.grid .ancho{flex:1;min-width:150px;}
.grid .medio{width:118px;} .grid .angosto{width:88px;}

.btn{width:100%;padding:14px;border:none;background:var(--tinta);color:var(--papel);
  font-family:'Archivo',sans-serif;font-weight:800;font-size:13px;letter-spacing:.09em;
  text-transform:uppercase;cursor:pointer;text-align:center;text-decoration:none;display:block;}
.btn.naranja{background:var(--naranja);color:#fff;}
.btn.verde{background:var(--verde);color:#fff;}
.btn.ghost{background:transparent;color:var(--tinta);border:1px solid var(--tinta);}
.btn.mini{width:auto;padding:9px 13px;font-size:11px;display:inline-block;}
.btn:disabled,.btn.off{background:var(--linea);color:#8C948C;cursor:not-allowed;}

.lin{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;
  padding:9px 0;border-bottom:1px solid var(--linea);font-size:13.5px;}
.lin:last-child{border-bottom:none;}
.lin.sin{background:#FFF3EC;margin:0 -14px;padding:9px 14px;}

.badge{font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.1em;
  text-transform:uppercase;padding:3px 7px;border:1px solid var(--linea);
  color:var(--tinta60);white-space:nowrap;}
.badge.ok{border-color:var(--verde);color:var(--verde);}
.badge.naranja{border-color:var(--naranja);color:var(--naranja);}
.badge.azul{border-color:var(--azul);color:var(--azul);}

.sem{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:7px;flex-shrink:0;}
.sem.v{background:var(--verde);} .sem.a{background:var(--amarillo);} .sem.r{background:var(--naranja);}

.kpis{display:flex;gap:9px;margin-bottom:14px;flex-wrap:wrap;}
.kpi{flex:1;min-width:92px;background:var(--tinta);color:var(--papel);padding:12px 10px;}
.kpi .n{font-family:'Archivo',sans-serif;font-weight:800;font-size:25px;line-height:1;}
.kpi .l{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--amarillo);margin-top:5px;}
.kpi.rojo{background:var(--naranja);} .kpi.rojo .l{color:#fff;}

.tira{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.et{min-width:62px;background:#fff;border:1px dashed var(--tinta60);padding:6px 7px 7px;text-align:center;}
.et .t{font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:600;color:var(--tinta);}
.et .c{font-family:'Archivo',sans-serif;font-weight:800;font-size:22px;line-height:1.1;}
.et.cero{border-color:var(--naranja);background:#FFF3EC;} .et.cero .c{color:var(--naranja);}
.et.bajo{border-color:var(--amarillo);background:#FFFCF0;} .et.bajo .c{color:#8A6D00;}

.bloque{padding:12px 0;border-bottom:1px solid var(--linea);}
.bloque:last-child{border-bottom:none;padding-bottom:0;}

.aviso{background:#FFF3EC;border-left:3px solid var(--naranja);padding:10px 12px;
  font-size:12.5px;margin-bottom:12px;}
.info{background:#EEF3F6;border-left:3px solid var(--azul);padding:10px 12px;
  font-size:12.5px;margin-bottom:12px;}
.okbox{background:#F0F7F2;border-left:3px solid var(--verde);padding:10px 12px;
  font-size:12.5px;margin-bottom:12px;}
.vacio{text-align:center;padding:26px 14px;color:var(--tinta60);font-size:13.5px;}

.nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--tinta);
  border-top:2px solid var(--naranja);z-index:20;}
.nav a{flex:1;color:#8FA0A8;padding:11px 4px 13px;text-align:center;text-decoration:none;
  font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;}
.nav a.on{color:var(--papel);box-shadow:inset 0 3px 0 var(--naranja);}

/* login */
.login{max-width:360px;margin:8vh auto;padding:0 16px;}
.login h1{font-family:'Archivo',sans-serif;font-weight:800;font-size:22px;
  text-transform:uppercase;margin:0 0 4px;}

/* remito imprimible */
.remito{background:#fff;border:1px solid var(--tinta);padding:20px;margin-bottom:12px;}
.remito h2{font-family:'Archivo',sans-serif;font-weight:800;font-size:18px;
  text-transform:uppercase;margin:0 0 2px;}
.remito table{width:100%;border-collapse:collapse;margin-top:14px;font-size:13px;}
.remito th{text-align:left;font-family:'IBM Plex Mono',monospace;font-size:9.5px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--tinta60);
  border-bottom:1px solid var(--tinta);padding-bottom:5px;}
.remito td{padding:7px 0;border-bottom:1px solid var(--linea);}
.firma{margin-top:26px;border-top:1px dashed var(--tinta60);padding-top:7px;
  font-size:11.5px;color:var(--tinta60);}

@media print{
  .hdr,.nav,.no-imprimir{display:none !important;}
  body{background:#fff;padding:0;}
  .wrap{max-width:none;padding:0;}
  .remito{border:none;padding:0;}
}
@media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important;}}