:root{--bg:#f6f5f2;--card:#fff;--tx:#1d2330;--mut:#6b7280;--pri:#1f3a5f;--err:#b42318;--bd:#e3e1dc;color:var(--tx);font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#14171c;--card:#1d2128;--tx:#e7e9ee;--mut:#9aa1ad;--pri:#7fa6d8;--err:#f97066;--bd:#2c313a}}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,input,select{font:inherit;border:1px solid var(--bd);background:var(--card);color:var(--tx);border-radius:8px;padding:.6rem .8rem}button{cursor:pointer}button:disabled{opacity:.5}.primario{background:var(--pri);color:#fff;border-color:var(--pri)}.error{color:var(--err)}.login{gap:1rem;max-width:360px;margin:10vh auto;padding:0 16px;display:grid}.login h1{text-align:center;color:var(--pri);margin:0}.login form{gap:.8rem;display:grid}.login label{color:var(--mut);gap:.3rem;font-size:.9rem;display:grid}.tabs{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.tabs .on{border-color:var(--pri);color:var(--pri);font-weight:600}.puntos{text-align:center;letter-spacing:.5rem;min-height:3rem;font-size:2rem}.teclado{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.teclado button{padding:1rem 0;font-size:1.5rem}header{background:var(--card);border-bottom:1px solid var(--bd);align-items:center;gap:1rem;padding:.8rem 16px;display:flex}header span{color:var(--mut);margin-left:auto;font-size:.9rem}main{max-width:900px;margin:0 auto;padding:16px}table{border-collapse:collapse;background:var(--card);width:100%}td,th{border-bottom:1px solid var(--bd);text-align:left;padding:.5rem;font-size:.9rem}td small{color:var(--mut);display:block}.inactivo{opacity:.5}.acciones{flex-wrap:wrap;gap:.3rem;display:flex}.acciones button{padding:.3rem .5rem;font-size:.8rem}.alta{gap:.6rem;max-width:400px;margin-top:1.5rem;display:grid}.msg{color:var(--mut)}header .hamburguesa{padding:.3rem .6rem;display:none}.layout{min-height:calc(100vh - 60px);display:flex}nav{border-right:1px solid var(--bd);background:var(--card);flex-direction:column;flex-shrink:0;gap:2px;width:190px;padding:12px 8px;display:flex}nav button{text-align:left;background:0 0;border:0;padding:.55rem .8rem}nav button.on{background:var(--bg);color:var(--pri);font-weight:600}.layout main{flex:1;min-width:0;max-width:1100px}@media (width<=800px){header .hamburguesa{display:inline-block}nav{z-index:10;display:none;position:fixed;top:58px;bottom:0;left:0;box-shadow:2px 0 12px #0003}nav.abierto{display:flex}}h2{margin:.2rem 0 1rem}h3{margin:1.2rem 0 .6rem;font-size:1.05rem}h4{margin:.8rem 0 .4rem;font-size:.95rem}.titulo{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.titulo h2{margin:0}.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;margin:12px 0;padding:14px 16px}.card h3{margin-top:0}.form{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.7rem 1rem;display:grid}.form label{color:var(--mut);gap:.25rem;font-size:.85rem;display:grid}.form label.ancho,.form .ancho,.form h3,.form .botones{grid-column:1/-1}label.check{color:var(--tx);align-items:center;gap:.5rem;font-size:.9rem;display:flex}textarea{font:inherit;border:1px solid var(--bd);background:var(--card);color:var(--tx);border-radius:8px;padding:.6rem .8rem}.botones{flex-wrap:wrap;gap:.5rem;display:flex}.filtros,.fila{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.8rem 0;display:flex}.filtros input:not([type=checkbox]){flex:1;min-width:140px}.fila .corto,.items .corto{width:110px}.items{gap:.2rem;display:grid}.items .fila{margin:.2rem 0}.tabla{border:1px solid var(--bd);border-radius:10px;overflow-x:auto}.tabla table{border:0}th{color:var(--mut);font-size:.8rem;font-weight:600}tr.clic,td.clic{cursor:pointer}tr.clic:hover,td.clic:hover{background:var(--bg)}.matriz td,.matriz th{text-align:center;padding:.4rem .3rem}.matriz td:first-child,.matriz th:first-child{text-align:left;white-space:nowrap}.cero{color:var(--mut)}.vacio{color:var(--mut);text-align:center;padding:1.2rem}.sub{border-top:1px solid var(--bd);margin-top:1rem;padding-top:.5rem}.tarjetas{gap:.2rem;display:grid}.pedido .cab{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.pedido .cab small{color:var(--mut);display:block}.pedido progress{vertical-align:middle;width:calc(100% - 110px)}.estado{background:var(--bg);white-space:nowrap;border-radius:99px;padding:.2rem .55rem;font-size:.75rem}.estado.pendiente{color:#93370d;background:#fef0c7}.estado.en_produccion{color:#1849a9;background:#d1e9ff}.estado.listo{color:#05603a;background:#d1fadf}.estado.cancelado{opacity:.6}.item-op{border-top:1px solid var(--bd);gap:.5rem;padding:.7rem 0;display:grid}.item-op small{color:var(--mut);display:block}.item-op.hecho{opacity:.55}.op-botones{flex-wrap:wrap;gap:.4rem;display:flex}.op-botones button,.op-botones input{padding:.7rem .9rem;font-size:1.15rem}.op-botones input{text-align:center;width:80px}.produccion .card.listo{opacity:.7}button.link{color:var(--pri);text-align:left;background:0 0;border:0;padding:0;font-size:.85rem}.modal{z-index:20;background:#0008;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal .card{width:min(620px,100%);max-height:90vh;overflow:auto}.kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem;display:grid}.kpi{text-align:left;border-radius:12px;gap:.3rem;padding:1rem;display:grid}.kpi small{color:var(--mut)}.kpi strong{font-size:1.6rem}.accesos{flex-wrap:wrap;gap:.6rem;margin-top:1.2rem;display:flex}.grande{font-size:1.2rem}@media (width<=600px){.movil-no{display:none}main{padding:12px}}