:root{--sol: #f2a900;--tinta: #1f2933;--suave: #6b7280;--fondo: #fafaf7;--linea: #e5e7eb}*{box-sizing:border-box}body{margin:0;font:14px/1.45 system-ui,-apple-system,sans-serif;color:var(--tinta);background:var(--fondo)}header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#fff;border-bottom:3px solid var(--sol)}main{padding:20px}button{background:var(--sol);border:0;border-radius:6px;padding:8px 16px;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:default}.barra{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid var(--linea);border-radius:8px;padding:12px 16px}.nota{color:var(--suave)}.error{color:#b91c1c}.tabla{overflow-x:auto;background:#fff;border:1px solid var(--linea);border-radius:8px}table{border-collapse:collapse;width:100%;font-size:12px}th,td{padding:6px 8px;border-bottom:1px solid var(--linea);text-align:left;white-space:nowrap}.login{max-width:320px;margin:12vh auto;display:grid;gap:12px;background:#fff;padding:24px;border-radius:10px;border-top:4px solid var(--sol)}.login label{display:grid;gap:4px}.login input{padding:8px;border:1px solid var(--linea);border-radius:6px}.encabezado{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 10px;flex-wrap:wrap}.encabezado h2{margin:0;font-size:18px}select{padding:6px 10px;border:1px solid var(--linea);border-radius:6px;background:#fff;font:inherit}.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.tarjeta{background:#fff;border:1px solid var(--linea);border-radius:8px;padding:14px 16px}.tarjeta .titulo{color:var(--suave);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.tarjeta .cifra{font-size:22px;font-weight:700;margin:4px 0;font-variant-numeric:tabular-nums}.tarjeta .nota{font-size:12px}.tarjeta.principal{border:2px solid var(--sol)}.tarjeta.aparte{background:#f7f7f2;border-style:dashed}.seg{display:inline-flex;border:1px solid var(--linea);border-radius:6px;overflow:hidden}.seg button{background:#fff;border-radius:0;font-weight:500;padding:6px 12px}.seg button.activo{background:var(--sol);font-weight:600}td{font-variant-numeric:tabular-nums}tfoot td{font-weight:700;border-top:2px solid var(--linea)}@media(max-width:600px){main{padding:12px 16px}.tarjeta .cifra{font-size:18px}}tr.otros{cursor:pointer;background:#f7f7f2;font-weight:600}tr.otros:hover{background:#efefe6}tr.dentro td:first-child{padding-left:24px}tr.dentro{color:var(--suave)}tr.clic{cursor:pointer}tr.clic:hover td{background:#fbf6e6}.buscar{padding:7px 10px;border:1px solid var(--linea);border-radius:6px;min-width:260px;font:inherit}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.chips button{background:#fff;border:1px solid var(--linea);font-weight:500;display:inline-flex;gap:6px;align-items:baseline}.chips button span{font-weight:700}.chips button small{color:var(--suave)}.chips button.activo{background:var(--sol);border-color:var(--sol)}.chips button.activo small{color:var(--tinta)}.filtro-cliente{background:#fbf6e6;padding:6px 10px;border-radius:6px;display:inline-block;margin:0 0 10px}tr.doc{cursor:pointer}tr.doc:hover td{background:#fafaf5}tr.doc.cancelacion td,tr.doc.anticipo td,tr.doc.ignorar td{color:var(--suave)}.tipo{font-size:11px;padding:2px 6px;border-radius:4px;background:#eef2f7}.tipo.cancelacion{background:#fde8e8;color:#9b1c1c}.tipo.devolucion{background:#fff0db;color:#92400e}.tipo.condicion_comercial{background:#ede9fe;color:#5b21b6}.tipo.anticipo,.tipo.ignorar{background:#f3f4f6;color:var(--suave)}tr.partidas>td{background:#fafaf7;padding:4px 8px 10px 28px}tr.partidas table{font-size:11px}.der{text-align:right}@media(max-width:600px){.buscar{min-width:0;width:100%}}