:root{--verde: #007444;--verde-oscuro: #005834;--verde-claro: #e6f2ec;--naranja: #f97316;--naranja-oscuro: #ea580c;--tinta: #1f2a24;--suave: #5f6b64;--fondo: #f4f4f4;--panel: #ffffff;--linea: #e2e6e3;--rojo: #b91c1c}*{box-sizing:border-box}body{margin:0;font:15px/1.45 Assistant,system-ui,-apple-system,sans-serif;color:var(--tinta);background:var(--fondo)}h2{font-size:20px;font-weight:800;color:var(--verde-oscuro);margin:24px 0 10px}main>div>h2:first-child,.encabezado h2{margin:0}a{color:var(--verde)}button{font:inherit;cursor:pointer;border:0}button:disabled{opacity:.5;cursor:default}.barra button,.formulario button,button.primario{background:var(--naranja);color:#fff;font-weight:700;border-radius:999px;padding:8px 20px}.barra button:hover:not(:disabled),.formulario button:hover,button.primario:hover{background:var(--naranja-oscuro)}button.sec{background:#fff;border:1px solid var(--linea);border-radius:999px;padding:5px 12px;font-weight:600;margin-right:6px;color:var(--tinta)}button.sec:hover{border-color:var(--verde);color:var(--verde)}.app{display:flex;min-height:100vh}.lateral{position:sticky;top:0;height:100vh;width:228px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--linea);display:flex;flex-direction:column}.lateral .marca{padding:18px 20px 10px;border-bottom:1px solid var(--linea);text-align:center}.lateral .marca img{height:92px}.lateral nav{display:flex;flex-direction:column;gap:2px;padding:12px 10px;flex:1;overflow-y:auto}.lateral nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--verde-oscuro);text-decoration:none;font-weight:600}.lateral nav a:hover{background:var(--verde-claro)}.lateral nav a.activo{background:var(--verde);color:#fff}.lateral .pie{padding:14px 20px;border-top:1px solid var(--linea);font-size:13px}.lateral .quien{font-weight:700}.lateral .rol{color:var(--suave);margin-bottom:8px}.lateral .salir{display:inline-flex;align-items:center;gap:6px;background:none;color:var(--verde);font-weight:700;padding:0}.plegar{position:absolute;top:18px;right:-12px;z-index:30;width:24px;height:24px;border-radius:50%;border:1px solid var(--linea);background:var(--panel);color:var(--suave);font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}.plegar:hover{border-color:var(--verde);color:var(--verde)}.app.menu-plegado .lateral{width:0;border-right:0}.app.menu-plegado .lateral>*:not(.plegar){display:none}.app.menu-plegado .plegar{right:-14px}.contenido{flex:1;min-width:0}.barra-sup{display:flex;align-items:center;gap:12px;padding:12px 24px;background:var(--panel);border-bottom:3px solid var(--verde)}.titulo-pantalla{font-weight:800;color:var(--verde-oscuro)}.abrir-menu{display:none;background:none;color:var(--verde-oscuro);padding:2px}.app.menu-plegado .abrir-menu{display:inline-flex}main{padding:20px 24px 40px}.velo{display:none}@media(max-width:800px){.lateral{position:fixed;left:0;z-index:20;transform:translate(-100%);transition:transform .2s;width:228px}.app.menu-plegado .lateral{width:228px}.app.menu-plegado .lateral>*:not(.plegar){display:flex}.app.menu-plegado .lateral .marca,.app.menu-plegado .lateral .pie{display:block}.menu-movil .lateral{transform:none}.menu-movil .velo{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:10}.plegar{display:none}.abrir-menu{display:inline-flex}main{padding:14px 16px 32px}}.barra{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--linea);border-radius:10px;padding:12px 16px}.nota{color:var(--suave);font-size:13px}.error{color:var(--rojo)}.aviso{background:var(--verde-claro);color:var(--verde-oscuro);padding:8px 12px;border-radius:8px}.encabezado{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 10px;flex-wrap:wrap}.encabezado .nota{margin:4px 0 0}.filtros{display:flex;gap:8px;flex-wrap:wrap}select,.buscar,.formulario input,.formulario select{padding:7px 12px;border:1px solid var(--linea);border-radius:8px;background:#fff;font:inherit}.buscar{min-width:240px}.der{text-align:right}.negativo{color:var(--rojo)}.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.tarjeta{background:var(--panel);border:1px solid var(--linea);border-radius:10px;padding:14px 16px}.tarjeta .titulo{color:var(--suave);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.tarjeta .cifra{font-size:24px;font-weight:800;margin:4px 0;font-variant-numeric:tabular-nums;color:var(--tinta)}.tarjeta .nota{font-size:12px}.tarjeta.principal{border:2px solid var(--verde)}.tarjeta.principal .cifra{color:var(--verde-oscuro)}.tarjeta.aparte{background:#fbfbf9;border-style:dashed}.seg{display:inline-flex;border:1px solid var(--linea);border-radius:999px;overflow:hidden;background:#fff}.seg button{background:none;padding:6px 14px;font-weight:600;color:var(--verde-oscuro)}.seg button.activo{background:var(--verde);color:#fff}.tabla{overflow-x:auto;background:var(--panel);border:1px solid var(--linea);border-radius:10px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:7px 10px;border-bottom:1px solid var(--linea);text-align:left;white-space:nowrap;font-variant-numeric:tabular-nums}th{color:var(--verde-oscuro);font-weight:700;background:#fafbfa}tfoot td{font-weight:800;border-top:2px solid var(--linea);background:#fafbfa}tr.clic{cursor:pointer}tr.clic:hover td{background:var(--verde-claro)}.flecha{display:inline-block;width:16px;color:var(--suave)}tr.otros td{background:#f7f8f6;font-weight:700;cursor:pointer}tr.dentro td:first-child{padding-left:28px}tr.dentro td{color:var(--suave)}tr.sub td{background:#fbfcfb;font-size:12px}tr.sub td:first-child{padding-left:30px}tr.inactivo td{color:var(--suave)}td.acciones{white-space:nowrap}tr.doc{cursor:pointer;font-size:12px}tr.doc td{background:#fbfcfb}tr.doc td:first-child{padding-left:28px}tr.doc:hover td{background:#f1f6f3}tr.doc .folio{margin-right:8px}tr.doc.cancelacion td,tr.doc.anticipo td,tr.doc.ignorar td{color:var(--suave)}.tipo{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--verde-claro);color:var(--verde-oscuro)}.tipo.cancelacion{background:#fde8e8;color:#9b1c1c}.tipo.devolucion{background:#ffedd5;color:#9a3412}.tipo.condicion_comercial{background:#ede9fe;color:#5b21b6}.tipo.anticipo,.tipo.ignorar{background:#f1f2f1;color:var(--suave)}tr.partidas>td{background:#f7f8f6;padding:4px 10px 10px 40px}tr.partidas table{font-size:11.5px;background:#fff}.formulario{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;align-items:end;background:var(--panel);border:1px solid var(--linea);border-radius:10px;padding:16px;max-width:900px}.formulario label{display:grid;gap:4px;font-size:13px;font-weight:600;color:var(--verde-oscuro)}.login-fondo{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--verde);padding:16px}.login{width:100%;max-width:340px;display:grid;gap:14px;background:#fff;padding:28px 28px 24px;border-radius:16px}.login img{height:120px;justify-self:center}.login label{display:grid;gap:4px;font-weight:600;color:var(--verde-oscuro)}.login input{padding:9px 12px;border:1px solid var(--linea);border-radius:8px;font:inherit}@media(max-width:600px){.buscar{min-width:0;width:100%}.tarjeta .cifra{font-size:19px}}td.producto{white-space:normal;min-width:260px;max-width:520px}@media(max-width:700px){.tabla:has(>table.movil-tarjetas){background:none;border:0;overflow:visible}table.movil-tarjetas,table.movil-tarjetas tbody,table.movil-tarjetas tfoot{display:block}table.movil-tarjetas thead{display:none}table.movil-tarjetas tr{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;background:var(--panel);border:1px solid var(--linea);border-radius:10px;padding:10px 12px;margin-bottom:8px}table.movil-tarjetas td{display:block;border:0;padding:2px 0;white-space:normal;text-align:left;background:none!important}table.movil-tarjetas td:empty{display:none}table.movil-tarjetas td.cabeza{grid-column:1 / -1;font-weight:700;color:var(--verde-oscuro);padding-bottom:4px;min-width:0;max-width:none}table.movil-tarjetas td[data-label]:before{content:attr(data-label);display:block;font-size:11px;font-weight:600;color:var(--suave);text-transform:uppercase;letter-spacing:.03em}table.movil-tarjetas td.fuerte{grid-column:1 / -1;font-size:17px;color:var(--verde-oscuro)}table.movil-tarjetas td[colspan]{grid-column:1 / -1}table.movil-tarjetas tr.doc,table.movil-tarjetas tr.sub,table.movil-tarjetas tr.dentro{margin-left:14px;background:#fbfcfb}table.movil-tarjetas tr.otros{background:#f1f3f0}table.movil-tarjetas tr.doc td.cabeza{font-weight:600;font-size:13px}table.movil-tarjetas tr.partidas{display:block;padding:0;border:0;background:none;margin:0 0 8px 28px}table.movil-tarjetas tr.partidas>td{padding:0}table.movil-tarjetas tr.partidas table.movil-tarjetas tr{font-size:12px;padding:8px 10px;grid-template-columns:1fr 1fr 1fr}table.movil-tarjetas tfoot tr{background:var(--verde-claro);border-color:var(--verde)}table.movil-tarjetas tfoot td:first-child{grid-column:1 / -1;font-weight:800}td.acciones{grid-column:1 / -1;display:flex!important;gap:6px;padding-top:6px}.tarjetas{grid-template-columns:1fr 1fr;gap:8px}.tarjeta{padding:10px 12px}.tarjeta.principal{grid-column:1 / -1}.tarjeta .nota{display:none}.tarjeta.principal .nota,.tarjeta.aparte .nota{display:block}.tarjeta.aparte{grid-column:1 / -1}.barra{flex-wrap:wrap}.barra button{width:100%}.encabezado{margin-top:18px}.encabezado select,.filtros,.filtros select,.seg{width:100%}.seg button{flex:1}.formulario{grid-template-columns:1fr}}@media(max-width:700px){table.movil-tarjetas tr.doc{grid-template-columns:1fr auto;align-items:center;padding:8px 10px;margin-bottom:6px}table.movil-tarjetas tr.doc td.cabeza{grid-column:auto;padding:0}table.movil-tarjetas tr.doc td[data-label]{text-align:right;font-weight:700;padding:0}table.movil-tarjetas tr.doc td[data-label]:before{display:none}table.movil-tarjetas td:first-child{padding-left:0}table.movil-tarjetas tr.doc .tipo{margin-left:4px}}@media(max-width:700px){table.inventario tr.clic{grid-template-columns:1fr auto;padding:9px 12px}table.inventario tr.clic td.cabeza{grid-column:1;padding:0}table.inventario tr.clic td.fuerte{grid-column:2;grid-row:1;text-align:right;font-size:17px}table.inventario tr.clic td.fuerte:before{display:none}table.inventario tr.clic td[data-label=Clave]{display:none}table.inventario tr.clic td[data-label=Almacenes],table.inventario tr.clic td[data-label="Última venta"]{font-size:12px;color:var(--suave)}table.inventario tr.clic td[data-label=Almacenes]:before,table.inventario tr.clic td[data-label="Última venta"]:before{display:inline;margin-right:4px;font-size:10px}table.inventario tr.sub{grid-template-columns:1fr auto;padding:7px 12px}table.inventario tr.sub td.cabeza{grid-column:1;padding:0;font-weight:600}table.inventario tr.sub td[data-label]{text-align:right;font-weight:700}table.inventario tr.sub td[data-label]:before{display:none}}.tipo.fn{margin-left:6px;background:#eef2f7;color:#334155}.pie-fila{display:flex;align-items:center;justify-content:space-between;gap:8px}.tuerca{background:none;color:var(--suave);padding:6px;border-radius:8px;display:inline-flex}.tuerca:hover,.tuerca.activa{background:var(--verde-claro);color:var(--verde)}.ajustes{display:flex;flex-direction:column;gap:2px;margin-top:10px;padding-top:8px;border-top:1px solid var(--linea)}.ajustes a,.ajustes .salir{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;color:var(--verde-oscuro);text-decoration:none;font-weight:600;font-size:14px}.ajustes a:hover{background:var(--verde-claro)}.ajustes a.activo{background:var(--verde);color:#fff}.lateral .pie .rol{margin-bottom:0}.clic-nombre{cursor:pointer}tr.abierto td{background:var(--verde-claro)}tr.detalle-usuario>td{background:#fbfcfb;padding:14px 16px;white-space:normal}.accesos{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:18px}.accesos h4{margin:0 0 8px;font-size:13px;color:var(--verde-oscuro);text-transform:uppercase;letter-spacing:.04em}.acceso{display:flex;gap:8px;align-items:flex-start;margin-bottom:8px}.acceso svg{flex-shrink:0;margin-top:3px}.acceso.si svg{color:var(--verde)}.acceso.no{color:var(--suave)}.acceso.no svg{color:var(--rojo)}.chips-fn{display:flex;flex-wrap:wrap;gap:6px}.chip-fn{font-size:12px;padding:3px 9px;border-radius:999px;background:#eef0ee;color:var(--suave)}.chip-fn.cuenta{background:var(--verde-claro);color:var(--verde-oscuro);font-weight:700}.chip-fn.fuera{background:#f1f2f1;color:#9aa39d;text-decoration:line-through}@media(max-width:900px){.accesos{grid-template-columns:1fr}}@media(max-width:700px){table.movil-tarjetas tr.detalle-usuario{display:block;padding:12px;margin:-4px 0 10px 14px}table.movil-tarjetas tr.detalle-usuario>td{padding:0}}.accesos{position:sticky;left:16px;width:min(1100px,calc(100vw - 310px));grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.app.menu-plegado .accesos{width:min(1100px,calc(100vw - 90px))}@media(max-width:800px){.accesos{position:static;width:auto}}