.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#333;color:#fff;padding:0 20px;height:50px}.navbar-brand{display:flex;align-items:center;gap:10px;font-size:1.35rem;font-weight:700;white-space:nowrap}.navbar-logo{height:34px;width:auto;display:block}.navbar-links{list-style:none;display:flex;margin:0;padding:0}.navbar-links li{padding:0 15px}.navbar-links a{color:#fff;text-decoration:none;font-size:1rem}.navbar-links a:hover{text-decoration:underline}.navbar-sesion{display:flex;align-items:center;gap:12px}.navbar-empresa{background-color:#2563eb;padding:3px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.navbar-usuario{font-size:.85rem;color:#d1d5db}.navbar-salir{background-color:transparent;color:#fff;border:1px solid #6b7280;border-radius:6px;padding:4px 12px;font-size:.82rem;cursor:pointer}.navbar-salir:hover{background-color:#4b5563;border-color:#9ca3af}.app-container{display:flex;flex-direction:column;height:100vh}.content-area{flex-grow:1;display:flex;flex-direction:column;min-height:0;background-color:var(--fondo-panel);overflow:hidden}.content-area>div:not([class]){padding:20px}:root{--fondo-app: #eef0f4;--fondo-panel: #ffffff;--fondo-suave: #f6f7f9;--borde: #d5d9e0;--borde-suave: #e6e9ee;--texto: #1f2937;--texto-suave: #5b6472;--texto-tenue: #8a919c;--primario: #2563eb;--primario-hover: #1d4ed8;--primario-texto: #ffffff;--seleccion-fondo: #e8effd;--error-fondo: #fdecea;--error-borde: #f3c2bf;--error-texto: #9b2620;--peligro: #b4322b;--peligro-hover: #96271f;color-scheme:light;color:var(--texto);background-color:var(--fondo-app);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;color:var(--texto);background-color:var(--fondo-app)}h1,h2,h3,h4{color:var(--texto);margin:0 0 .6rem;line-height:1.25}h1{font-size:1.6rem}h2{font-size:1.3rem}h3{font-size:1.1rem}a{color:var(--primario);text-decoration:none}a:hover{color:var(--primario-hover)}button{font-family:inherit;font-size:.95rem;font-weight:600;padding:.55em 1.1em;border-radius:6px;border:1px solid var(--primario);background-color:var(--primario);color:var(--primario-texto);cursor:pointer;transition:background-color .15s,border-color .15s}button:hover:not(:disabled){background-color:var(--primario-hover);border-color:var(--primario-hover)}button:disabled{background-color:#a9c0f2;border-color:#a9c0f2;cursor:not-allowed}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--primario);outline-offset:1px}select,input,textarea{font-family:inherit;font-size:.95rem;color:var(--texto);background-color:var(--fondo-panel);border:1px solid var(--borde);border-radius:6px;padding:.5em .6em}select:focus,input:focus,textarea:focus{outline:none;border-color:var(--primario);box-shadow:0 0 0 3px #2563eb26}.login-fondo{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f0f2f5;padding:1rem}.login-caja{width:100%;max-width:380px;background:#fff;border-radius:10px;box-shadow:0 4px 18px #0000001f;padding:2rem;display:flex;flex-direction:column}.login-logo{display:block;width:96px;height:96px;margin:0 auto 14px;object-fit:contain}.login-titulo{font-size:1.7rem;margin:0;color:var(--texto);text-align:center}.login-subtitulo{margin:.25rem 0 1.5rem;text-align:center;color:#6b7280;font-size:.9rem}.login-label{font-size:.82rem;font-weight:600;color:#374151;margin-bottom:.3rem}.login-input{width:100%;box-sizing:border-box;padding:.6rem .7rem;margin-bottom:1rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;font-family:inherit;background:#fff;color:#213547}.login-input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 3px #646cff26}.login-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;padding:.6rem .7rem;border-radius:6px;font-size:.87rem;margin-bottom:1rem}.login-boton{width:100%;padding:.7rem;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer}.login-boton:hover:not(:disabled){background-color:#1d4ed8;border-color:transparent}.login-boton:disabled{background-color:#93b4f5;cursor:not-allowed}.login-nota{margin:1.2rem 0 0;font-size:.73rem;line-height:1.4;color:#9ca3af;text-align:center}.login-nota code{background:#f3f4f6;padding:0 3px;border-radius:3px}.modal-precios{display:flex;flex-direction:column;gap:8px}.modal-precios-cabecera,.modal-precios-fila{display:grid;grid-template-columns:80px minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center}.modal-precios-cabecera span{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--texto-suave)}.modal-precios-etiqueta{font-size:.85rem;font-weight:600;color:var(--texto)}.modal-precios input{margin-bottom:0}.panel-doble{display:flex;flex:1;min-height:0;background-color:var(--fondo-panel)}.panel-listado{flex:1;display:flex;flex-direction:column;min-height:0;min-width:300px;border-right:1px solid var(--borde)}.panel-detalle{flex:2;padding:20px;overflow-y:auto;color:var(--texto);background-color:var(--fondo-panel)}.filtros-panel{padding:10px;background-color:var(--fondo-suave);border-bottom:1px solid var(--borde);flex-shrink:0}.filtros-panel select,.filtros-panel input,.filtros-panel button{width:100%;margin-bottom:10px;padding:8px;box-sizing:border-box}.filtros-panel>*:last-child{margin-bottom:0}.filtros-cargando{margin:0 0 10px;color:var(--texto-suave)}.lista-scroll{flex-grow:1;flex-basis:0;overflow-y:auto;background-color:var(--fondo-panel)}.lista-item{padding:10px 15px;border-bottom:1px solid var(--borde-suave);color:var(--texto);cursor:pointer;-webkit-user-select:none;user-select:none}.lista-item:hover{background-color:var(--seleccion-fondo)}.lista-item.selected{background-color:var(--primario);color:var(--primario-texto);font-weight:600}.lista-vacia{padding:16px 15px;color:var(--texto-tenue)}.saldo-destacado{font-weight:700;font-variant-numeric:tabular-nums}.listado-footer{padding:10px;background-color:var(--fondo-suave);color:var(--texto);font-weight:700;text-align:right;flex-shrink:0;border-top:1px solid var(--borde)}.detalle-cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.detalle-cabecera h2{margin:0}.detalle-acciones{display:flex;gap:8px}.boton-peligro{background-color:var(--peligro);border-color:var(--peligro);color:#fff}.boton-peligro:hover:not(:disabled){background-color:var(--peligro-hover);border-color:var(--peligro-hover)}.boton-peligro:disabled{background-color:#e0a5a1;border-color:#e0a5a1}.lista-visitas{margin:0 0 20px;padding-left:20px;color:var(--texto)}.lista-visitas li{margin-bottom:4px}.visita-orden{color:var(--texto-suave);font-size:.9em}.modal-angosto{max-width:460px}.modal-texto{margin:0 0 16px;color:var(--texto-suave);font-size:.9rem;line-height:1.5}.detalle-grid{display:grid;grid-template-columns:150px 1fr;gap:10px 20px;margin-bottom:20px;align-items:center}.detalle-grid label{font-weight:700;text-align:right}.placeholder-detalle{display:flex;justify-content:center;align-items:center;height:100%;color:var(--texto-tenue);font-size:1.1rem}.tabla-datos{width:100%;border-collapse:collapse;margin-top:10px}.tabla-datos th,.tabla-datos td{border:1px solid var(--borde);padding:8px;text-align:left;color:var(--texto)}.tabla-datos th{background-color:var(--fondo-suave);font-weight:600}.tabla-datos .num{text-align:right;font-variant-numeric:tabular-nums}.error-message{color:var(--error-texto);padding:10px;background-color:var(--error-fondo);border:1px solid var(--error-borde);border-radius:6px;margin:10px}.modal-fondo{position:fixed;inset:0;background-color:#11182773;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal-caja{background-color:var(--fondo-panel);color:var(--texto);border-radius:10px;box-shadow:0 10px 30px #00000038;padding:22px;width:100%;max-width:680px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-titulo{margin:0;font-size:1.15rem}.modal-subtitulo{margin:2px 0 18px;color:var(--texto-suave);font-size:.9rem}.modal-grupo{border:1px solid var(--borde);border-radius:8px;padding:12px 14px 14px;margin:0 0 16px}.modal-grupo legend{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--texto-suave);padding:0 6px}.modal-campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modal-campo{display:flex;flex-direction:column;min-width:0}.modal-campo-ancho{grid-column:1 / -1}.modal-campo>span{font-size:.8rem;font-weight:600;color:var(--texto);margin-bottom:4px}.modal-campo select,.modal-campo input{margin-bottom:0}.modal-error{color:var(--error-texto);background-color:var(--error-fondo);border:1px solid var(--error-borde);border-radius:6px;padding:8px 10px;font-size:.87rem;margin-bottom:12px}.modal-acciones{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.boton-secundario{background-color:var(--fondo-panel);color:var(--texto);border:1px solid var(--borde)}.boton-secundario:hover:not(:disabled){background-color:var(--fondo-suave);border-color:var(--borde)}@media(max-width:560px){.modal-campos{grid-template-columns:minmax(0,1fr)}}