:root{--color-fondo:#1a1a1a;--color-primario:#888;--color-exito:#5a5a5a;--color-texto:#f2f2f2;--color-sobre-primario:#111;--color-sobre-exito:#fff;--color-error:#e5484d;--color-superficie:color-mix(in srgb, var(--color-texto) 6%, var(--color-fondo));--color-borde:color-mix(in srgb, var(--color-texto) 14%, transparent);--color-tenue:color-mix(in srgb, var(--color-texto) 65%, var(--color-fondo));--radio:10px}*{box-sizing:border-box}body{background:var(--color-fondo);min-height:100vh;color:var(--color-texto);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}h1,h2,h3{margin:0 0 12px;line-height:1.2}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{margin-top:8px;font-size:1rem}p{margin:0 0 12px}.tarjeta{background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio);padding:24px}.boton{border-radius:var(--radio);background:var(--color-primario);min-height:44px;color:var(--color-sobre-primario);font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;text-decoration:none;display:inline-flex}.boton:disabled{opacity:.5;cursor:not-allowed}.boton-secundario{color:var(--color-texto);border:1px solid var(--color-borde);background:0 0}.boton-texto{color:var(--color-tenue);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px;text-decoration:underline}.boton:focus-visible,.boton-texto:focus-visible,a:focus-visible,input:focus-visible,label.boton:focus-within{outline:2px solid var(--color-primario);outline-offset:2px}label{color:var(--color-tenue);gap:6px;font-size:.9rem;display:grid}input[type=email],input[type=password],input[type=text],input[type=tel]{border:1px solid var(--color-borde);border-radius:var(--radio);background:var(--color-fondo);min-height:44px;color:var(--color-texto);font:inherit;padding:0 12px}.error{color:var(--color-error);min-height:1.5em;margin:0}.mensaje{min-height:1.5em;color:var(--color-tenue);margin:16px 0 0}.mensaje.error{color:var(--color-error)}.mensaje.exito{color:var(--color-texto)}.mensaje.exito:before{content:"✓ ";color:var(--color-exito);font-weight:700}.ayuda{color:var(--color-tenue);font-size:.9rem}.logo{object-fit:contain;border-radius:6px;flex:none;width:44px;height:44px;display:block}.logo-vacio{border:2px dashed var(--color-borde);color:var(--color-tenue);letter-spacing:.08em;place-items:center;font-size:.65rem;font-weight:700;display:grid}.logo-grande{width:120px;height:120px}.logo-grande.logo-vacio{font-size:1rem}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login-tarjeta{text-align:center;justify-items:stretch;gap:16px;width:100%;max-width:380px;display:grid}.login-tarjeta .logo{justify-self:center}.login-tarjeta label{text-align:left}.barra{border-bottom:1px solid var(--color-borde);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}.marca{color:inherit;align-items:center;gap:12px;min-width:0;font-weight:700;text-decoration:none;display:flex}.marca-nombre{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu{gap:4px;margin-left:auto;display:flex}.menu a{border-radius:var(--radio);color:var(--color-tenue);padding:8px 12px;text-decoration:none}.menu a[aria-current=page]{color:var(--color-texto);background:var(--color-superficie)}.usuario{color:var(--color-tenue);align-items:center;gap:4px;font-size:.9rem;display:flex}.contenido{max-width:1120px;margin:0 auto;padding:24px 16px}.logo-editor{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.logo-acciones{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (width<=560px){.menu{order:3;width:100%;margin-left:0}.usuario{margin-left:auto}.usuario span{display:none}}.encabezado-seccion{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.encabezado-seccion h2{margin:0}.acciones{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filtros{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:8px;display:flex}.filtros input[type=search]{flex:260px}input[type=search]{border:1px solid var(--color-borde);border-radius:var(--radio);background:var(--color-fondo);min-height:44px;color:var(--color-texto);font:inherit;padding:0 12px}.casilla{color:var(--color-texto);cursor:pointer;flex-direction:row;align-items:center;gap:8px;display:flex}.casilla input{width:18px;height:18px;accent-color:var(--color-primario)}.vacio{text-align:center}.oculto{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.opcional{color:var(--color-tenue);font-weight:400}.tabla{border-collapse:collapse;width:100%}.tabla th,.tabla td{text-align:left;border-bottom:1px solid var(--color-borde);vertical-align:middle;padding:10px 12px}.tabla th{text-transform:uppercase;letter-spacing:.04em;color:var(--color-tenue);font-size:.8rem;font-weight:600}.tabla .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.monto{color:var(--color-primario);font-weight:600}.tabla tr.inactivo td{opacity:.55}.fila-acciones{white-space:nowrap;text-align:right}.tabla-compacta th,.tabla-compacta td{padding:6px 8px;font-size:.9rem}.tabla-desplazable{border:1px solid var(--color-borde);border-radius:var(--radio);max-height:320px;overflow:auto}.fila-error td{color:var(--color-error)}.insignia{border:1px solid var(--color-borde);white-space:nowrap;color:var(--color-tenue);border-radius:999px;padding:2px 8px;font-size:.8rem;display:inline-block}.insignia-iva{color:var(--color-texto);border-color:var(--color-primario)}@media (width<=900px){.tabla:not(.tabla-compacta) thead{display:none}.tabla:not(.tabla-compacta) tr{border-bottom:1px solid var(--color-borde);grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0;display:grid}.tabla:not(.tabla-compacta) td{text-align:left;border:0;padding:0}.tabla:not(.tabla-compacta) td[data-etiqueta=Nombre]{order:-1;grid-column:1/-1;font-weight:600}.tabla:not(.tabla-compacta) td[data-etiqueta=Código]:before,.tabla:not(.tabla-compacta) td[data-etiqueta=Unidad]:before{content:attr(data-etiqueta) ": ";color:var(--color-tenue)}.tabla:not(.tabla-compacta) .fila-acciones{text-align:left;grid-column:1/-1}.fila-acciones .boton-texto{margin-right:12px;padding-left:0}}.dialogo{border:1px solid var(--color-borde);border-radius:var(--radio);background:var(--color-superficie);width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--color-texto);padding:0}.dialogo:has(.importacion){width:min(820px,100vw - 32px)}.dialogo::backdrop{background:#0009}.formulario{gap:14px;padding:24px;display:grid}.formulario h2{margin:0}.dos-columnas{grid-template-columns:1fr 1fr;gap:12px;display:grid}.acciones-dialogo{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.formulario .mensaje{margin:0}.resumen-importacion{flex-wrap:wrap;gap:8px 20px;margin:0 0 12px;padding:0;list-style:none;display:flex}.resumen-importacion .con-error{color:var(--color-error)}code{background:var(--color-fondo);border-radius:4px;padding:1px 6px;font-size:.9em}@media (width<=480px){.dos-columnas{grid-template-columns:1fr}}.tabla a{color:inherit;-webkit-text-decoration-color:var(--color-borde);text-decoration-color:var(--color-borde)}.celda-larga{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.formulario small.error{min-height:0;font-size:.85rem}.formulario small.error:empty{display:none}@media (width<=1000px){.tabla-clientes thead{display:none}.tabla-clientes tr{border-bottom:1px solid var(--color-borde);grid-template-columns:1fr;gap:4px;padding:12px 0;display:grid}.tabla-clientes td{text-align:left;border:0;padding:0}.tabla-clientes td[data-etiqueta=Nombre]{font-weight:600}.tabla-clientes .fila-acciones{text-align:left}.tabla-clientes .fila-acciones .boton-texto{margin-right:12px;padding-left:0}.tabla-clientes td[data-etiqueta]:not([data-etiqueta=Nombre]):before{content:attr(data-etiqueta) ": ";color:var(--color-tenue)}.tabla-clientes td[data-etiqueta]:not([data-etiqueta=Nombre]){grid-column:1/-1}.celda-larga{white-space:normal;max-width:none}}@media (width<=560px){.menu{overflow-x:auto}}.sin-corte{white-space:nowrap}input[type=date],textarea{border:1px solid var(--color-borde);border-radius:var(--radio);background:var(--color-fondo);min-height:44px;color:var(--color-texto);font:inherit;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;padding:8px 12px}@media (prefers-color-scheme:dark){input[type=date],textarea{--lightningcss-light: ;--lightningcss-dark:initial}}textarea{resize:vertical}input:disabled,textarea:disabled{opacity:.7;cursor:not-allowed}[aria-invalid=true]{outline-color:var(--color-error);border-color:var(--color-error)!important}.volver{color:var(--color-tenue);text-decoration:none}.volver:hover{color:var(--color-texto)}.aviso{border:1px solid var(--color-borde);border-left:4px solid var(--color-primario);border-radius:var(--radio);background:var(--color-superficie);padding:12px 16px}.segmentos{flex-wrap:wrap;gap:6px;display:flex}.segmento{border:1px solid var(--color-borde);min-height:36px;color:var(--color-tenue);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 14px;font-size:.9rem}.segmento[aria-pressed=true]{background:var(--color-texto);color:var(--color-fondo);border-color:var(--color-texto)}.segmento-aceptada[aria-pressed=true]{background:var(--color-exito);color:var(--color-sobre-exito);border-color:var(--color-exito)}.segmento-enviada[aria-pressed=true]{background:var(--color-primario);color:var(--color-sobre-primario);border-color:var(--color-primario)}.segmento-rechazada[aria-pressed=true]{background:var(--color-error);color:#fff;border-color:var(--color-error)}.barra-estado{color:var(--color-tenue);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.estado{vertical-align:middle;white-space:nowrap;border:1px solid var(--color-borde);color:var(--color-tenue);border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:600;display:inline-block}.estado-enviada{border-color:var(--color-primario);color:var(--color-primario)}.estado-aceptada{background:var(--color-exito);border-color:var(--color-exito);color:var(--color-sobre-exito)}.estado-rechazada{border-color:var(--color-error);color:var(--color-error)}h2 .estado{margin-left:8px}.fila-enlace{cursor:pointer}.fila-enlace:hover td,.fila-enlace:focus-visible td{background:var(--color-superficie)}.fila-enlace a{color:var(--color-texto);font-weight:600;text-decoration:none}.editor-proforma{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.editor-principal,.editor-lateral{gap:16px;display:grid}.editor-proforma .tarjeta{padding:20px}.editor-proforma h3{margin-top:0}.formulario-compacto{gap:12px;display:grid}.formulario-compacto .ayuda{margin:-6px 0 0}.cliente-elegido{justify-content:space-between;align-items:center;gap:12px;display:flex}.elegir-cliente,.agregar-linea{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.campo-buscar{flex:260px}.campo-buscar input{width:100%}.agregar-linea{margin-top:12px}.tabla-lineas input[type=text]{width:100%;min-height:38px;padding:0 8px}.tabla-lineas td.num input{text-align:right}.tabla-lineas th:nth-child(2),.tabla-lineas td:nth-child(2){width:80px}.tabla-lineas th:nth-child(3),.tabla-lineas td:nth-child(3){width:110px}.tabla-lineas th:nth-child(4),.tabla-lineas td:nth-child(4){width:90px}.tabla-lineas th:nth-child(5),.tabla-lineas td:nth-child(5){width:110px}.tabla-lineas td{padding:8px 6px}.tabla-lineas small{margin-top:2px;display:block}.casilla-iva{white-space:nowrap;font-size:.85rem}.quitar{padding:6px 8px;font-size:1rem;text-decoration:none}.totales dl{grid-template-columns:1fr auto;gap:8px 12px;margin:0;display:grid}.totales dt{color:var(--color-tenue)}.totales dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.totales .total{color:var(--color-texto);border-top:1px solid var(--color-borde);padding-top:8px;font-size:1.2rem;font-weight:700}.totales dd.total{color:var(--color-primario)}.totales .ayuda{margin:12px 0 0;font-size:.85rem}.buscador{position:relative}.buscador-lista{z-index:10;background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio);max-height:280px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 8px 24px #00000059}.buscador-lista [role=option]{cursor:pointer;border-radius:6px;justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.buscador-lista [aria-selected=true]{background:color-mix(in srgb, var(--color-texto) 10%, transparent)}.buscador-vacio{color:var(--color-tenue);padding:10px 12px}@media (width<=900px){.editor-proforma{grid-template-columns:1fr}.tabla-lineas thead{display:none}.tabla.tabla-lineas tr:not(.sin-lineas){border-bottom:1px solid var(--color-borde);grid-template-columns:1fr 1fr auto;grid-template-areas:"desc desc quitar""cant precio iva""total total total";gap:8px;padding:12px 0;display:grid}.tabla.tabla-lineas td{border:0;padding:0;width:auto!important}.tabla.tabla-lineas td[data-etiqueta=Descripción]{grid-area:desc}.tabla.tabla-lineas td[data-etiqueta=Cant\.]{grid-area:cant}.tabla.tabla-lineas td[data-etiqueta="P. unit."]{grid-area:precio}.tabla.tabla-lineas td[data-etiqueta=IVA]{grid-area:iva;align-self:end;padding-bottom:8px}.tabla.tabla-lineas td[data-etiqueta=Total]{text-align:right;grid-area:total}.tabla.tabla-lineas .fila-acciones{text-align:right;grid-area:quitar/auto;align-self:start}.tabla.tabla-lineas td[data-etiqueta=Cant\.]:before,.tabla.tabla-lineas td[data-etiqueta="P. unit."]:before{content:attr(data-etiqueta);color:var(--color-tenue);text-align:left;font-size:.8rem;display:block}}.contenido>.tarjeta+.tarjeta{margin-top:16px}.formulario-datos{gap:14px;max-width:720px;display:grid}.formulario-datos h3{margin:12px 0 0}.formulario-datos small.ayuda{font-size:.8rem}.tres-columnas{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=640px){.tres-columnas{grid-template-columns:1fr}}.acciones-dialogo .boton-whatsapp,.boton-whatsapp{background:var(--color-exito);color:var(--color-sobre-exito)}.formulario-datos small.error{min-height:0;font-size:.85rem}.formulario-datos small.error:empty{display:none}.mensaje .boton{min-height:36px;margin-left:8px}@media (width<=560px){.encabezado-seccion .acciones{grid-template-columns:1fr 1fr;width:100%;display:grid}.encabezado-seccion .acciones .boton{padding:0 10px}}