:root{--azul: #1651a1;--azul-oscuro: #0f3a75;--gris-texto: #374151;--gris-claro: #f3f4f6;--borde: #e5e7eb;--rojo: #dc2626;--amarillo: #b45309;--verde: #15803d}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#f6f7f9;color:var(--gris-texto)}.pantalla-carga{display:flex;align-items:center;justify-content:center;height:100vh;color:#6b7280}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;gap:16px;background:#fff;border-bottom:1px solid var(--borde);padding:10px 24px}.app-logo{height:36px}.etiqueta-rol{color:var(--azul);font-style:normal;font-weight:700;font-size:12px}.app-header h1{font-size:18px;margin:0;color:var(--azul-oscuro);flex:1}.app-usuario{display:flex;align-items:center;gap:12px;font-size:14px}.app-main{flex:1;max-width:1100px;width:100%;margin:0 auto;padding:24px}.tarjeta-login{max-width:360px;margin:60px auto;background:#fff;border:1px solid var(--borde);border-radius:10px;padding:28px}.tarjeta-login h2{margin-top:0;color:var(--azul-oscuro)}.tarjeta-login form{display:flex;flex-direction:column;gap:14px}.tarjeta-login label{display:flex;flex-direction:column;gap:6px;font-size:14px}input[type=text],input[type=password],input[type=number],textarea{padding:8px 10px;border:1px solid var(--borde);border-radius:6px;font-size:14px;font-family:inherit}input:focus,textarea:focus{outline:2px solid var(--azul);outline-offset:1px}.campo-notas{display:flex;flex-direction:column;gap:6px;font-size:14px;margin-top:14px}.campo-notas textarea{resize:vertical}.campo-flete{display:flex;align-items:center;gap:12px;margin-top:14px;font-size:14px;flex-wrap:wrap}.campo-flete-check{display:flex;align-items:center;gap:8px;cursor:pointer}.campo-flete select{padding:6px 8px;border:1px solid var(--borde);border-radius:6px;font-size:14px;font-family:inherit}.btn-primario,.btn-secundario{border:none;border-radius:6px;padding:9px 16px;font-size:14px;cursor:pointer;font-weight:600}.btn-primario{background:var(--azul);color:#fff}.btn-primario:hover:not(:disabled){background:var(--azul-oscuro)}.btn-primario:disabled{background:#9ca3af;cursor:not-allowed}.btn-secundario{background:#fff;color:var(--azul);border:1px solid var(--azul)}.btn-secundario:hover{background:#eef3fb}.btn-eliminar{border:none;background:transparent;color:var(--rojo);cursor:pointer;font-size:14px}.btn-eliminar:disabled{color:#d1d5db;cursor:not-allowed}.alerta-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:10px 14px;border-radius:6px;margin-bottom:16px;font-size:14px}.cotizador{display:flex;flex-direction:column;gap:20px}.tarjeta{background:#fff;border:1px solid var(--borde);border-radius:10px;padding:20px}.tarjeta h2{margin-top:0;font-size:16px;color:var(--azul-oscuro)}.tarjeta-header{display:flex;justify-content:space-between;align-items:center}.campo-cliente label{display:flex;flex-direction:column;gap:6px;font-size:14px}.campo-cliente input{font-size:14px}.autocomplete{position:relative}.autocomplete input{width:100%}.autocomplete-lista{position:absolute;z-index:30;top:100%;left:0;right:0;margin:3px 0 0;padding:4px 0;background:#fff;border:1px solid var(--borde);border-radius:8px;box-shadow:0 6px 18px #0f172a24;max-height:260px;overflow-y:auto;list-style:none;font-size:14px;text-align:left}.autocomplete-lista li{padding:9px 12px;cursor:pointer}.autocomplete-lista li.resaltado,.autocomplete-lista li:hover{background:var(--gris-claro)}.autocomplete-vacio{color:#6b7280;cursor:default}.autocomplete-vacio:hover{background:none}.ficha-cliente{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 20px;background:var(--gris-claro);border-radius:8px;padding:14px;font-size:13px}.ficha-cliente div{display:flex;flex-direction:column;gap:2px}.ficha-cliente span{color:#6b7280;font-size:11px;text-transform:uppercase;letter-spacing:.03em}.ficha-cliente-full{grid-column:1 / -1}.tabla-productos{width:100%;border-collapse:collapse;margin-top:12px;font-size:13px}.tabla-productos th{text-align:left;border-bottom:2px solid var(--borde);padding:8px 6px;color:#6b7280;font-size:12px;text-transform:uppercase}.tabla-productos td{padding:6px;border-bottom:1px solid var(--borde);vertical-align:top}.input-sku{width:130px}.input-cantidad{width:80px}.col-numero{text-align:right;white-space:nowrap}.col-descripcion{max-width:260px}.texto-error{color:var(--rojo);font-size:11px}.texto-advertencia{color:var(--amarillo);font-size:11px}.texto-promo{color:var(--verde);font-size:11px;font-weight:600}.fila-error{background:#fef2f2}.fila-advertencia{background:#fffbeb}.texto-ayuda{color:#6b7280;font-size:13px}.panel-totales{display:flex;flex-direction:column;gap:16px}.fila-descuentos{display:flex;gap:20px;flex-wrap:wrap}.fila-descuentos label{display:flex;flex-direction:column;gap:6px;font-size:13px}.fila-descuentos input{width:120px}.tabla-totales{width:320px;margin-left:auto;border-collapse:collapse;font-size:14px}.tabla-totales td{padding:6px 4px}.tabla-totales td:last-child{text-align:right;font-variant-numeric:tabular-nums}.fila-total td{border-top:2px solid var(--azul);font-weight:700;font-size:16px;color:var(--azul-oscuro);padding-top:10px}.acciones{display:flex;gap:12px;flex-wrap:wrap}.tabla-historial{width:100%;border-collapse:collapse;font-size:13px}.tabla-historial th{text-align:left;padding:8px 6px;border-bottom:2px solid var(--borde);color:#6b7280}.tabla-historial td{padding:6px;border-bottom:1px solid var(--borde)}.resumen-conciliacion{font-size:14px}.semaforo{border:none;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.semaforo-pendiente{background:#fef2f2;color:var(--rojo)}.semaforo-gestionado{background:#f0fdf4;color:var(--verde)}.semaforo:disabled{opacity:.6;cursor:not-allowed}.filtro-categoria{display:block;margin-bottom:12px;font-size:14px}.filtro-categoria select{padding:6px 8px;border:1px solid var(--borde);border-radius:6px;font-size:14px;font-family:inherit;margin-left:6px}.filtro-limite{display:block;margin-bottom:12px;font-size:14px}.filtro-limite select{padding:6px 8px;border:1px solid var(--borde);border-radius:6px;font-size:14px;font-family:inherit;margin-left:6px}.filtro-limite-nota{margin-top:10px}.tabla-promociones-scroll{overflow-x:auto;border-radius:8px}.tabla-promociones{width:100%;border-collapse:collapse;font-size:13px}.tabla-promociones th{text-align:left;padding:8px 6px;border-bottom:2px solid var(--borde);color:#6b7280;white-space:nowrap}.tabla-promociones td{padding:6px;border-bottom:1px solid var(--borde)}.tabla-promociones tbody tr{cursor:pointer}.tabla-promociones tbody tr:hover{background:var(--gris-claro)}.tabla-promociones tbody tr:focus-visible{outline:2px solid var(--azul);outline-offset:-2px}.tabla-promociones tr.fila-seleccionada{background:#eef3fb}.tabla-promociones tr.fila-seleccionada td:first-child{box-shadow:inset 3px 0 0 var(--azul)}.tabla-promociones tr.fila-seleccionada td:nth-child(1),.tabla-promociones tr.fila-seleccionada td:nth-child(2){text-decoration:underline;text-decoration-color:var(--azul);text-underline-offset:3px}@media (max-width: 720px){.app-header{flex-wrap:wrap;padding:10px 14px;row-gap:6px}.app-logo{height:28px}.app-header h1{font-size:15px;order:3;width:100%}.app-usuario{font-size:12px;gap:8px;margin-left:auto}.app-main{padding:12px}.tarjeta{padding:14px}.ficha-cliente{grid-template-columns:1fr}input[type=text],input[type=password],input[type=number],textarea,select{font-size:16px}.acciones{flex-direction:column}.acciones button{width:100%;padding:12px 16px;font-size:15px}.tabla-totales{width:100%}.filtro-categoria select,.filtro-limite select{display:block;width:100%;margin:6px 0 0}.tabla-productos,.tabla-historial,.tabla-promociones{display:block;width:100%}.tabla-productos thead,.tabla-historial thead,.tabla-promociones thead{display:none}.tabla-productos tbody,.tabla-historial tbody,.tabla-promociones tbody{display:block}.tabla-productos tr,.tabla-historial tr,.tabla-promociones tr{display:block;background:#fff;border:1px solid var(--borde);border-radius:10px;padding:4px 12px;margin-bottom:12px}.tabla-productos tr.fila-error{border-color:var(--rojo)}.tabla-productos tr.fila-advertencia{border-color:var(--amarillo)}.tabla-productos td,.tabla-historial td,.tabla-promociones td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #f0f1f3;text-align:right;max-width:none}.tabla-productos td:last-child,.tabla-historial td:last-child,.tabla-promociones td:last-child{border-bottom:none;justify-content:flex-end}.tabla-productos td:before,.tabla-historial td:before,.tabla-promociones td:before{content:attr(data-label);font-weight:600;color:#6b7280;font-size:11px;text-transform:uppercase;letter-spacing:.03em;text-align:left;flex-shrink:0}.tabla-productos td[data-label=""]:before,.tabla-historial td[data-label=""]:before{content:none}.tabla-productos td input,.tabla-historial td input{text-align:right}.input-sku,.input-cantidad{width:65%;max-width:200px}.btn-eliminar{min-width:40px;min-height:40px;font-size:18px}}