:root{--tinta: #0f172a;--tinta-suave: #475569;--tenue: #94a3b8;--linea: #e2e8f0;--fondo: #f1f5f9;--papel: #ffffff;--marca: #0d5c63;--marca-clara: #e6f2f2;--marca-oscura: #094145;--alerta: #b91c1c;--alerta-clara: #fef2f2;--aviso: #b45309;--aviso-clara: #fffbeb;--bien: #15803d;--bien-clara: #f0fdf4;--radio: 10px;--sombra: 0 1px 2px rgba(15, 23, 42, .06), 0 4px 12px rgba(15, 23, 42, .05);--fuente: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--fuente);background:var(--fondo);color:var(--tinta);font-size:15px;line-height:1.5}h1,h2,h3{margin:0 0 .5rem;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0 0 .75rem}.app{min-height:100vh;display:flex;flex-direction:column}.banner-staging{background:#ea580c;color:#fff;text-align:center;padding:.4rem 1rem;font-weight:600;font-size:.85rem;letter-spacing:.02em}.barra{background:var(--marca);color:#fff;display:flex;align-items:center;gap:1.25rem;padding:.6rem 1.25rem;flex-wrap:wrap}.marca{font-weight:700;font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase}.menu{display:flex;gap:.25rem;flex-wrap:wrap;flex:1}.menu a{color:#ffffffd1;text-decoration:none;padding:.35rem .7rem;border-radius:6px;font-size:.92rem}.menu a:hover{background:#ffffff1f;color:#fff}.menu a.router-link-active{background:#fff3;color:#fff;font-weight:600}.sesion{display:flex;align-items:center;gap:.75rem;font-size:.85rem}.sesion .rol{opacity:.75}main{flex:1;padding:1.5rem;max-width:1280px;width:100%;margin:0 auto}.encabezado{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.tarjeta{background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);padding:1.15rem}.rejilla{display:grid;gap:1rem}.rejilla.dos{grid-template-columns:1fr 1fr}.rejilla.pos{grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr)}.rejilla.metricas{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@media(max-width:900px){.rejilla.dos,.rejilla.pos{grid-template-columns:1fr}}.metrica .etiqueta{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--tinta-suave)}.metrica .valor{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums}.metrica .pie{font-size:.8rem;color:var(--tenue)}label{display:block;font-size:.82rem;font-weight:600;color:var(--tinta-suave);margin-bottom:.25rem}input,select,textarea{width:100%;padding:.5rem .65rem;border:1px solid var(--linea);border-radius:8px;font:inherit;background:var(--papel);color:var(--tinta)}input:focus,select:focus,textarea:focus{outline:2px solid var(--marca);outline-offset:-1px;border-color:var(--marca)}input[type=checkbox]{width:auto}.campo{margin-bottom:.85rem}.campos{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.linea-check{display:flex;align-items:center;gap:.5rem}.linea-check label{margin:0}button{font:inherit;font-weight:600;padding:.5rem .95rem;border-radius:8px;border:1px solid transparent;background:var(--marca);color:#fff;cursor:pointer}button:hover:not(:disabled){background:var(--marca-oscura)}button:disabled{opacity:.5;cursor:not-allowed}button.secundario{background:var(--papel);color:var(--tinta);border-color:var(--linea)}button.secundario:hover:not(:disabled){background:var(--fondo)}button.peligro{background:var(--alerta)}button.peligro:hover:not(:disabled){background:#991b1b}button.menudo{padding:.25rem .55rem;font-size:.82rem}.acciones{display:flex;gap:.5rem;flex-wrap:wrap}.tabla-envoltorio{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid var(--linea)}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--tinta-suave);white-space:nowrap}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tbody tr:hover{background:var(--fondo)}.sku{font-family:var(--mono);font-size:.82rem;color:var(--tinta-suave)}.aviso{padding:.6rem .8rem;border-radius:8px;font-size:.9rem;margin-bottom:.85rem;border:1px solid}.aviso.error{background:var(--alerta-clara);border-color:#fecaca;color:var(--alerta)}.aviso.ok{background:var(--bien-clara);border-color:#bbf7d0;color:var(--bien)}.aviso.atencion{background:var(--aviso-clara);border-color:#fde68a;color:var(--aviso)}.etiqueta-estado{display:inline-block;padding:.1rem .45rem;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.etiqueta-estado.si{background:var(--bien-clara);color:var(--bien)}.etiqueta-estado.no{background:var(--fondo);color:var(--tinta-suave)}.etiqueta-estado.alerta{background:var(--alerta-clara);color:var(--alerta)}.etiqueta-estado.atencion{background:var(--aviso-clara);color:var(--aviso)}.vacio{text-align:center;color:var(--tenue);padding:2rem 1rem}.portada{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:linear-gradient(160deg,var(--marca-oscura),#0f172a)}.portada .tarjeta{width:min(400px,100%)}.portada .marca-grande{font-size:1.8rem;font-weight:800;letter-spacing:.14em;text-align:center;color:var(--marca);margin-bottom:.2rem}.portada .lema{text-align:center;color:var(--tinta-suave);font-size:.88rem;margin-bottom:1.25rem}.velo{position:fixed;inset:0;background:#0f172a80;display:grid;place-items:center;padding:1.5rem;z-index:50}.modal{background:var(--papel);border-radius:var(--radio);padding:1.25rem;width:min(560px,100%);max-height:90vh;overflow-y:auto}.buscador{margin-bottom:.85rem}.lista-productos{max-height:60vh;overflow-y:auto}.carrito-total{display:flex;justify-content:space-between;padding:.3rem 0;font-size:.9rem}.carrito-total.grande{font-size:1.25rem;font-weight:700;border-top:2px solid var(--tinta);margin-top:.5rem;padding-top:.5rem}.carrito-total .local{color:var(--tinta-suave);font-size:.85rem}.cantidad{width:72px;text-align:right}.precio{font-variant-numeric:tabular-nums}.pie-pagina{text-align:center;color:var(--tenue);font-size:.78rem;padding:1rem}