:root{--bg: #f6f7f5;--card: #fff;--ink: #1c2421;--mute: #5f6b66;--line: #e2e6e3;--brand: #0f766e;--brand-ink: #fff;--ok: #15803d;--wait: #b45309;--bad: #b91c1c;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink)}@media(prefers-color-scheme:dark){:root{--bg: #111614;--card: #1a201e;--ink: #e8ece9;--mute: #9aa6a1;--line: #2b3330}}*{box-sizing:border-box}body{margin:0;background:var(--bg)}input,select,button{font:inherit}input,select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink)}button{padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand);font-weight:600}button.link{border:0;background:none;color:var(--brand);padding:6px}label{display:grid;gap:4px;font-size:14px;color:var(--mute);flex:1}.center{min-height:100dvh;display:grid;place-items:center;padding:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}.login{width:min(420px,100%);display:grid;gap:12px}.brand{font-size:22px;font-weight:700;color:var(--brand)}.hint{color:var(--mute);font-size:14px;margin:0}.err{color:var(--bad);margin:0}.row{display:flex;gap:8px;align-items:end}.between{justify-content:space-between;align-items:center}.biz{display:flex;justify-content:space-between;text-align:left}.biz span{color:var(--mute)}.top{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0}.sync{font-size:13px;padding:4px 10px;border-radius:99px}.sync.ok{color:var(--ok)}.sync.wait{color:var(--wait)}.sync.bad{color:var(--bad)}.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;padding:16px}@media(max-width:760px){.grid{grid-template-columns:1fr}}.prods{list-style:none;padding:0;margin:12px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.prods button{width:100%;display:grid;gap:4px;text-align:left;min-height:84px}.prods small{color:var(--mute)}.prods small.low{color:var(--wait)}.prods small.neg{color:var(--bad);font-weight:600}.total{font-size:24px;font-weight:700;margin:12px 0;text-align:right}.card>button+button,.card .row+button{margin-top:8px}.toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:12px;z-index:9}.banner{background:#fef3c7;color:#78350f;padding:8px 16px;text-align:center}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:grid;place-items:center;padding:16px}.sheet{width:min(520px,100%);display:grid;gap:10px}.tabs{display:flex;gap:4px}.tabs button,.seg button{border:0;background:transparent;padding:8px 12px;border-radius:8px;color:var(--mute)}.tabs button.on,.seg button.on{background:var(--brand);color:var(--brand-ink)}.seg{display:flex;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:4px;margin:8px 0}.seg button{flex:1}.cliente{display:grid;gap:8px;margin-bottom:8px}.total small{font-size:14px;font-weight:400;color:var(--mute)}.pad{padding:16px}.wide{max-width:1100px;margin:0 auto;display:grid;gap:12px}.form{max-width:720px}.form h4{margin:8px 0 0}.check{display:flex;flex-direction:row;gap:8px;align-items:center;color:var(--ink)}.check input{width:auto}.ok{color:var(--ok);margin:0}.warn{color:var(--wait)}.tabla{width:100%;border-collapse:collapse;font-size:15px}.tabla th,.tabla td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}.tabla th{color:var(--mute);font-weight:600;font-size:13px}.tabla .num{text-align:right;white-space:nowrap}.tabla small{color:var(--mute)}.acciones{white-space:nowrap}.acciones a{color:var(--brand);margin-right:8px}.pill{display:inline-block;padding:2px 8px;border-radius:99px;font-size:13px;background:var(--bg);border:1px solid var(--line)}.pill.aceptado{color:var(--ok);border-color:currentColor}.pill.pendiente,.pill.enviado{color:var(--wait);border-color:currentColor}.pill.rechazado,.pill.error{color:var(--bad);border-color:currentColor}@media(max-width:760px){.top{flex-wrap:wrap}.tabla{font-size:13px}}.row.wrap{flex-wrap:wrap}@media(max-width:760px){.tabla thead{display:none}.tabla tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--line)}.tabla td{border:0;padding:0}.tabla td[data-l=Comprobante]{grid-column:1}.tabla td[data-l=Total]{grid-column:2;grid-row:1}.tabla td[data-l=Cliente],.tabla td[data-l=SUNAT],.tabla td.acciones{grid-column:1 / -1}.pill{white-space:nowrap}}.ticket-wrap{display:flex;gap:16px;align-items:flex-start;max-height:92dvh;flex-wrap:wrap;justify-content:center}.ticket{width:300px;max-height:88dvh;overflow:auto;background:#fff;color:#000;padding:14px 12px;border-radius:4px;font:12px/1.35 Courier New,monospace;box-shadow:0 6px 24px #0004}.ticket p{margin:0;overflow-wrap:anywhere}.ticket hr{border:0;border-top:1px dashed #000;margin:6px 0}.t-c{text-align:center}.t-b{font-weight:700}.t-big{font-size:15px}.t-row{display:flex;justify-content:space-between;gap:8px}.t-qr{width:130px;height:130px;margin:6px auto;display:block;image-rendering:pixelated}.ticket-actions{display:grid;gap:8px;width:240px;background:var(--card);padding:16px;border-radius:12px}.btn{display:block;text-align:center;padding:10px 14px;border-radius:10px;border:1px solid var(--line);color:var(--ink);text-decoration:none}@media print{@page{size:58mm auto;margin:0}body *{visibility:hidden!important}.print-area,.print-area *{visibility:visible!important}.print-area{position:absolute;left:0;top:0;width:58mm;max-height:none;overflow:visible;box-shadow:none;padding:2mm;font-size:9pt;border-radius:0}.t-qr{width:30mm;height:30mm}}.icono{padding:8px 12px;font-size:20px;line-height:1}.pfoto{width:100%;height:72px;object-fit:contain}.sug{display:flex;gap:12px;align-items:center;border:1px solid var(--brand);border-radius:12px;padding:10px}.sug img{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:8px}.sug div{flex:1}.sug p{margin:2px 0 0}.sug small{color:var(--mute)}.escaner{width:min(560px,100%)}.visor{position:relative;background:#000;border-radius:12px;overflow:hidden;aspect-ratio:4 / 3}.visor video{width:100%;height:100%;object-fit:cover}.mira{position:absolute;left:12%;right:12%;top:35%;bottom:35%;border:3px solid #22c55e;border-radius:10px;box-shadow:0 0 0 999px #0005}