:root{--bg:#f6f4f2;--card:#fff;--text:#2a2a2c;--muted:#6e6e6e;--line:#e8e3de;--brand:#0f766e;--brand-strong:#0f766e;--brand-dark:#0b5a54;--brand-soft:#e3f4f2;--charcoal:#2e2e30;--good:#15803d;--warn:#b45309;--neg:#b91c1c;--radius:12px;--shadow:0 1px 2px #1018280f;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0;font-size:15px;line-height:1.45}h1{margin:0;font-size:1.6rem}h2{margin:0 0 12px;font-size:1.05rem}h3{margin:16px 0 8px;font-size:.95rem}a{color:var(--brand-dark);text-decoration:none}a:hover{text-decoration:underline}hr{border:0;border-top:1px solid var(--line);margin:14px 0}.muted{color:var(--muted)}.small{font-size:.85rem}.strong{font-weight:700}.good{color:var(--good)}.warn{color:var(--warn)}.neg{color:var(--neg)}.center{text-align:center}.pad{padding:24px}.print-only{display:none}.app{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.nav{background:var(--charcoal);color:#e6e2de;border-right:4px solid var(--brand);flex-direction:column;gap:14px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff1f;flex-direction:column;padding:4px 8px 14px;line-height:1.1;display:flex}.brand-main{color:var(--brand);letter-spacing:-.01em;font-size:1.5rem;font-style:italic;font-weight:800}.brand-sub{letter-spacing:.5em;color:#b9b4af;margin-top:4px;padding-left:2px;font-size:.78rem}.nav nav{flex-direction:column;gap:4px;display:flex}.nav-link{color:#d8d4d0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.nav-link:hover{background:#ffffff14;text-decoration:none}.nav-link.active{background:var(--brand-strong);color:#fff}.nav-foot{word-break:break-all;flex-direction:column;gap:8px;margin-top:auto;padding:0 8px;display:flex}.nav-foot .muted{color:#a8a39e}.main{width:100%;max-width:1200px;padding:24px 28px 60px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-actions{flex-wrap:wrap;gap:8px;display:flex}.section{margin:26px 0 10px;font-size:1.05rem}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:26px 0 6px;display:flex}.section-head h2{margin:0}.grid2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:20px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:18px}.card.table-wrap{padding:0;overflow-x:auto}.info{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.stats{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:16px;display:grid}.stats.stats-5{grid-template-columns:repeat(5,minmax(0,1fr))}.stats.stats-5 .stat-value{font-size:1.25rem}@media (width<=1100px){.stats.stats-5{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.stat-label{color:var(--muted);font-size:.85rem}.stat-value{margin-top:2px;font-size:1.5rem;font-weight:700}.stat-sub{color:var(--muted);margin-top:2px;font-size:.8rem}.stat.good .stat-value{color:var(--good)}.stat.warn .stat-value{color:var(--warn)}.big{margin:4px 0;font-size:1.9rem;font-weight:700}.list{margin:0 0 12px;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:7px 0;display:flex}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 14px}th{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);white-space:nowrap;background:#fafbfc;font-size:.78rem}tbody tr:last-child td,tfoot tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcfc}.num{text-align:right;white-space:nowrap}tfoot td{background:#fafbfc}tr.anulada td{color:var(--muted);text-decoration:line-through}tr.retirado td{color:var(--muted)}.tipo-resumen{background:var(--brand-soft);border-color:color-mix(in srgb, var(--brand) 35%, white);padding:12px 16px}.subtabs{background:#ece8e4;border-radius:12px;flex-wrap:wrap;gap:6px;width:fit-content;max-width:100%;margin:0 0 16px;padding:4px;display:flex}.subtab{color:var(--text);white-space:nowrap;border-radius:9px;padding:8px 16px;font-weight:600}.subtab:hover{background:#fff9;text-decoration:none}.subtab.active{color:var(--brand-dark);box-shadow:var(--shadow);background:#fff}.badge{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:700;display:inline-block}.badge.sobre-pedido{color:#075985;background:#e0f2fe}.alert.info{background:var(--brand-soft);color:var(--text);border:1px solid color-mix(in srgb, var(--brand) 35%, white)}.prov{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:.85rem;display:flex}.prov select{width:auto;min-width:190px;padding:5px 8px}.prov.falta select{border-color:var(--neg)}.btn.pedido-falta{border-color:var(--neg);color:var(--neg);background:#fff5f5}.btn.ok-pedido{color:#166534;background:#f0fdf4;border-color:#86efac}.btn.pedido-abierto{color:#9a3412;background:#fff7ed;border-color:#fdba74}.lineas input.solo-lectura{color:var(--muted);cursor:not-allowed;background:#f3f1ee}.saldo-prov{margin:0 0 10px}.saldo-caja{border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:14px 16px;display:flex}.saldo-caja.debe{background:#fff7ed;border:1px solid #fdba74}.saldo-caja.saldado{background:#f0fdf4;border:1px solid #86efac}.saldo-num{font-size:1.7rem;font-weight:800}.saldo-caja.debe .saldo-num{color:#9a3412}.saldo-caja.saldado .saldo-num{color:#166534}.prov-actual{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pago-prov{grid-template-columns:1fr auto;align-items:end;gap:10px;margin-bottom:8px;display:grid}.pago-prov .field{margin:0}@media (width<=860px){.pago-prov{grid-template-columns:1fr 1fr}}.badge.ok{color:#166534;background:#dcfce7}.badge.warn{color:#9a3412;background:#ffedd5}select.estado-entrega{border-radius:999px;width:auto;padding:6px 30px 6px 12px;font-weight:700}select.estado-entrega.pendiente{color:#9a3412;background-color:#ffedd5;border-color:#fdba74}select.estado-entrega.entregada{color:#166534;background-color:#dcfce7;border-color:#86efac}.acciones-clave{gap:6px;display:flex}.historial-lista{flex-direction:column;gap:3px;margin:6px 0 0;padding:0;list-style:none;display:flex}.table-wrap{max-width:100%;overflow-x:auto}.prov-detalle-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.prov-detalle-head h3{margin:0 0 2px}.prov-detalle-head .saldo-caja{min-width:260px}td.actions{white-space:nowrap;text-align:right}td.actions .btn{margin-left:4px}.barcell{width:18%;min-width:80px}.bar{background:var(--brand);border-radius:6px;height:10px}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;color:var(--text);background:#fff;border:1px solid #ccd4dd;border-radius:9px;padding:9px 11px}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);outline-offset:-1px;border-color:var(--brand)}input[type=checkbox]{width:auto}.field{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.field>span{color:#3b4652;font-size:.85rem;font-weight:600}.field small{color:var(--muted)}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.row.tight{grid-template-columns:1fr auto;align-items:center;gap:8px;margin-bottom:10px}.row3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.form-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.check{cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:.9rem;display:inline-flex}.inline{white-space:nowrap;align-items:center;gap:6px;font-size:.9rem;display:inline-flex}.inline input{width:auto}.filters{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:14px;display:flex}.filters.tight{margin:0}.filters select{width:auto}.search{flex:260px;width:100%;min-width:200px;margin-bottom:0}.filters .search,.row.tight .search{margin:0}input.search{margin-bottom:14px}.filters input.search{margin-bottom:0}.btn{color:var(--text);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ccd4dd;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px 15px;font-weight:600;display:inline-flex}.btn:hover{background:#f3f6f8;text-decoration:none}.btn.primary{background:var(--brand-strong);border-color:var(--brand-strong);color:#fff}.btn.primary:hover{background:var(--brand-dark)}.btn.danger{color:var(--neg);border-color:#efc4c4}.btn.danger:hover{background:#fdf0f0}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.small{padding:5px 10px;font-size:.85rem}.btn.block{width:100%;padding:12px}.btn:disabled{opacity:.55;cursor:not-allowed}.nav .btn.ghost{color:#d8d4d0;border-color:#fff3}.nav .btn.ghost:hover{background:#ffffff14}.icon-btn{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:4px 8px;font-size:1rem}.icon-btn:hover{color:var(--text);background:#eef1f4}.alert{border-radius:9px;margin:10px 0;padding:10px 14px}.alert.error{color:#8f1d1d;background:#fdecec;border:1px solid #f3c2c2}.alert.warn{color:#9a3412;background:#ffedd5;border:1px solid #fbd6a8}.modal-back{z-index:50;background:#0f172080;justify-content:center;align-items:flex-start;padding:5vh 12px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:14px;width:100%;max-width:480px;box-shadow:0 20px 50px #0000004d}.modal.wide{max-width:640px}.modal.extra{max-width:1040px}.modal .lista-scroll{min-height:260px;max-height:58vh;overflow-y:auto}.modal .lista-scroll thead th{z-index:1;background:#fafbfc;position:sticky;top:0}.modal .filters .search{flex:260px;min-width:200px}.modal .table-wrap{max-width:100%;overflow-x:auto}.modal td.actions{white-space:nowrap}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-head h2{margin:0}.modal-body{padding:18px}.venta-grid{grid-template-columns:1fr 340px;align-items:start;gap:16px;display:grid}.resumen{position:sticky;top:16px}.resumen dl{grid-template-columns:1fr auto;align-items:center;gap:6px 10px;margin:0;display:grid}.resumen dt,.resumen dd{margin:0}.resumen dd{text-align:right}.resumen dd input{text-align:right;width:130px}.saldo{margin:12px 0}.resultados{border:1px solid var(--line);border-radius:10px;margin:-4px 0 12px;padding:0;list-style:none;overflow:hidden}.resultados li+li{border-top:1px solid var(--line)}.resultados button{cursor:pointer;text-align:left;background:#fff;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.resultados button:hover:not(:disabled){background:var(--brand-soft)}.resultados button:disabled{opacity:.5;cursor:not-allowed}.cliente-sel{background:var(--brand-soft);border:1px solid color-mix(in srgb, var(--brand) 35%, white);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.doc-nombre{flex-direction:column;line-height:1.1;display:flex}.doc-nombre strong{color:var(--brand-strong);font-size:1.6rem;font-style:italic}.doc-nombre span{letter-spacing:.4em;color:var(--muted);margin-top:4px;font-size:.8rem}.color-fila{align-items:center;gap:8px;display:flex}.color-fila input[type=color]{flex:none;width:52px;height:40px;padding:2px}.muestra{flex-wrap:wrap;align-items:center;gap:10px;min-height:40px;display:flex}.muestra-boton{color:#fff;border-radius:9px;padding:8px 14px;font-weight:600}.muestra-barra{border-radius:6px;width:60px;height:10px}.muestra-suave{border-radius:9px;padding:8px 12px;font-weight:600}.logo-prev{border:1px dashed var(--line);border-radius:10px;align-items:center;gap:16px;margin:4px 0 14px;padding:12px;display:flex}.logo-prev img{max-width:220px;max-height:80px}.lineas input{text-align:right;width:100px;padding:6px 8px}.lineas td:nth-child(2) input{width:70px}.formula{grid-template-columns:34px 1fr 1fr 1fr;align-items:end;gap:0 10px;display:grid}.formula>strong{padding-bottom:20px}.abono{border-top:1px solid var(--line);grid-template-columns:1fr 1fr auto auto;align-items:end;gap:10px;margin-top:14px;padding-top:14px;display:grid}.abono .field{margin:0}.doc-bar{justify-content:space-between;align-items:center;max-width:820px;margin:0 auto 12px;display:flex}.doc{border:1px solid var(--line);max-width:820px;box-shadow:var(--shadow);background:#fff;border-radius:6px;margin:0 auto 30px;padding:34px 40px;font-size:14px;position:relative}.doc-head{border-bottom:3px solid var(--brand);justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;padding-bottom:14px;display:flex}.doc-logo{width:auto;height:84px;display:block}.doc-negocio p{margin:4px 0 0}.doc-title{text-align:right}.doc-title h1{color:var(--brand-dark);text-transform:uppercase;letter-spacing:.03em;font-size:1.25rem}.doc-title p{margin:2px 0 0}.doc-num{font-size:1.15rem;font-weight:700}.doc-cliente{background:#faf7f4;border-radius:6px;flex-wrap:wrap;gap:8px 32px;margin-bottom:18px;padding:10px 14px;display:flex}.doc-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.72rem;display:block}.doc-tabla{margin-bottom:14px}.doc-tabla th{color:var(--text);border-bottom:2px solid var(--charcoal);background:0 0}.doc-tabla td,.doc-tabla th{padding:8px 10px}.doc-bajo{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.doc-pagos{flex:1;font-size:.9rem}.doc-pagos ul{margin:4px 0 12px;padding:0;list-style:none}.doc-pagos li{border-bottom:1px dotted var(--line);justify-content:space-between;gap:12px;padding:3px 0;display:flex}.doc-pagos p{margin:4px 0 0}.doc-totales{grid-template-columns:1fr auto;gap:5px 12px;width:290px;margin:0;display:grid}.doc-totales dt,.doc-totales dd{margin:0}.doc-totales dd{text-align:right}.doc-total{border-top:2px solid var(--charcoal);padding-top:6px;font-size:1.1rem;font-weight:700}.doc-saldo{color:var(--brand-dark);font-weight:700}.doc-foot{border-top:1px solid var(--line);text-align:center;color:var(--muted);margin-top:30px;padding-top:12px;font-size:.8rem}.doc-foot p{margin:2px 0}.doc-seccion{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:18px 0 4px;font-size:.85rem}.doc-tabla .doc-subtotal td{border-top:2px solid var(--charcoal);border-bottom:0;font-weight:700}.doc-neto{border:2px solid var(--charcoal);background:#faf7f4;border-radius:8px;justify-content:space-between;align-items:center;margin:20px 0 6px;padding:12px 16px;font-size:1.05rem;display:flex}.doc-neto strong{font-size:1.5rem}.doc-firmas{text-align:center;grid-template-columns:1fr 1fr;gap:48px;margin-top:64px;display:grid}.doc-firmas>div{flex-direction:column;gap:2px;display:flex}.doc-linea{border-top:1px solid var(--charcoal);margin-bottom:6px}.liq-tabla .liq-total td{border-top:2px solid var(--line);font-weight:700}.liq-tabla .liq-desc td{color:var(--muted)}.liq-adelantos{margin:4px 0 0;padding:0;list-style:none}.liq-adelantos li{border-bottom:1px dotted var(--line);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.doc-anulada{color:#b91c1c33;pointer-events:none;border:8px solid #b91c1c33;border-radius:14px;padding:0 26px;font-size:4.5rem;font-weight:800;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)rotate(-18deg)}.login-wrap{background:linear-gradient(160deg, var(--charcoal) 35%, var(--brand-strong));place-items:center;min-height:100vh;padding:16px;display:grid}.login{text-align:center;width:100%;max-width:400px;padding:24px 28px 28px}.login .field{text-align:left}.login-logo{width:100%;max-width:280px;height:auto;margin-bottom:4px}@media (width<=860px){.app{grid-template-columns:1fr;padding-bottom:66px}.nav{z-index:40;height:auto;padding:6px 6px calc(6px + env(safe-area-inset-bottom));flex-direction:row;justify-content:center;gap:0;position:fixed;inset:auto 0 0;box-shadow:0 -2px 10px #0003}.brand,.nav-foot .muted{display:none}.nav{border-right:0;border-top:3px solid var(--brand)}.nav nav{flex-direction:row;flex:1;justify-content:space-around}.nav-link{text-align:center;flex-direction:column;flex:1;gap:2px;min-width:0;padding:6px 4px;font-size:.68rem}.nav-foot{justify-content:center;margin:0;padding:0}.nav-foot .btn{padding:6px 8px;font-size:.7rem}.main{padding:16px 14px 30px}.venta-grid{grid-template-columns:1fr}.resumen{position:static}.row,.row3{grid-template-columns:1fr}.row.tight{grid-template-columns:1fr auto}.abono{grid-template-columns:1fr 1fr}th,td{padding:8px 10px}h1{font-size:1.3rem}.doc{padding:20px 16px}.doc-head,.doc-bajo{flex-direction:column}.doc-title{text-align:left}.doc-totales{width:100%}}@media print{@page{size:letter;margin:12mm}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.nav,.no-print,.filters,.btn{display:none!important}.print-only{font-size:1.3rem;display:block}.app{padding:0;display:block}body{background:#fff}.main{max-width:none;padding:0}.card{box-shadow:none;border-color:#999}.doc{box-shadow:none;border:0;max-width:none;margin:0;padding:0}}