:root{--bg:#0f1115;--bg-2:#171a21;--panel:#1e222b;--panel-2:#252a35;--borde:#313745;--texto:#e7eaf0;--texto-2:#9aa3b2;--acento:#ff7a1a;--acento-2:#ffa04d;--ok:#2ecc71;--alerta:#ff4d4f;--azul:#3d8bfd;--radio:12px;--sombra:0 6px 20px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(1200px 600px at 20% -10%, #1b2130 0%, var(--bg) 55%);color:var(--texto);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--acento-2)}button{font:inherit;cursor:pointer;background:var(--panel-2);color:var(--texto);border:none;border-radius:10px;padding:10px 14px;transition:transform 50ms,background .15s,opacity .15s}button:hover{background:#2c3240}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}.btn-acento{background:var(--acento);color:#1a1204;font-weight:700}.btn-acento:hover{background:var(--acento-2)}.btn-ok{background:var(--ok);color:#05230f;font-weight:700}.btn-alerta{border:1px solid var(--alerta);color:#ff9b9c;background:0 0}.btn-ghost{border:1px solid var(--borde);background:0 0}input,select,textarea{font:inherit;border:1px solid var(--borde);background:var(--bg-2);width:100%;color:var(--texto);border-radius:10px;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:var(--acento);outline:none}label{color:var(--texto-2);margin-bottom:6px;font-size:13px;display:block}.campo{margin-bottom:14px}.app-header{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--borde);background:#0f1115e6;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.logo{letter-spacing:.5px;font-size:18px;font-weight:800}.logo span{color:var(--acento)}.header-sp{flex:1}.chip{color:var(--texto-2);border:1px solid var(--borde);border-radius:999px;padding:4px 10px;font-size:12px}.chip-demo{color:var(--acento-2);border-color:var(--acento)}.contenido{max-width:1400px;margin:0 auto;padding:16px}.login-wrap{place-items:center;min-height:100dvh;padding:20px;display:grid}.login-card{background:var(--panel);border:1px solid var(--borde);width:100%;max-width:380px;box-shadow:var(--sombra);border-radius:16px;padding:28px}.login-card h1{margin:0 0 4px;font-size:26px}.login-card h1 span{color:var(--acento)}.login-sub{color:var(--texto-2);margin:0 0 22px;font-size:14px}.error-box{border:1px solid var(--alerta);color:#ffb3b4;background:#ff4d4f1f;border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:14px}.demo-hint{color:var(--texto-2);margin-top:18px;font-size:12px;line-height:1.5}.tarjetas-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.tarjeta{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);flex-direction:column;display:flex;overflow:hidden}.tarjeta-head{background:var(--panel-2);border-bottom:1px solid var(--borde);align-items:center;gap:10px;padding:12px 14px;display:flex}.tarjeta-emoji{font-size:20px}.tarjeta-titulo{font-weight:700}.tarjeta-count{text-align:center;background:var(--acento);color:#1a1204;border-radius:999px;min-width:26px;margin-left:auto;padding:2px 8px;font-size:13px;font-weight:800}.tarjeta-body{flex-direction:column;gap:8px;max-height:420px;padding:10px;display:flex;overflow-y:auto}.cola-vacia{color:var(--texto-2);text-align:center;padding:18px 0;font-size:13px}.tabs-pg{gap:6px;margin:4px 0 12px;display:flex}.tab-pg{border:1px solid var(--borde);background:var(--panel);color:var(--texto-2);border-radius:10px 10px 0 0;padding:8px 16px;font-weight:700}.tab-pg.activa{background:var(--acento);border-color:var(--acento);color:#101216}.pg-cliente{border:1px solid var(--borde);border-radius:10px;margin-bottom:10px;overflow:hidden}.pg-cliente-tit{background:var(--panel);text-align:left;width:100%;color:var(--texto);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:15px;font-weight:800;display:flex}.pg-cliente-tit:hover{background:var(--panel-2)}.pg-cliente-cont{padding:6px 12px 12px}.pg-grupo{margin-top:8px}.pg-grupo-tit{color:var(--acento-2);align-items:center;gap:8px;margin:8px 0 6px;font-weight:700;display:flex}.pg-ote{border-left:2px solid var(--borde);margin:6px 0 6px 4px;padding-left:10px}.pg-ote-tit{background:var(--bg-2);border:1px solid var(--borde);width:100%;color:var(--acento);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;padding:6px 8px;font-size:13px;font-weight:700;display:flex}.pg-ote-tit:hover{border-color:var(--acento)}.pg-prod{border-bottom:1px solid var(--borde);grid-template-columns:minmax(90px,auto) 1fr auto auto;align-items:center;gap:10px;padding:4px 0;display:grid}.pg-prod:last-child{border-bottom:0}.pg-serie{color:var(--acento-2);font-family:ui-monospace,monospace;font-size:13px}.pg-desc{color:var(--texto);font-size:13px}.pg-puesto{color:var(--texto-2);white-space:nowrap;font-size:12.5px}@media (width<=560px){.pg-prod{grid-template-columns:1fr auto}.pg-serie,.pg-puesto{grid-column:1/-1}}.maquina-barra{border:1px solid var(--borde);background:var(--bg-2);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;display:flex}.maquina-tit{color:var(--acento-2);font-weight:700}.maquina-acciones{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.slots-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:14px;display:grid}.slot{border:1px solid var(--borde);background:var(--panel);border-radius:12px;padding:8px}.slot-nro{color:var(--texto-2);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:11px;font-weight:700}.slot-libre{opacity:.7;border-style:dashed;flex-direction:column;display:flex}.slot-libre-txt{color:var(--texto-2);text-align:center;padding:22px 0;font-size:13px}.slot-cargar{align-self:center;margin:16px auto}.grupo-puestos{margin-bottom:22px}.grupo-puestos-tit{border-bottom:1px solid var(--borde);color:var(--acento);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:10px;margin:4px 0 10px;padding-bottom:6px;font-size:15px;font-weight:800;display:flex}.grupo-badge{color:var(--texto-2);text-transform:none;letter-spacing:0;font-size:12px;font-weight:700}.puestos-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.puesto-card{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);cursor:pointer;text-align:center;color:var(--texto);flex-direction:column;align-items:center;gap:6px;padding:22px 16px;display:flex}.puesto-card:hover{background:var(--panel-2);border-color:var(--acento)}.puesto-card.con-cola{border-color:var(--acento);box-shadow:0 0 0 1px var(--acento) inset}.puesto-emoji{font-size:34px;line-height:1}.puesto-label{font-size:15px;font-weight:700}.puesto-count{color:var(--acento);font-size:40px;font-weight:800;line-height:1}.puesto-card:not(.con-cola) .puesto-count{color:var(--texto-2)}.puesto-hint{color:var(--texto-2);font-size:12px}.cola-detalle{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.acordeon-cli{margin-bottom:10px}.acordeon-cli-tit{background:var(--panel);border:1px solid var(--borde);text-align:left;width:100%;color:var(--texto);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:16px;font-weight:800;display:flex}.acordeon-cli-tit:hover{background:var(--panel-2);border-color:var(--acento)}.acordeon-ote{margin:8px 0 8px 14px}.acordeon-ote-barra{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.acordeon-ote-tit{background:var(--bg-2);border:1px solid var(--borde);min-width:180px;color:var(--acento-2);text-align:left;border-radius:8px;flex:1;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-weight:700;display:flex}.acordeon-ote-tit:hover{border-color:var(--acento)}.ote-acciones{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ote-acciones button{white-space:nowrap}.acordeon-badge{color:var(--texto-2);font-size:12px;font-weight:600}.item{background:var(--bg-2);border:1px solid var(--borde);border-radius:10px;padding:10px}.item.urgente{border-color:var(--acento);box-shadow:0 0 0 1px var(--acento) inset}.item-top{align-items:center;gap:8px;display:flex}.item-ote{color:var(--acento-2);font-weight:800}.item-fam{color:var(--texto-2);border:1px solid var(--borde);border-radius:6px;padding:1px 6px;font-size:11px}.item-cliente{color:var(--texto);margin-top:2px;font-size:13px}.item-desc{color:var(--texto-2);margin-top:2px;font-size:13px}.item-acciones{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.item-acciones button{padding:7px 10px;font-size:13px}.badge-cotiza{color:#ffd08a;border:1px solid #7a5a12;border-radius:6px;padding:1px 6px;font-size:11px}.icono-urgente{margin-left:auto;font-size:14px}.tabla-wrap{border:1px solid var(--borde);border-radius:var(--radio);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--borde);white-space:nowrap;padding:10px 12px}th{background:var(--panel-2);color:var(--texto-2);font-weight:600;position:sticky;top:0}tr:hover td{background:var(--bg-2)}.seccion-titulo{margin:4px 0 16px;font-size:20px}.barra-acciones{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.kpis{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.kpi{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);min-width:120px;padding:14px 18px}.kpi b{font-size:28px;display:block}.kpi span{color:var(--texto-2);font-size:13px}.modal-fondo{z-index:50;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--borde);width:100%;max-width:460px;box-shadow:var(--sombra);border-radius:16px;padding:22px}.modal h2{margin:0 0 16px;font-size:20px}.modal-acciones{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.mensaje-exito{border:1px solid var(--ok);color:#a7f3c6;background:#2ecc711f;border-radius:10px;margin-bottom:14px;padding:10px 12px}.centro{min-height:60dvh;color:var(--texto-2);place-items:center;display:grid}.perm-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;display:grid}fieldset{min-width:0}fieldset:disabled input{cursor:not-allowed}.chk-inline{color:var(--texto-2);align-items:center;gap:8px;margin:0;display:flex}.chk-inline input{width:auto}.dos-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.item-ote-fila{grid-template-columns:1.2fr 2fr auto auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}.fila-prod-ote{grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:center;gap:10px;margin-bottom:8px;display:grid}.input-cant{width:64px}.card-prod-ote{border:1px solid var(--borde);background:var(--bg-2);border-radius:12px;margin-bottom:12px;padding:12px}.card-prod-top{align-items:center;gap:10px;margin-bottom:10px;display:flex}.card-prod-fila{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:8px;display:flex}.card-prod-series{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:12.5px;display:flex}.card-prod-series .k{color:var(--texto-2)}.serie-chip{background:color-mix(in srgb, var(--acento) 14%, transparent);border:1px solid var(--acento);color:var(--texto);border-radius:999px;padding:2px 8px;font-family:ui-monospace,monospace;font-size:12px}.pend-agregar{border:1px dashed var(--acento);background:color-mix(in srgb, var(--acento) 7%, transparent);border-radius:12px;padding:12px}.buscador{position:relative}.buscador-lista{z-index:30;background:var(--panel);border:1px solid var(--borde);box-shadow:var(--sombra);border-radius:10px;max-height:300px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.buscador-item{border:none;border-bottom:1px solid var(--borde);background:0 0;border-radius:0;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.buscador-item:hover{background:var(--bg-2)}.buscador-thumb{object-fit:cover;border:1px solid var(--borde);border-radius:8px;flex:none;width:40px;height:40px}.buscador-sel{border:1px solid var(--borde);background:var(--bg-2);border-radius:10px;align-items:center;gap:10px;padding:6px 8px;display:flex}.buscador-hint{color:var(--texto-2);background:var(--panel);border:1px solid var(--borde);z-index:30;border-radius:8px;margin-top:4px;padding:6px 8px;font-size:12px;position:absolute;top:100%;left:0}.item-ote-fila .chk-inline{justify-content:center}.badge-espera{color:#ffcf9e;border:1px solid #7a4a12;border-radius:6px;padding:1px 6px;font-size:11px}.aviso-espera{color:#ffcf9e;background:#ff7a1a1a;border:1px solid #7a4a12;border-radius:8px;padding:6px 8px;font-size:12.5px}.aviso-turno{color:var(--texto-2);font-size:12.5px}.turno-actual{border:1px solid var(--acento);border-radius:var(--radio);background:#ff7a1a12;margin-bottom:18px;padding:12px}.turno-actual-tit{color:var(--acento);margin-bottom:10px;font-size:15px;font-weight:800}.en-espera-tit{color:var(--texto-2);margin:4px 0 10px;font-size:14px;font-weight:700}.item.bloqueado{opacity:.5}.item.bloqueado .item-acciones{margin-top:8px}.rep-item{border:1px solid var(--borde);background:var(--bg-2);border-radius:10px;margin-bottom:10px;padding:8px}.rep-buscar{align-items:center;gap:8px;margin-bottom:6px;display:flex}.rep-buscar .buscador{flex:1}.rep-o{color:var(--texto-2);white-space:nowrap;font-size:11px}.rep-fila{grid-template-columns:1fr 2fr auto auto;gap:8px;margin-bottom:0;display:grid}.rep-fila2{grid-template-columns:1fr 2fr 70px 110px auto;gap:8px;margin-bottom:6px;display:grid}.rep-extra{color:var(--texto-2);flex-wrap:wrap;align-items:center;gap:12px;font-size:12.5px;display:flex}.rep-asociar{border-top:1px dashed var(--borde);flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;padding:8px;font-size:12.5px;display:flex}.rep-asociar select{flex:1;min-width:140px}.cot-total{border:1px solid var(--acento);background:color-mix(in srgb, var(--acento) 10%, transparent);color:var(--texto-2);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;padding:10px 12px;font-size:13px;display:flex}.cot-total-monto{color:var(--texto);font-size:17px}.cot-total-monto b{color:var(--acento)}.mini-info{color:var(--texto-2);align-self:center;font-size:12.5px}.chip-ok{color:var(--ok);border-color:var(--ok)}.chip-alerta{color:#ff9b9c;border-color:var(--alerta)}textarea{resize:vertical}@media (width<=520px){.rep-fila{grid-template-columns:1fr 1fr auto auto}.rep-fila2{grid-template-columns:1fr 1fr auto}}.foto-thumb{object-fit:cover;border:1px solid var(--borde);border-radius:8px;width:44px;height:44px;display:block}.foto-vacia{color:var(--texto-2);background:var(--bg-2);place-items:center;font-size:12px;display:grid}.foto-preview{object-fit:cover;border:1px solid var(--borde);border-radius:10px;width:90px;height:90px}.codigo-preview{color:var(--acento-2);background:var(--bg-2);border:1px solid var(--borde);word-break:break-all;border-radius:10px;padding:11px 12px;font-family:ui-monospace,monospace;font-weight:700}.cod-prov-fila{grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:8px;display:grid}.proveedor-card{border:1px solid var(--borde);background:var(--bg-2);border-radius:10px;margin-bottom:8px;padding:10px}.prov-top{grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:8px;display:grid}.prov-bottom{grid-template-columns:auto auto 1fr;align-items:center;gap:12px;display:grid}.prov-campo{color:var(--texto-2);flex-direction:column;gap:4px;margin:0;font-size:12px;display:flex}.prov-campo input{width:110px}.prov-queda{text-align:right;color:var(--texto)}.prov-queda b{color:var(--ok)}.badge-stock-bajo{color:#ff9b9c;border:1px solid var(--alerta);white-space:nowrap;border-radius:6px;padding:1px 8px;font-weight:700}.fila-detalle>td{background:var(--bg-2);padding:10px 14px}.tabla-prov{border-collapse:collapse;border:1px solid var(--borde);border-radius:8px;width:100%;overflow:hidden}.tabla-prov th,.tabla-prov td{border-bottom:1px solid var(--borde);white-space:nowrap;padding:7px 10px}.tabla-prov th{background:var(--panel-2);color:var(--texto-2);font-weight:600;position:static}.tabla-prov tr:hover td{background:0 0}.prov-activa td{background:#ff7a1a1f!important}.fam-fila{grid-template-columns:1fr 90px 1.2fr auto;align-items:center;gap:8px;display:grid}@media (width<=520px){.dos-col{grid-template-columns:1fr}.item-ote-fila,.fam-fila{grid-template-columns:1fr 1fr}.cod-prov-fila{grid-template-columns:1fr 1fr auto}.contenido{padding:12px}.tarjetas-grid{grid-template-columns:1fr}.logo{font-size:16px}}.dias-visita{flex-wrap:wrap;gap:6px;display:flex}.dia-chip{border:1px solid var(--borde);background:var(--bg-2);color:var(--texto-2);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.dia-chip.activo{background:var(--acento);border-color:var(--acento);color:#1a1206}.rec-visita{border:1px solid var(--borde);background:var(--panel);border-radius:10px;padding:10px 12px}.rec-visita.visitado{border-color:var(--acento-2)}.rec-visita-top{align-items:center;gap:10px;display:flex}.rec-detalle{gap:8px;margin-top:10px;display:grid}.rec-retiros{flex-wrap:wrap;gap:10px;display:flex}.rec-fam{color:var(--texto-2);flex-direction:column;gap:2px;font-size:12px;display:flex}.rec-fam input{width:90px}.rec-detalle textarea{resize:vertical;width:100%}.viatico-form{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.viatico-form .campo{margin:0}.viatico-form input,.viatico-form select{width:130px}.viatico-form .campo:nth-child(5) input{width:100%}table tfoot td{border-top:2px solid var(--borde)}@media (width<=640px){.viatico-form input,.viatico-form select,.rec-fam input{width:100%}}.acordeon-buscar{align-items:center;gap:8px;margin-bottom:10px;display:flex}.acordeon-buscar input{flex:1;min-width:0}