:root{--color-amarillo:#e0dc48;--color-azul:#1f4ef6;--color-marino:#12276c;--color-blanco:#fff;--color-fondo:#f4f6fb;--color-activo-fondo:#eaf6ee;--color-activo-texto:#1b7a3d;--color-suspendido-fondo:#fdebe7;--color-suspendido-texto:#c23a1a;--color-pendiente-fondo:#fff3d6;--color-pendiente-texto:#92600a;--color-borde:#e1e5f0;--color-texto:#12276c;--color-texto-secundario:#5b6584;--color-overlay:#12276c73;--color-foco:#1f4ef626;--radio-tarjeta:14px;--radio-boton:10px;--alto-header:56px;--alto-nav:64px;--alto-footer:44px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-fondo);color:var(--color-texto);-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button,input{font-family:inherit}.btn{border-radius:var(--radio-boton);cursor:pointer;border:1px solid #0000;min-height:44px;padding:12px 18px;font-family:inherit;font-size:15px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primario{background:var(--color-azul);color:var(--color-blanco);width:100%;font-weight:600}.btn-primario:hover:not(:disabled){opacity:.92}.btn-secundario{background:var(--color-blanco);color:var(--color-texto);border-color:var(--color-borde)}.label{color:var(--color-texto-secundario);margin:0 0 6px;font-size:13px;display:block}.input{border-radius:var(--radio-boton);border:1px solid var(--color-borde);background:var(--color-blanco);width:100%;color:var(--color-texto);box-sizing:border-box;min-height:44px;padding:13px 14px;font-size:16px}.input:focus{border-color:var(--color-azul);box-shadow:0 0 0 3px var(--color-foco);outline:none}.mensaje-error{color:var(--color-suspendido-texto);background:var(--color-suspendido-fondo);border-radius:8px;padding:10px 12px;font-size:13px}.input-error{border-color:var(--color-suspendido-texto)}.input-error:focus{border-color:var(--color-suspendido-texto);box-shadow:0 0 0 3px var(--color-suspendido-fondo)}.campo-error-texto{color:var(--color-suspendido-texto);margin:4px 0 0;font-size:12px}.card{background:var(--color-blanco);border:1px solid var(--color-borde);border-radius:var(--radio-tarjeta);padding:18px}.header{z-index:10;height:calc(var(--alto-header) + var(--safe-top));padding-top:var(--safe-top);background:var(--color-marino);justify-content:space-between;align-items:center;padding-left:16px;padding-right:16px;display:flex;position:sticky;top:0}.header-usuario{flex-direction:column;min-width:0;display:flex}.header-nombre{color:var(--color-blanco);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.header-rol{color:var(--color-amarillo);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.header-salir{color:var(--color-blanco);border-radius:var(--radio-boton);cursor:pointer;background:0 0;border:1px solid #ffffff59;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:600}.header-salir:hover{background:#ffffff1a}.app-footer{min-height:var(--alto-footer);background:var(--color-blanco);border-top:1px solid var(--color-borde);text-align:center;color:var(--color-texto-secundario);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;padding:6px 16px;font-size:11px;display:flex}.app-footer--fin{padding-bottom:calc(8px + var(--safe-bottom))}.app-footer-reloj{color:var(--color-marino);font-variant-numeric:tabular-nums;font-weight:600}.bottom-nav{height:var(--alto-nav);background:var(--color-blanco);border-top:1px solid var(--color-borde);flex-shrink:0;grid-template-columns:repeat(6,1fr);display:grid}.bottom-nav-item{height:var(--alto-nav);color:var(--color-texto-secundario);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 2px;text-decoration:none;display:flex}.bottom-nav-icono{width:22px;height:22px}.bottom-nav-icono svg{width:100%;height:100%}.bottom-nav-label{white-space:nowrap;font-size:10.5px;font-weight:600;line-height:1}.bottom-nav-item--activo{color:var(--color-azul)}.app-layout{flex-direction:column;min-height:100dvh;display:flex}.app-contenido{min-width:0;padding:16px;padding-bottom:calc(16px + var(--alto-nav) + var(--alto-footer) + var(--safe-bottom));flex-direction:column;flex:1;display:flex}.app-contenido>:first-child{flex:1}.barra-fija-inferior{z-index:20;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.campo-password{position:relative}.campo-password .input{padding-right:44px}.campo-password-toggle{width:42px;color:var(--color-texto-secundario);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:0;bottom:0;right:2px}.campo-password-toggle svg{width:20px;height:20px}.campo-password-toggle:hover,.campo-password-toggle:focus-visible{color:var(--color-azul)}.campo-password-toggle:focus-visible{outline:2px solid var(--color-azul);outline-offset:2px;border-radius:6px}.login-pantalla{background:var(--color-marino);flex-direction:column;min-height:100dvh;display:flex}.login-centro{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.login-marca{width:100%;max-width:260px;height:auto;margin-bottom:28px}.login-tarjeta{background:var(--color-blanco);border-radius:var(--radio-tarjeta);flex-direction:column;align-items:center;width:100%;max-width:360px;padding:32px 24px;display:flex}.login-logo{max-width:160px;height:auto;margin-bottom:6px}.login-subtitulo{color:var(--color-texto-secundario);margin:0 0 28px;font-size:14px}.login-form{flex-direction:column;gap:16px;width:100%;display:flex}.login-olvide{min-height:44px;color:var(--color-azul);justify-content:center;align-items:center;margin-top:8px;font-size:13.5px;font-weight:600;text-decoration:none;display:flex}.login-olvide:hover,.login-olvide:focus-visible{text-decoration:underline}.login-volver{min-height:44px;color:var(--color-texto-secundario);justify-content:center;align-items:center;margin-top:4px;font-size:13.5px;text-decoration:none;display:flex}.login-volver:hover,.login-volver:focus-visible{text-decoration:underline}.login-texto{width:100%;color:var(--color-texto-secundario);text-align:center;margin:0 0 20px;font-size:14px;line-height:1.5}.login-confirmacion{text-align:center;width:100%;color:var(--color-texto);margin:0 0 20px;font-size:14.5px;line-height:1.5}.panel-pantalla{flex-direction:column;gap:24px;display:flex}.panel-titulo{color:var(--color-marino);margin:4px 0 0;font-size:22px}.bloque-metricas{flex-direction:column;gap:10px;display:flex}.bloque-titulo{color:var(--color-marino);margin:0;font-size:15px;font-weight:700}.bloque-tarjetas{flex-direction:column;gap:10px;display:flex}.metrica-tarjeta{background:var(--color-blanco);border:1px solid var(--color-borde);border-left:4px solid var(--color-amarillo);border-radius:var(--radio-tarjeta);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.metrica-etiqueta{color:var(--color-texto-secundario);margin:0;font-size:13.5px}.metrica-valor{color:var(--color-marino);margin:0;font-size:20px;font-weight:700}.panel-card-activaciones{padding:0}.grupo-activaciones+.grupo-activaciones{border-top:1px solid var(--color-borde)}.grupo-activaciones-boton{width:100%;min-height:44px;color:var(--color-marino);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;font-family:inherit;font-size:14.5px;font-weight:700;display:flex}.grupo-activaciones-contador{color:var(--color-texto-secundario);font-size:12.5px;font-weight:700}.grupo-activaciones-vacio{color:var(--color-texto-secundario);margin:0;padding:0 16px 16px;font-size:13px}.grupo-activaciones-lista{flex-direction:column;display:flex}.tarjeta-activacion{border-top:1px solid var(--color-borde);flex-direction:column;gap:5px;padding:12px 16px 16px;display:flex}.grupo-activaciones-lista .tarjeta-activacion:first-child{border-top:none;padding-top:0}.tarjeta-activacion-cabecera{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.tarjeta-activacion-referencia{color:var(--color-marino);font-size:14.5px;font-weight:700}.tarjeta-activacion-fecha{color:var(--color-texto-secundario);font-size:12.5px}.fila-dato{justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;display:flex}.fila-dato-label{color:var(--color-texto-secundario);flex-shrink:0}.fila-dato-valor{color:var(--color-texto);text-align:right;font-weight:500}.panel-comisiones{flex-direction:column;gap:8px;padding:0 16px 16px;display:flex}.panel-comisiones-fila{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.panel-comisiones-label{color:var(--color-texto-secundario)}.panel-comisiones-valor{color:var(--color-marino);font-weight:700}.panel-comisiones-fila.alerta .panel-comisiones-valor{color:var(--color-suspendido-texto)}.panel-comisiones-nota{color:var(--color-suspendido-texto);margin:4px 0 0;font-size:12.5px}.campo-telefono{flex-direction:column;gap:8px;display:flex}.campo-telefono-select{flex-shrink:0}@media (width>=380px){.campo-telefono{flex-direction:row}.campo-telefono-select{width:132px}}.activar-pantalla{flex-direction:column;gap:16px;padding-bottom:8px;display:flex}.activar-titulo{color:var(--color-marino);margin:4px 0 0;font-size:22px}.activar-seccion{flex-direction:column;display:flex}.activar-seccion-titulo{color:var(--color-marino);margin:0 0 12px;font-size:15px;font-weight:700}.activar-texto-secundario{color:var(--color-texto-secundario);margin:0;font-size:14px}.activar-equipo-buscador{position:relative}.activar-equipo-sugerencias{background:var(--color-blanco);border:1px solid var(--color-borde);border-radius:var(--radio-boton);z-index:20;max-height:260px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden auto;box-shadow:0 8px 24px #12276c26}.activar-equipo-sugerencia{cursor:pointer;border-bottom:1px solid var(--color-borde);flex-direction:column;justify-content:center;gap:2px;min-height:44px;padding:10px 14px;display:flex}.activar-equipo-sugerencia:last-child{border-bottom:none}.activar-equipo-sugerencia:hover,.activar-equipo-sugerencia:active{background:var(--color-fondo)}.activar-equipo-sugerencia-referencia{color:var(--color-marino);font-size:14px;font-weight:700}.activar-equipo-sugerencia-detalle{color:var(--color-texto-secundario);font-size:12.5px}.activar-equipo-sugerencia-vacia{color:var(--color-texto-secundario);margin:0;padding:12px 14px;font-size:13px}.activar-tipo-cobro{gap:8px;display:flex}.activar-tipo-cobro-opcion{border-radius:var(--radio-boton);border:1px solid var(--color-borde);background:var(--color-blanco);min-height:44px;color:var(--color-texto);cursor:pointer;flex:1;font-size:15px;font-weight:600}.activar-tipo-cobro-opcion.activa{background:var(--color-azul);border-color:var(--color-azul);color:var(--color-blanco)}.activar-adeudado{border-radius:var(--radio-boton);background:var(--color-fondo);justify-content:space-between;align-items:center;margin-top:14px;padding:12px 14px;font-size:15px;display:flex}.activar-adeudado strong{color:var(--color-marino);font-size:17px}.activar-cuotas-lista{flex-direction:column;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.activar-cuotas-lista li{border-radius:var(--radio-boton);border:1px solid var(--color-borde);color:var(--color-texto-secundario);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:13.5px;display:flex}.activar-cuotas-lista li span:first-child{color:var(--color-texto);font-weight:600}.activar-confirmacion{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px 18px;display:flex}.activar-confirmacion-mensaje{color:var(--color-marino);margin:0;font-size:16px;font-weight:600}.activar-confirmacion-referencia{color:var(--color-texto-secundario);margin:0 0 8px;font-size:14px}.activar-confirmacion-referencia span{color:var(--color-texto);font-weight:700}.equipos-pantalla{flex-direction:column;gap:16px;padding-bottom:8px;display:flex}.equipos-titulo{color:var(--color-marino);margin:4px 0 0;font-size:22px}.equipos-texto-secundario{color:var(--color-texto-secundario);margin:0;font-size:14px}.equipos-lista{flex-direction:column;gap:10px;display:flex}.tarjeta-equipo{background:var(--color-blanco);border:1px solid var(--color-borde);border-radius:var(--radio-tarjeta);padding:14px 16px}.tarjeta-equipo-cabecera{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.tarjeta-equipo-referencia{color:var(--color-marino);font-size:14.5px;font-weight:700}.badge-disponibilidad{white-space:nowrap;text-align:right;background:var(--color-pendiente-fondo);color:var(--color-pendiente-texto);border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700}.badge-disponibilidad.disponible{background:var(--color-activo-fondo);color:var(--color-activo-texto)}.equipo-fila-dato{justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;display:flex}.equipo-fila-dato-label{color:var(--color-texto-secundario);flex-shrink:0}.equipo-fila-dato-valor{color:var(--color-texto);text-align:right;font-weight:500}.equipo-asignar-boton{width:100%;margin-top:12px}.equipo-asignar-panel{border-top:1px solid var(--color-borde);margin-top:12px;padding-top:12px}.equipo-asignar-acciones{gap:8px;margin-top:10px;display:flex}.equipo-asignar-acciones .btn{flex:1}.equipos-paginado{justify-content:center;align-items:center;gap:10px;margin-top:4px;display:flex}.equipos-paginado-texto{color:var(--color-texto-secundario);font-size:13px}.clientes-pantalla{flex-direction:column;gap:12px;padding-bottom:8px;display:flex}.clientes-titulo{color:var(--color-marino);margin:4px 0 0;font-size:22px}.clientes-tabs{gap:8px;display:flex}.clientes-tab{border-radius:var(--radio-boton);border:1px solid var(--color-borde);background:var(--color-blanco);min-height:44px;color:var(--color-texto);cursor:pointer;flex:1;font-family:inherit;font-size:14px;font-weight:600}.clientes-tab.activa{background:var(--color-azul);border-color:var(--color-azul);color:var(--color-blanco)}.clientes-texto-secundario{color:var(--color-texto-secundario);margin:0;font-size:14px}.clientes-total{color:var(--color-texto-secundario);margin:-4px 0 0;font-size:13px}.clientes-lista{flex-direction:column;gap:10px;display:flex}.tarjeta-cliente{background:var(--color-blanco);border:1px solid var(--color-borde);border-radius:var(--radio-tarjeta);padding:14px 16px}.tarjeta-cliente-cabecera{justify-content:space-between;align-items:center;gap:8px;display:flex}.tarjeta-cliente-referencia{color:var(--color-marino);font-size:14.5px;font-weight:700}.tarjeta-cliente-nombre{color:var(--color-texto);margin:8px 0 0;font-size:15px;font-weight:600}.tarjeta-cliente-telefono{color:var(--color-texto-secundario);margin:2px 0 0;font-size:13px}.tarjeta-cliente-vendido-por{color:var(--color-texto-secundario);margin:6px 0 0;font-size:12px}.tarjeta-recarga-fecha{color:var(--color-texto-secundario);text-align:right;flex-shrink:0;font-size:12px}.tarjeta-recarga-detalle{border-top:1px solid var(--color-borde);flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;display:flex}.recarga-fila-dato{justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;display:flex}.recarga-fila-dato-label{color:var(--color-texto-secundario);flex-shrink:0}.recarga-fila-dato-valor{color:var(--color-texto);text-align:right;font-weight:500}.badge-estado{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:11.5px;font-weight:700}.badge-estado-pendiente{background:var(--color-pendiente-fondo);color:var(--color-pendiente-texto)}.badge-estado-activo{background:var(--color-activo-fondo);color:var(--color-activo-texto)}.badge-estado-suspendido{background:var(--color-suspendido-fondo);color:var(--color-suspendido-texto)}.clientes-paginado{justify-content:center;align-items:center;gap:10px;margin-top:4px;display:flex}.clientes-paginado-texto{color:var(--color-texto-secundario);font-size:13px}.cartera-pantalla{flex-direction:column;gap:20px;padding-bottom:8px;display:flex}.cartera-titulo{color:var(--color-marino);margin:4px 0 0;font-size:22px}.cartera-texto-secundario{color:var(--color-texto-secundario);margin:0;font-size:14px}.cartera-total{background:var(--color-marino);text-align:center;border:none;padding:22px 18px}.cartera-total-etiqueta{color:var(--color-amarillo);margin:0 0 6px;font-size:13.5px;font-weight:600}.cartera-total-valor{color:var(--color-blanco);margin:0;font-size:30px;font-weight:700}.cartera-seccion{flex-direction:column;gap:10px;display:flex}.cartera-seccion-titulo{color:var(--color-marino);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.cartera-seccion-contador{background:var(--color-suspendido-fondo);color:var(--color-suspendido-texto);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700}.cartera-lista-mora{flex-direction:column;gap:10px;display:flex}.tarjeta-mora{background:var(--color-blanco);border:1px solid var(--color-borde);border-left:4px solid var(--color-suspendido-texto);border-radius:var(--radio-tarjeta);padding:14px 16px}.tarjeta-mora-cabecera{justify-content:space-between;align-items:center;gap:8px;display:flex}.tarjeta-mora-referencia{color:var(--color-marino);font-size:14.5px;font-weight:700}.badge-vencimiento{white-space:nowrap;background:var(--color-suspendido-fondo);color:var(--color-suspendido-texto);border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:11.5px;font-weight:700}.tarjeta-mora-nombre{color:var(--color-texto);margin:8px 0 0;font-size:15px;font-weight:600}.tarjeta-mora-telefono{color:var(--color-texto-secundario);margin:2px 0 0;font-size:13px}.tarjeta-mora-montos{gap:10px;margin-top:12px;display:flex}.tarjeta-mora-monto{background:var(--color-fondo);border-radius:var(--radio-boton);flex-direction:column;flex:1;gap:2px;padding:8px 10px;display:flex}.tarjeta-mora-monto-label{color:var(--color-texto-secundario);font-size:11.5px}.tarjeta-mora-monto-valor{color:var(--color-marino);font-size:15px}.tarjeta-mora-adeudado{color:var(--color-texto-secundario);margin:10px 0 0;font-size:12.5px}.soportes-pantalla{flex-direction:column;gap:16px;padding-bottom:8px;display:flex}.soportes-titulo{color:var(--color-marino);margin:4px 0 0;font-size:22px}.soportes-texto-secundario{color:var(--color-texto-secundario);margin:0;font-size:14px}.soportes-mensaje-exito{background:var(--color-activo-fondo);color:var(--color-activo-texto);border-radius:8px;margin:0;padding:10px 12px;font-size:13px}.soportes-lista{flex-direction:column;gap:10px;display:flex}.tarjeta-soporte{text-align:left;background:var(--color-blanco);border:1px solid var(--color-borde);border-left:4px solid var(--color-azul);border-radius:var(--radio-tarjeta);cursor:pointer;width:100%;padding:14px 16px;font-family:inherit;display:block}.tarjeta-soporte-cabecera{justify-content:space-between;align-items:center;gap:8px;display:flex}.tarjeta-soporte-referencia{color:var(--color-marino);font-size:14.5px;font-weight:700}.tarjeta-soporte-fecha{color:var(--color-texto-secundario);text-align:right;font-size:12px}.tarjeta-soporte-cliente{color:var(--color-texto);margin:8px 0 0;font-size:15px;font-weight:600}.tarjeta-soporte-tipo-error{color:var(--color-texto-secundario);margin:2px 0 0;font-size:13px}.soportes-volver{min-height:44px;color:var(--color-azul);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:8px 0;font-family:inherit;font-size:14.5px;font-weight:600}.soportes-detalle{flex-direction:column;display:flex}.soportes-detalle-cabecera{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.soportes-detalle-referencia{color:var(--color-marino);font-size:15px;font-weight:700}.badge-tipo-error{white-space:nowrap;background:var(--color-pendiente-fondo);color:var(--color-pendiente-texto);border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700}.soportes-fila-dato{border-bottom:1px solid var(--color-borde);justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;font-size:13.5px;display:flex}.soportes-fila-dato:last-of-type{border-bottom:none}.soportes-fila-dato-label{color:var(--color-texto-secundario);flex-shrink:0}.soportes-fila-dato-valor{color:var(--color-texto);text-align:right;font-weight:500}.soportes-descripcion{border-top:1px solid var(--color-borde);margin-top:10px;padding-top:10px}.soportes-descripcion-label{color:var(--color-texto-secundario);margin:0 0 4px;font-size:12.5px}.soportes-descripcion-texto{color:var(--color-texto);white-space:pre-wrap;margin:0;font-size:14px}.soportes-seccion-titulo{color:var(--color-marino);margin:0 0 12px;font-size:15px;font-weight:700}.soportes-textarea{resize:vertical;min-height:100px;padding-top:12px;line-height:1.4}