:root{color:#111827;background:#eef2f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}.pantalla{min-height:100vh;display:grid;place-items:center;padding:24px}.panel{width:min(100%,420px);background:#fff;border:1px solid #d9e1e2;border-radius:8px;box-shadow:0 24px 70px #0f172a1f;padding:24px}.marca{display:flex;gap:14px;align-items:center;margin-bottom:28px}.marcaIcono{width:52px;height:52px;display:grid;place-items:center;color:#f8fafc;background:#0f766e;border-radius:8px}.marcaLogo{width:44px;height:44px;flex:0 0 auto;object-fit:contain}.marca p{margin:0;font-size:1.5rem;font-weight:800}.marca span,.estado span{display:block;margin-top:2px;color:#64748b;font-size:.92rem}.formulario{display:grid;gap:16px}label{display:grid;gap:7px;color:#334155;font-weight:650}input,select,textarea{min-height:44px;border:1px solid #cbd5e1;border-radius:6px;padding:0 12px;color:#0f172a;background:#fff}input:focus,select:focus,textarea:focus{outline:3px solid rgba(15,118,110,.18);border-color:#0f766e}textarea{min-height:104px;resize:vertical;padding-top:10px}button{min-height:44px;display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:6px;color:#fff;background:#0f766e;font-weight:750;cursor:pointer}button:hover{background:#115e59}.sesion{display:grid;gap:18px}.estado{display:flex;align-items:center;gap:12px;color:#0f766e}.estado strong{display:block;color:#111827}dl{display:grid;gap:10px;margin:0;padding:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}dt{color:#64748b;font-size:.78rem;font-weight:750;text-transform:uppercase}dd{margin:2px 0 0;overflow-wrap:anywhere}.mensaje{margin:16px 0 0;color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:10px 12px}.appShell{min-height:100vh;display:grid;grid-template-columns:272px 1fr;background:#f4f7f7;transition:grid-template-columns .18s ease}.appShell.sidebarColapsado{grid-template-columns:88px 1fr}.appShell.modoOscuro{background:#0f172a}.appShell.modoOscuro .contenido{color:#e2e8f0}.appShell.modoOscuro .topbar h1,.appShell.modoOscuro .dashboardIntro h2,.appShell.modoOscuro .dashboardCardHeader h3,.appShell.modoOscuro .dashboardKpis strong,.appShell.modoOscuro .estadoBarra strong,.appShell.modoOscuro .filaDashboard strong,.appShell.modoOscuro .calidadPlaceholder strong{color:#f8fafc}.appShell.modoOscuro .dashboardKpis article,.appShell.modoOscuro .dashboardCard,.appShell.modoOscuro .dashboardPulsoAdmin article,.appShell.modoOscuro .dashboardUsuario,.appShell.modoOscuro .botonIconoTopbar,.appShell.modoOscuro .botonSecundario{background:#111827;border-color:#273449}.appShell.modoOscuro .dashboardIntro p,.appShell.modoOscuro .dashboardCardHeader p,.appShell.modoOscuro .dashboardKpis span,.appShell.modoOscuro .dashboardKpis small,.appShell.modoOscuro .dashboardPulsoAdmin span,.appShell.modoOscuro .dashboardPulsoAdmin p,.appShell.modoOscuro .estadoBarra span,.appShell.modoOscuro .filaDashboard span,.appShell.modoOscuro .calidadPlaceholder p{color:#94a3b8}.appShell.modoOscuro .dashboardPulsoAdmin strong{color:#f8fafc}.appShell.modoOscuro .dashboardPulsoAdmin .pulsoPrincipal span,.appShell.modoOscuro .dashboardPulsoAdmin .pulsoPrincipal strong,.appShell.modoOscuro .dashboardPulsoAdmin .pulsoPrincipal p{color:#fff}.appShell.modoOscuro .filaDashboard,.appShell.modoOscuro .calidadPlaceholder{background:#0f172a;border-color:#273449}.appShell.modoOscuro .panelTrabajo,.appShell.modoOscuro .gestionTabla,.appShell.modoOscuro .gestionPanelLateral,.appShell.modoOscuro .ordenMetricas article,.appShell.modoOscuro .ordenTablaPanel,.appShell.modoOscuro .ordenDetallePanel,.appShell.modoOscuro .clientesTablaPanel,.appShell.modoOscuro .clienteEditorPanel,.appShell.modoOscuro .metricasClientes article,.appShell.modoOscuro .whatsappInbox,.appShell.modoOscuro .whatsappChatPanel,.appShell.modoOscuro .whatsappLateral,.appShell.modoOscuro .portalPanel,.appShell.modoOscuro .satisfaccionDetalle,.appShell.modoOscuro .postventaCard,.appShell.modoOscuro .seguimientoOrdenFila,.appShell.modoOscuro .portalCotizacionPreview,.appShell.modoOscuro .encuestaOrdenResumen{color:#e2e8f0;background:#111827;border-color:#273449;box-shadow:0 18px 46px #00000038}.appShell.modoOscuro .gestionHeader h2,.appShell.modoOscuro .panelTrabajo h2,.appShell.modoOscuro .gestionPanelLateral h3,.appShell.modoOscuro .ordenDetalleHeader h2,.appShell.modoOscuro .detalleTitulo strong,.appShell.modoOscuro .tarjetaDetalleOrden strong,.appShell.modoOscuro .comentariosOrden strong,.appShell.modoOscuro .costoFormulario h3,.appShell.modoOscuro .costosListasOrden h3,.appShell.modoOscuro .costosResumenOrden strong,.appShell.modoOscuro .costoAcordeonHeader,.appShell.modoOscuro .historialOrdenPanel strong,.appShell.modoOscuro .tablaGestionFila strong,.appShell.modoOscuro .clienteCelda strong,.appShell.modoOscuro .whatsappChatHeader h3,.appShell.modoOscuro .menuWhatsappPreview h3,.appShell.modoOscuro .portalPanel h3,.appShell.modoOscuro .metricasClientes strong,.appShell.modoOscuro .postventaCardPrincipal strong,.appShell.modoOscuro .seguimientoOrdenesHeader h3,.appShell.modoOscuro .seguimientoOrdenFila strong,.appShell.modoOscuro .satisfaccionDetalleHeader h3,.appShell.modoOscuro .satisfaccionPregunta strong,.appShell.modoOscuro .evidenciaItem strong,.appShell.modoOscuro .ordenMetricas strong,.appShell.modoOscuro .topbar h1{color:#f8fafc}.appShell.modoOscuro .gestionHeader p,.appShell.modoOscuro .panelTrabajo p,.appShell.modoOscuro .ordenMetricas span,.appShell.modoOscuro .ordenMetricas small,.appShell.modoOscuro .tarjetaDetalleOrden p,.appShell.modoOscuro .comentariosOrden p,.appShell.modoOscuro .comentariosOrden small,.appShell.modoOscuro .costosResumenOrden span,.appShell.modoOscuro .tablaGestionFila,.appShell.modoOscuro .tablaGestionFila small,.appShell.modoOscuro .tablaClientesFila,.appShell.modoOscuro .clienteCelda small,.appShell.modoOscuro .whatsappConversacion small,.appShell.modoOscuro .whatsappConversacion p,.appShell.modoOscuro .whatsappChatHeader p,.appShell.modoOscuro .menuWhatsappPreview button small,.appShell.modoOscuro .menuWhatsappPreview article small,.appShell.modoOscuro .portalPanel p,.appShell.modoOscuro .postventaCardPrincipal p,.appShell.modoOscuro .postventaCardPrincipal small,.appShell.modoOscuro .postventaFecha span,.appShell.modoOscuro .postventaFecha small,.appShell.modoOscuro .seguimientoOrdenesHeader p,.appShell.modoOscuro .seguimientoOrdenFila span,.appShell.modoOscuro .tablaVacia,.appShell.modoOscuro .evidenciaItem p,.appShell.modoOscuro .barraCliente span{color:#94a3b8}.appShell.modoOscuro input,.appShell.modoOscuro select,.appShell.modoOscuro textarea{color:#f8fafc;background:#0f172a;border-color:#334155}.appShell.modoOscuro input::placeholder,.appShell.modoOscuro textarea::placeholder{color:#64748b}.appShell.modoOscuro label,.appShell.modoOscuro .seguimientoToolbar>label:not(.busquedaClientes),.appShell.modoOscuro .satisfaccionToolbar>label:not(.busquedaClientes),.appShell.modoOscuro .clientesToolbar>label:not(.busquedaClientes),.appShell.modoOscuro .editorFormulario label,.appShell.modoOscuro .formulario label{color:#cbd5e1}.appShell.modoOscuro .tablaOrdenesHead,.appShell.modoOscuro .tablaGestionHead,.appShell.modoOscuro .tablaClientesHead,.appShell.modoOscuro .seguimientoOrdenesHead{color:#cbd5e1;background:#0b1220;border-color:#273449}.appShell.modoOscuro .tablaOrdenesFila,.appShell.modoOscuro .tablaGestionFila,.appShell.modoOscuro .tablaClientesFila,.appShell.modoOscuro .whatsappConversacion,.appShell.modoOscuro .menuWhatsappPreview button,.appShell.modoOscuro .menuWhatsappPreview article,.appShell.modoOscuro .satisfaccionLista button,.appShell.modoOscuro .portalListaItem,.appShell.modoOscuro .postventaCard,.appShell.modoOscuro .seguimientoOrdenFila,.appShell.modoOscuro .evidenciaItem{color:#dbeafe;background:#111827;border-color:#273449}.appShell.modoOscuro .tablaOrdenesFila,.appShell.modoOscuro .tablaGestionFila,.appShell.modoOscuro .tablaClientesFila{border-top-color:#273449}.appShell.modoOscuro .tablaOrdenesFila:hover,.appShell.modoOscuro .tablaOrdenesFila.activa,.appShell.modoOscuro .tablaGestionFila:hover,.appShell.modoOscuro .tablaGestionFila.activa,.appShell.modoOscuro .tablaClientesFila.activa,.appShell.modoOscuro .cotizacionesListaPanel .tablaGestionFila:hover,.appShell.modoOscuro .cotizacionesListaPanel .tablaGestionFila.activa,.appShell.modoOscuro .whatsappConversacion:hover,.appShell.modoOscuro .whatsappConversacion.activa,.appShell.modoOscuro .seguimientoOrdenFila:hover,.appShell.modoOscuro .seguimientoOrdenFila.activa{background:#13233a}.appShell.modoOscuro .ordenTabs,.appShell.modoOscuro .ordenDetalleTabs,.appShell.modoOscuro .seguimientoToolbar,.appShell.modoOscuro .satisfaccionToolbar,.appShell.modoOscuro .clientesToolbar,.appShell.modoOscuro .portalFiltrosPanel,.appShell.modoOscuro .seguimientoOrdenesHeader,.appShell.modoOscuro .seguimientoCrearInline{border-color:#273449}.appShell.modoOscuro .ordenTabs button,.appShell.modoOscuro .ordenDetalleTabs button,.appShell.modoOscuro .portalSegmentos button{color:#cbd5e1}.appShell.modoOscuro .ordenTabs button.activo,.appShell.modoOscuro .ordenDetalleTabs button:hover,.appShell.modoOscuro .portalSegmentos button.activo{color:#dbeafe;background:#1e3a5f}.appShell.modoOscuro .tarjetaDetalleOrden,.appShell.modoOscuro .comentariosOrden,.appShell.modoOscuro .evidenciaUploader,.appShell.modoOscuro .costosResumenOrden article,.appShell.modoOscuro .costoAcordeon,.appShell.modoOscuro .costosListasOrden article,.appShell.modoOscuro .editarOrdenForm,.appShell.modoOscuro .historialOrdenPanel,.appShell.modoOscuro .reclamoGarantiaForm,.appShell.modoOscuro .satisfaccionPregunta,.appShell.modoOscuro .portalCotizacionPreview,.appShell.modoOscuro .portalResumenCotizacion,.appShell.modoOscuro .portalPartidaCotizacion{background:#0f172a;border-color:#273449}.appShell.modoOscuro .costoAcordeonHeader,.appShell.modoOscuro .botonSecundario,.appShell.modoOscuro .botonIcono,.appShell.modoOscuro .accionesTabla button{color:#5eead4;background:#0b1220;border-color:#334155}.appShell.modoOscuro .botonSecundario:hover,.appShell.modoOscuro .botonIcono:hover,.appShell.modoOscuro .accionesTabla button:hover,.appShell.modoOscuro .menuWhatsappPreview button:hover{background:#13233a;border-color:#14b8a6}.appShell.modoOscuro .botonUploadEvidencia,.appShell.modoOscuro .ayudaOperativa{color:#67e8f9;background:#083344;border-color:#155e75}.appShell.modoOscuro .evidenciaItem img{background:#1e293b}.appShell.modoOscuro .barraCliente div{background:#273449}.appShell.modoOscuro .mensaje,.appShell.modoOscuro .encuestaOrdenResumen{background:#0f172a;border-color:#334155}.sidebar{min-height:100vh;height:100vh;position:sticky;top:0;align-self:start;overflow:hidden;border-right:1px solid rgba(148,163,184,.18);background:radial-gradient(circle at 18% 8%,rgba(37,99,235,.2),transparent 28%),linear-gradient(180deg,#07172f,#061126 52%,#050b1d);padding:18px 16px;color:#dbeafe;transition:padding .18s ease}.compacta{margin-bottom:20px}.compacta .marcaIcono{width:44px;height:44px}.sidebarContenido{height:calc(100vh - 36px);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:22px;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.35) transparent}.sidebar .marca{gap:14px;align-items:center}.sidebar .marca p{color:#fff;font-size:1.5rem;letter-spacing:0}.sidebar .marca span{color:#cbd5e1;font-size:.88rem}.sidebar .marcaLogo{width:64px;height:64px;filter:drop-shadow(0 12px 22px rgba(37,99,235,.32))}.sidebarToggle{width:30px;height:30px;display:grid;place-items:center;color:#0f766e;background:#fff;border:1px solid rgba(20,184,166,.34);border-radius:999px;box-shadow:0 10px 24px #0f172a2e}.sidebarToggle:hover{color:#fff;background:#0f766e}.empresaActualSidebar{width:100%;min-height:68px;justify-content:flex-start;gap:12px;margin-bottom:18px;color:#e5eefc;background:#1e293bb8;border:1px solid rgba(148,163,184,.16);border-radius:8px;padding:12px}.empresaActualSidebar:hover{background:#334155cc}.empresaActualSidebar>span{min-width:0;display:grid;gap:3px;text-align:left}.empresaActualSidebar small{color:#94a3b8;font-size:.72rem;font-weight:750}.empresaActualSidebar strong{overflow:hidden;color:#fff;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.empresaActualSidebar .selectorEmpresa{margin-left:auto;color:#94a3b8;font-size:1rem}nav{display:grid;gap:7px}nav button{min-height:42px;display:flex;align-items:center;gap:10px;color:#dbeafe;background:transparent;border:0;border-radius:6px;padding:0 12px;font-weight:700;justify-content:flex-start}nav button:hover,nav button.navActivo{color:#fff;background:linear-gradient(135deg,#2563eb,#14b8a6);box-shadow:0 10px 24px #14b8a638}nav button.navFuturo{color:#cbd5e1}nav button.navFuturo:hover{color:#fff;background:#1e293bc2;box-shadow:none}.navConBadge span{min-width:24px;height:22px;display:grid;place-items:center;margin-left:auto;color:#fff;background:#14b8a6;border-radius:999px;font-size:.72rem}.sidebarInferior{display:grid;gap:0}.usuarioSidebar{display:grid;grid-template-columns:40px 1fr 32px;gap:10px;align-items:center;border-top:1px solid rgba(148,163,184,.2);padding-top:16px}.avatarUsuario{width:40px;height:40px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#2563eb,#14b8a6);border-radius:999px;font-weight:900}.usuarioSidebar strong,.usuarioSidebar span{display:block}.usuarioSidebar strong{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usuarioSidebar span{color:#94a3b8;font-size:.78rem}.appShell.sidebarColapsado .sidebar{padding:18px 12px}.appShell.sidebarColapsado .sidebar .marca{justify-content:center;margin-bottom:18px}.appShell.sidebarColapsado .sidebar .marcaLogo{width:48px;height:48px}.appShell.sidebarColapsado .sidebar .marca>div{display:none}.appShell.sidebarColapsado .empresaActualSidebar{min-height:48px;justify-content:center;padding:0}.appShell.sidebarColapsado .empresaActualSidebar>span{display:none}.appShell.sidebarColapsado nav button{width:48px;min-height:44px;justify-content:center;gap:0;overflow:hidden;padding:0;white-space:nowrap;font-size:0}.appShell.sidebarColapsado nav button svg{flex:0 0 auto}.appShell.sidebarColapsado .navConBadge span{display:none}.appShell.sidebarColapsado .usuarioSidebar{grid-template-columns:1fr;justify-items:center;gap:8px}.appShell.sidebarColapsado .usuarioSidebar>div:not(.avatarUsuario),.appShell.sidebarColapsado .usuarioSidebar>span{display:none}.contenido{padding:28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.topbarAcciones{display:flex;align-items:center;gap:10px}.botonIconoTopbar{width:44px;min-height:44px;padding:0;color:#0f766e;background:#fff;border:1px solid #d9e1e2;border-radius:8px}.botonIconoTopbar:hover{color:#fff;background:#0f766e}.topbar h1{margin:4px 0 0;color:#0f172a;font-size:1.7rem;letter-spacing:0}.eyebrow{color:#0f766e;font-size:.78rem;font-weight:850;text-transform:uppercase}.botonSecundario{color:#0f766e;background:#fff;border:1px solid #b7d4d0}.botonSecundario:hover{background:#ecfdf5}.gridResumen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.gridResumen article,.panelTrabajo{background:#fff;border:1px solid #d9e1e2;border-radius:8px;padding:18px}.gridResumen article{display:grid;gap:8px;color:#0f766e}.gridResumen span{color:#64748b;font-size:.82rem;font-weight:800;text-transform:uppercase}.gridResumen strong{color:#0f172a;overflow-wrap:anywhere}.panelTrabajo h2{margin:0 0 8px;font-size:1.15rem}.panelTrabajo p{max-width:760px;margin:0;color:#475569;line-height:1.55}.dashboardSaas{display:grid;gap:16px}.dashboardIntro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.dashboardIntro h2{margin:4px 0 6px;color:#0f172a;font-size:1.45rem}.dashboardIntro p{max-width:720px;margin:0;color:#475569;line-height:1.5}.dashboardUsuario{min-height:42px;display:inline-flex;align-items:center;gap:9px;color:#0f766e;background:#fff;border:1px solid #d9e1e2;border-radius:8px;padding:0 12px;font-weight:800}.dashboardPulsoAdmin{display:grid;grid-template-columns:minmax(240px,1.35fr) repeat(5,minmax(145px,1fr));gap:12px}.dashboardPulsoAdmin article{min-height:118px;display:grid;align-content:start;gap:7px;padding:16px;border:1px solid #dbe4ea;border-radius:8px;background:#fff;box-shadow:0 16px 42px #0f172a0f}.dashboardPulsoAdmin .pulsoPrincipal{color:#fff;border:0;background:linear-gradient(135deg,#0f766e,#2563eb)}.dashboardPulsoAdmin.critico .pulsoPrincipal{background:linear-gradient(135deg,#be123c,#f97316)}.dashboardPulsoAdmin.espera .pulsoPrincipal{background:linear-gradient(135deg,#b45309,#0f766e)}.dashboardPulsoAdmin .pulsoPrincipal div{display:flex;align-items:center;gap:8px}.dashboardPulsoAdmin span{color:#64748b;font-size:.78rem;font-weight:900}.dashboardPulsoAdmin strong{min-width:0;overflow-wrap:anywhere;color:#0f172a;font-size:1.3rem;line-height:1.1}.dashboardPulsoAdmin p{margin:0;color:#64748b;font-size:.82rem;line-height:1.4}.dashboardPulsoAdmin .pulsoPrincipal span,.dashboardPulsoAdmin .pulsoPrincipal strong,.dashboardPulsoAdmin .pulsoPrincipal p{color:#fff}.dashboardKpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.dashboardKpis article,.dashboardCard{background:#fff;border:1px solid #d9e1e2;border-radius:8px;box-shadow:0 16px 45px #0f172a0f}.dashboardKpis article{min-height:132px;display:grid;align-content:start;gap:8px;padding:16px}.kpiIcono{width:40px;height:40px;display:grid;place-items:center;color:#fff;border-radius:8px}.kpiIcono.azul{background:#2563eb}.kpiIcono.naranja{background:#f97316}.kpiIcono.violeta{background:#14b8a6}.kpiIcono.verde{background:#16a34a}.kpiIcono.rojo{background:#f43f5e}.dashboardKpis span{color:#475569;font-size:.82rem;font-weight:850}.dashboardKpis strong{color:#0f172a;font-size:1.45rem;line-height:1}.dashboardKpis small{color:#64748b;font-size:.76rem;font-weight:750}.dashboardGrid,.dashboardLienzo{display:grid;gap:14px}.dashboardGrid{grid-template-columns:minmax(360px,1.35fr) minmax(300px,.9fr);align-items:start}.dashboardLienzo{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row dense;align-items:stretch}.dashboardCard{display:grid;gap:14px;align-content:start;height:100%;padding:16px}.dashboardCardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;color:#0f766e}.dashboardCardHeader h3{margin:0 0 4px;color:#0f172a;font-size:1rem}.dashboardCardHeader p{margin:0;color:#64748b;font-size:.86rem}.tarjetaEtapas{grid-column:span 5;min-height:348px}.tarjetaCriticas{grid-column:span 4;min-height:348px}.tarjetaAlertas{grid-column:span 3;min-height:348px}.tarjetaTendencia,.tarjetaCalidad,.tarjetaCostoOrden{grid-column:span 4;min-height:260px}.tarjetaEntregas{grid-column:1 / -1;min-height:238px}.embudoEstados{display:grid;gap:13px}.estadoBarra{display:grid;grid-template-columns:110px 1fr 34px;gap:10px;align-items:center}.estadoBarra span{color:#334155;font-size:.86rem;font-weight:800}.estadoBarra div{height:11px;overflow:hidden;background:#edf2f7;border-radius:999px}.estadoBarra i{display:block;height:100%;background:#bfdbfe;border-radius:inherit}.estadoBarra:nth-child(2) i{background:#fde68a}.estadoBarra:nth-child(3) i{background:#fed7aa}.estadoBarra:nth-child(4) i{background:#a7f3d0}.estadoBarra:nth-child(5) i{background:#bae6fd}.estadoBarra:nth-child(6) i{background:#bbf7d0}.estadoBarra strong{text-align:right;color:#0f172a}.donaEtapasWrap{display:grid;grid-template-columns:minmax(210px,.95fr) minmax(180px,1fr);gap:24px;align-items:center;min-height:260px}.donaEtapas{width:min(100%,260px);aspect-ratio:1;display:grid;place-items:center;border-radius:999px;margin:0 auto}.donaEtapas>div{width:46%;aspect-ratio:1;display:grid;place-items:center;align-content:center;background:#fff;border-radius:999px;box-shadow:inset 0 0 0 1px #edf2f7}.donaEtapas strong{color:#0f172a;font-size:1.8rem;line-height:1}.donaEtapas span{color:#64748b;font-size:.8rem;font-weight:800}.leyendaEtapas{display:grid;gap:13px}.leyendaEtapas div{display:grid;grid-template-columns:12px minmax(100px,1fr) auto;gap:9px;align-items:center}.leyendaEtapas i{width:10px;height:10px;border-radius:999px}.leyendaEtapas span{color:#334155;font-size:.88rem;font-weight:800}.leyendaEtapas strong{color:#475569;font-size:.84rem}.listaDashboard{display:grid;gap:8px;align-content:start}.listaDashboard>p{margin:0;color:#64748b}.filaDashboard{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px}.filaDashboard strong,.filaDashboard span{display:block}.filaDashboard strong{color:#0f172a}.filaDashboard span{margin-top:3px;color:#64748b;font-size:.84rem}.filaDashboard em{flex:0 0 auto;color:#0f766e;background:#ecfdf5;border-radius:999px;padding:6px 9px;font-size:.8rem;font-style:normal;font-weight:850}.filaCritica{border-left:3px solid #fb7185}.filaCritica em{color:#be123c;background:#ffe4e6}.barrasDashboard{display:grid;gap:12px;align-content:center;min-height:230px}.barrasDashboard>p{margin:0;color:#64748b}.barraCliente{display:grid;grid-template-columns:minmax(120px,.75fr) 1fr 34px;gap:10px;align-items:center}.barraCliente span{min-width:0;overflow:hidden;color:#334155;font-size:.86rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.barraCliente div{height:9px;overflow:hidden;background:#edf2f7;border-radius:999px}.barraCliente i{display:block;height:100%;background:linear-gradient(90deg,#93c5fd,#99f6e4);border-radius:inherit}.barraCliente strong{text-align:right;color:#0f766e}.graficaTendencia{height:172px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end;padding-top:10px}.graficaTendencia div{height:100%;display:grid;grid-template-rows:22px 1fr 20px;gap:6px;justify-items:center}.graficaTendencia strong{color:#334155;font-size:.78rem}.graficaTendencia i{width:10px;align-self:end;background:linear-gradient(180deg,#93c5fd,#99f6e4);border-radius:999px}.graficaTendencia span{color:#64748b;font-size:.76rem;font-weight:800;text-transform:capitalize}.calidadPlaceholder{display:grid;gap:7px;align-content:start;min-height:178px;border:1px dashed #b7d4d0;border-radius:8px;padding:14px;background:#f8fafc}.calidadPlaceholder strong{color:#0f172a}.calidadPlaceholder p{margin:0;color:#64748b;line-height:1.45}.mensaje.neutro{color:#334155;background:#f8fafc;border-color:#d9e1e2}.pantallaGestion{display:grid;gap:16px}.gestionHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.gestionHeader h2{margin:4px 0 6px;color:#0f172a;font-size:1.45rem}.gestionHeader p{max-width:760px;margin:0;color:#475569;line-height:1.5}.gestionMetricas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.gestionMetricas article{min-height:112px;display:grid;align-content:start;gap:7px;color:#0f766e;background:#fff;border:1px solid #d9e1e2;border-radius:8px;padding:14px;box-shadow:0 16px 45px #0f172a0d}.gestionMetricas span{color:#475569;font-size:.82rem;font-weight:850}.gestionMetricas strong{color:#0f172a;font-size:1.45rem;line-height:1}.gestionGrid{display:grid;grid-template-columns:minmax(420px,1fr) minmax(300px,380px);gap:14px;align-items:start}.gestionTabla,.gestionPanelLateral{background:#fff;border:1px solid #d9e1e2;border-radius:8px;box-shadow:0 18px 50px #0f172a0f}.gestionTabla{overflow-x:auto}.gestionPanelLateral{display:grid;gap:14px;align-content:start;padding:16px;min-width:0;max-width:100%;overflow:hidden;container-type:inline-size}.gestionPanelLateral h3{margin:0;color:#0f172a;font-size:1rem}.gestionPanelLateral .formulario,.gestionPanelLateral .formulario>*,.gestionPanelLateral .formGridDos,.gestionPanelLateral .formGridDos>label{min-width:0;max-width:100%}.gestionPanelLateral input,.gestionPanelLateral select,.gestionPanelLateral textarea{width:100%;min-width:0;max-width:100%}.gestionPanelLateral textarea{resize:vertical}.seguimientoPostventaGrid{display:grid;grid-template-columns:minmax(520px,1fr) minmax(320px,390px);gap:14px;align-items:start}.seguimientoPostventaGridMitad{grid-template-columns:repeat(2,minmax(0,1fr))}.seguimientoOrdenesPanel{overflow:hidden}.seguimientoOrdenesHeader{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,330px);gap:14px;align-items:end;padding:14px;border-bottom:1px solid #e2e8f0}.seguimientoOrdenesHeader h3,.seguimientoOrdenesHeader p{margin:0}.seguimientoOrdenesHeader h3{color:#0f172a;font-size:1rem}.seguimientoOrdenesHeader p{color:#64748b;line-height:1.45}.seguimientoOrdenesTabla{display:grid;gap:8px;padding:14px}.seguimientoOrdenesHead,.seguimientoOrdenFila{display:grid;grid-template-columns:minmax(110px,.85fr) minmax(130px,1fr) 92px minmax(150px,1.2fr);gap:10px;align-items:center}.seguimientoOrdenesHead{color:#475569;font-size:.72rem;font-weight:900;text-transform:uppercase}.seguimientoOrdenFila{width:100%;border:1px solid #dbe6ef;border-radius:8px;padding:11px;background:#fff;color:#0f172a;text-align:left;cursor:pointer}.seguimientoOrdenFila:hover,.seguimientoOrdenFila.activa{border-color:#5eead4;background:#f0fdfa}.seguimientoOrdenFila strong{color:#0f172a;font-size:.88rem}.seguimientoOrdenFila span{color:#475569;font-size:.82rem;font-weight:750}.seguimientoCrearInline{display:grid;grid-template-columns:130px minmax(180px,1fr) auto;gap:10px;align-items:end;padding:14px;border-top:1px solid #e2e8f0}.seguimientoCrearInline label{display:grid;gap:6px;color:#334155;font-size:.82rem;font-weight:850}.seguimientoCrearInline textarea,.seguimientoCrearInline button{min-height:42px}.seguimientoMetricasPostventa article:nth-child(2){color:#be123c}.seguimientoMetricasPostventa article:nth-child(3){color:#0f766e}.seguimientoToolbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(150px,190px) 106px;gap:12px;align-items:end;padding:14px;border-bottom:1px solid #e2e8f0}.seguimientoToolbar>label:not(.busquedaClientes){display:grid;gap:6px;color:#334155;font-size:.82rem;font-weight:850}.postventaCards{display:grid;gap:10px;padding:14px}.postventaCard{display:grid;grid-template-columns:minmax(220px,1fr) 150px minmax(250px,auto);gap:14px;align-items:center;border:1px solid #e2e8f0;border-left:4px solid #93c5fd;border-radius:8px;padding:13px;background:#fff}.postventaCard.vencido{border-left-color:#fb7185;background:#fff7f8}.postventaCard.proximo{border-left-color:#facc15;background:#fffdf2}.postventaCard.contactado{border-left-color:#14b8a6}.postventaCard.convertido{border-left-color:#22c55e;background:#f7fef9}.postventaCard.descartado,.postventaCard.cancelado{opacity:.78}.postventaCardPrincipal{display:grid;gap:4px}.postventaCardPrincipal strong{color:#0f172a;font-size:.98rem}.postventaCardPrincipal p,.postventaCardPrincipal small{margin:0;color:#64748b}.postventaFecha{display:grid;gap:3px;justify-items:start}.postventaFecha span,.postventaFecha small{color:#64748b;font-size:.78rem;font-weight:800}.postventaFecha strong{color:#0f766e;font-size:1rem}.postventaAcciones{display:flex;justify-content:flex-end;gap:8px}.postventaAcciones button{min-height:36px;padding:0 10px}.postventaAcciones span{color:#475569;font-weight:850}.badgePostventa{width:fit-content;color:#075985;background:#e0f2fe;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:900}.badgePostventa.vencido{color:#be123c;background:#ffe4e6}.badgePostventa.proximo{color:#92400e;background:#fef3c7}.badgePostventa.contactado{color:#0f766e;background:#ccfbf1}.badgePostventa.convertido{color:#15803d;background:#dcfce7}.badgePostventa.descartado,.badgePostventa.cancelado{color:#475569;background:#e2e8f0}.seguimientoCrearPanel p{margin:4px 0 0;color:#64748b;line-height:1.45}.satisfaccionGrid{display:grid;grid-template-columns:minmax(520px,1fr) minmax(340px,430px);gap:14px;align-items:start}.satisfaccionMetricas article:nth-child(2){color:#16a34a}.satisfaccionMetricas article:nth-child(4){color:#0f766e}.satisfaccionMetricas article:nth-child(5){color:#be123c}.satisfaccionToolbar{display:grid;grid-template-columns:minmax(280px,1fr) minmax(145px,190px) 104px;gap:12px;align-items:end;padding:14px;border-bottom:1px solid #e2e8f0}.satisfaccionToolbar>label:not(.busquedaClientes){display:grid;gap:6px;color:#334155;font-size:.82rem;font-weight:850}.satisfaccionLista{display:grid;gap:8px;padding:14px}.encuestaFila{width:100%;min-height:72px;display:grid;grid-template-columns:minmax(220px,1fr) 104px 76px;gap:12px;align-items:center;text-align:left;border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:12px;cursor:pointer}.encuestaFila:hover,.encuestaFila.activa{border-color:#5eead4;background:#f0fdfa}.encuestaFila strong,.encuestaFila span{display:block}.encuestaFila strong{color:#0f172a}.encuestaFila span{margin-top:3px;color:#64748b;font-size:.84rem}.encuestaFila em{justify-self:end;min-width:54px;border-radius:999px;padding:7px 9px;text-align:center;font-style:normal;font-weight:900}.encuestaFila em.alta,.satisfaccionPromedio.alta{color:#15803d;background:#dcfce7}.encuestaFila em.media,.satisfaccionPromedio.media{color:#92400e;background:#fef3c7}.encuestaFila em.baja,.satisfaccionPromedio.baja{color:#be123c;background:#ffe4e6}.encuestaFila em.pendiente,.satisfaccionPromedio.pendiente{color:#475569;background:#e2e8f0}.badgeEncuesta{width:fit-content;justify-self:start;color:#475569;background:#e2e8f0;border-radius:999px;padding:6px 9px;font-size:.74rem;font-weight:900}.badgeEncuesta.respondida{color:#15803d;background:#dcfce7}.badgeEncuesta.pendiente{color:#92400e;background:#fef3c7}.badgeEncuesta.anulada{color:#be123c;background:#ffe4e6}.satisfaccionDetalle{position:sticky;top:16px}.satisfaccionDetalleHeader{display:grid;gap:6px}.satisfaccionDetalleHeader h3{margin:0;color:#0f172a;font-size:1.1rem}.satisfaccionDetalleHeader p{margin:0;color:#64748b}.satisfaccionPromedio{display:grid;gap:4px;border-radius:8px;padding:16px}.satisfaccionPromedio span{font-size:.8rem;font-weight:850}.satisfaccionPromedio strong{font-size:1.65rem;line-height:1}.satisfaccionFechas{display:grid;gap:6px;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;padding:12px;font-size:.84rem;font-weight:750}.preguntasEncuesta{display:grid;gap:12px}.preguntasEncuesta>div{display:grid;gap:8px}.preguntasEncuesta>div>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.preguntasEncuesta span{color:#334155;font-size:.86rem;font-weight:850}.preguntasEncuesta strong{color:#0f172a;font-size:.86rem}.preguntasEncuesta i{height:9px;display:block;background:linear-gradient(90deg,#60a5fa,#5eead4);border-radius:999px}.preguntasEncuesta>div{position:relative}.preguntasEncuesta>div:after{content:"";position:absolute;right:0;bottom:0;left:0;z-index:-1;height:9px;background:#e2e8f0;border-radius:999px}.comentarioEncuesta{display:grid;gap:8px;border:1px solid #e2e8f0;border-radius:8px;padding:12px;background:#f8fafc}.comentarioEncuesta strong{color:#0f172a}.comentarioEncuesta p{margin:0;color:#475569;line-height:1.5}.gestionToolbar{display:grid;grid-template-columns:1fr;gap:10px;padding:14px;border-bottom:1px solid #e2e8f0}.equiposToolbar{grid-template-columns:minmax(260px,1fr) minmax(180px,260px)}.busquedaGestion{min-height:42px;display:flex;align-items:center;gap:9px;border:1px solid #cbd5e1;border-radius:6px;padding:0 12px;color:#64748b}.busquedaGestion input{min-height:40px;flex:1;border:0;padding:0}.busquedaGestion input:focus{outline:0}.tablaGestionHead,.tablaGestionFila{display:grid;gap:12px;align-items:center;min-width:820px;padding:12px 14px}.inventarioTabla{grid-template-columns:minmax(220px,1.2fr) minmax(150px,.8fr) 110px 90px 100px 42px}.equiposTabla{grid-template-columns:minmax(220px,1.1fr) minmax(180px,.9fr) minmax(150px,.8fr) 120px 80px 42px}.cotizacionesGrid{display:grid;grid-template-columns:minmax(520px,1fr) minmax(320px,420px);gap:14px;align-items:start}.cotizacionesToolbar{grid-template-columns:minmax(260px,1fr) minmax(160px,230px)}.cotizacionesTabla{grid-template-columns:minmax(165px,.95fr) 140px minmax(170px,1fr) 112px 112px 82px}.garantiasTabla{grid-template-columns:minmax(190px,1fr) minmax(160px,.8fr) minmax(190px,1fr) 130px 120px}.tecnicosTabla{grid-template-columns:minmax(220px,1fr) minmax(150px,.8fr) 90px 90px 110px}.cotizacionesListaPanel .tablaGestionFila{width:100%;border-radius:0;border-left:0;border-right:0;border-bottom:0;background:#fff;color:#334155;text-align:left;cursor:pointer}.cotizacionesListaPanel .tablaGestionFila:hover,.cotizacionesListaPanel .tablaGestionFila.activa{background:#eef6ff}.badgeCotizacion{justify-self:start;border-radius:999px;padding:5px 9px;font-size:.76rem;font-weight:850}.badgeCotizacion.borrador{color:#475569;background:#e2e8f0}.badgeCotizacion.enviada{color:#1d4ed8;background:#dbeafe}.badgeCotizacion.aprobada,.badgeCotizacion.activa,.badgeCotizacion.cerrada{color:#15803d;background:#dcfce7}.badgeCotizacion.por_vencer,.badgeCotizacion.reclamada{color:#b45309;background:#fef3c7}.badgeCotizacion.rechazada,.badgeCotizacion.cancelada,.badgeCotizacion.vencida{color:#be123c;background:#ffe4e6}.badgeCotizacion.vencida{color:#b45309;background:#fef3c7}.cotizacionDetalle{display:grid;gap:14px;padding:16px;border:1px solid #d9e1e2;border-radius:8px;background:#fff;box-shadow:0 18px 50px #0f172a0f}.cotizacionDetalle h3{margin:0;color:#0f172a}.cotizacionDetalle p{margin:5px 0 0;color:#64748b}.cotizacionTotales{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cotizacionTotales article{display:grid;gap:5px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.cotizacionTotales span{color:#64748b;font-size:.78rem;font-weight:850}.cotizacionTotales strong{color:#0f172a;font-size:1.25rem}.partidaCotizacionForm{grid-template-columns:150px minmax(240px,1fr) 112px 112px 130px 90px auto auto;align-items:end;padding:14px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.partidaCotizacionForm h3{grid-column:1 / -1}.partidaCotizacionForm button{min-height:44px}.partidasCotizacion{overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px}.partidasCotizacionHead{grid-template-columns:minmax(240px,1fr) 130px 130px 130px 82px}.accionesFila{display:inline-flex;gap:6px;align-items:center;justify-content:flex-end}.accionesFila button{min-height:32px;width:32px;padding:0;justify-content:center;color:#0f766e;border:1px solid #cbd5e1;background:#fff}.accionesFila button:hover:not(:disabled){color:#0f172a;border-color:#5eead4;background:#ecfeff}.accionesFila button:disabled{cursor:not-allowed;color:#94a3b8;background:#f8fafc}.accionesCotizacion{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.reclamoGarantiaForm{padding:14px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.tecnicoDetalleGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.whatsappGrid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(360px,1.1fr) minmax(300px,380px);gap:14px;align-items:start}.whatsappInbox,.whatsappChatPanel,.whatsappLateral{border:1px solid #d9e1e2;border-radius:8px;background:#fff;box-shadow:0 18px 50px #0f172a0f}.whatsappConversaciones{display:grid}.whatsappConversacion{min-height:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;justify-content:stretch;padding:14px;border-top:1px solid #e2e8f0;border-radius:0;color:#0f172a;background:#fff;text-align:left}.whatsappConversacion:hover,.whatsappConversacion.activa{background:#eef6ff}.whatsappConversacion span:first-child{min-width:0;display:grid;gap:3px}.whatsappConversacion strong,.whatsappConversacion small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whatsappConversacion small,.whatsappConversacion p{color:#64748b}.whatsappConversacion p{grid-column:1 / -1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whatsappChatPanel{display:grid;gap:14px;padding:16px}.whatsappChatHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.whatsappChatHeader h3,.menuWhatsappPreview h3{margin:0;color:#0f172a}.whatsappChatHeader p{margin:5px 0 0;color:#64748b}.whatsappMensajes{min-height:420px;max-height:520px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:14px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.burbujaMensaje{max-width:78%;display:grid;gap:5px;padding:10px 12px;border:1px solid #dbe4ea;border-radius:8px;background:#fff}.burbujaMensaje.saliente{align-self:flex-end;color:#fff;background:#0f766e;border-color:#0f766e}.burbujaMensaje.sistema{align-self:center;background:#eff6ff}.burbujaMensaje p{margin:0;line-height:1.4}.burbujaMensaje small{color:#64748b;font-size:.72rem}.burbujaMensaje.saliente small{color:#d1fae5}.whatsappRespuesta{display:grid;grid-template-columns:1fr 44px;gap:8px}.whatsappRespuesta button{min-width:44px;padding:0}.whatsappLateral{display:grid;gap:14px;padding:16px}.menuWhatsappPreview{display:grid;gap:8px}.menuWhatsappPreview button,.menuWhatsappPreview article{min-height:auto;display:grid;grid-template-columns:32px minmax(0,1fr);gap:2px 10px;justify-content:stretch;padding:10px;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;text-align:left}.menuWhatsappPreview button:hover{background:#eef6f5;border-color:#99f6e4}.menuWhatsappPreview button span,.menuWhatsappPreview article span{grid-row:span 2;width:28px;height:28px;display:grid;place-items:center;border-radius:999px;color:#0f766e;background:#ccfbf1;font-weight:850}.menuWhatsappPreview button small,.menuWhatsappPreview article small{color:#64748b}.accionDetectadaPanel{display:grid;gap:12px;padding:14px;border:1px solid #dbeafe;border-radius:8px;background:#f8fbff}.accionDetectadaHeader{display:grid;gap:3px}.accionDetectadaHeader span{color:#0f766e;font-size:.72rem;font-weight:900;text-transform:uppercase}.accionDetectadaHeader strong{color:#0f172a}.accionBusqueda,.accionSolicitud label{display:grid;gap:6px;color:#334155;font-weight:850}.accionLista,.accionSolicitud{display:grid;gap:9px}.accionLista p{margin:0;color:#64748b}.accionCard{display:grid;gap:5px;padding:10px;border:1px solid #dbe4ea;border-radius:8px;background:#fff}.accionCard strong{color:#0f172a}.accionCard span,.accionCard small{color:#64748b;line-height:1.35}.accionCard button,.accionSolicitud button{min-height:36px;margin-top:4px;padding:8px 10px;border-color:#99f6e4;color:#0f766e;background:#ecfeff}.accionBotones{display:grid;grid-template-columns:1fr 1fr;gap:8px}.notificacionesTopbar,.botonNotificaciones{position:relative}.botonNotificaciones span{position:absolute;top:-7px;right:-7px;min-width:19px;height:19px;display:grid;place-items:center;border-radius:999px;color:#fff;background:#ef4444;font-size:.7rem;font-weight:900}.notificacionesMenu{position:absolute;top:calc(100% + 10px);right:0;z-index:30;width:min(360px,calc(100vw - 32px));display:grid;gap:8px;padding:12px;border:1px solid #dbe4ea;border-radius:8px;background:#fff;box-shadow:0 18px 40px #0f172a24}.notificacionesMenuHeader{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.notificacionesMenuHeader strong,.notificacionesMenu button strong{color:#0f172a}.notificacionesMenuHeader small,.notificacionesMenu p,.notificacionesMenu button span{color:#64748b}.notificacionesMenu p{margin:0}.notificacionesMenu button{display:grid;gap:4px;padding:10px;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;text-align:left}.notificacionesMenu button:hover{background:#ecfeff;border-color:#99f6e4}.configuracionLayout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:16px}.configuracionMenu,.configuracionPanel{border:1px solid #dbe4ea;border-radius:8px;background:#fff;box-shadow:0 18px 38px #0f172a0f}.configuracionMenu{display:grid;align-content:start;gap:10px;padding:14px}.configuracionMenu h3{margin-bottom:4px}.configuracionMenu button{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;padding:12px;color:#334155;background:#f8fafc;border:1px solid #e2e8f0;text-align:left}.configuracionMenu button.activo,.configuracionMenu button:hover{color:#0f766e;background:#ecfeff;border-color:#5eead4}.configuracionMenu strong,.configuracionMenu small{display:block}.configuracionMenu small{margin-top:3px;color:#64748b;line-height:1.35}.configuracionPanel{padding:16px}.configuracionNota{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border:1px solid #ccfbf1;border-radius:8px;color:#0f766e;background:#f0fdfa}.configuracionNota strong,.configuracionNota span{display:block}.configuracionNota span{margin-top:3px;color:#475569}.estadoBadge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:.78rem;font-weight:900}.estadoBadge.ok{color:#047857;background:#dcfce7}.estadoBadge.pausa{color:#b45309;background:#fef3c7}.tablaGestionHead{color:#334155;background:#f8fafc;font-size:.78rem;font-weight:850}.tablaGestionFila{border-top:1px solid #e2e8f0;color:#334155}.tablaGestionFila:hover{background:#f8fafc}.tablaGestionFila.activa{background:#f0fdfa}.tablaGestionFila strong,.tablaGestionFila small{display:block}.tablaGestionFila strong{color:#0f172a}.tablaGestionFila small{margin-top:3px;color:#64748b;font-size:.82rem}.tablaGestionFila span{min-width:0;overflow:hidden;text-overflow:ellipsis}.textoRiesgo{color:#be123c;font-weight:850}.textoOk{color:#0f766e;font-weight:850}.moduloGrid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(260px,360px);gap:16px}.detallePanel{grid-column:1 / -1;order:2}.nuevoContactoPanel{order:3}.nuevaEmpresaPanel{order:4}.contactosPanel{grid-column:1 / -1;order:1}.panelHeader{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}.panelHeader h2{margin-bottom:4px}.contador{min-width:40px;height:32px;display:grid;place-items:center;color:#0f766e;background:#ecfdf5;border-radius:6px;font-weight:850}.lista{display:grid;gap:8px}.itemLista{min-height:58px;display:grid;justify-content:stretch;gap:4px;color:#0f172a;background:#fff;border:1px solid #d9e1e2;border-radius:6px;padding:10px 12px;text-align:left}.itemLista:hover,.itemLista.activoItem{color:#0f172a;background:#f0fdfa;border-color:#5eead4}.itemLista span,.datosDetalle span,.listaEquipos span{color:#64748b;font-size:.9rem}.compactoForm{gap:12px}.panelDerechoForm,.gestionPanelLateral .formulario,.inventarioAcordeon{width:100%}.listaMiniEdicion{display:grid;gap:7px}.listaMiniEdicion button{min-height:auto;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 10px;color:#0f172a;background:#fff;border:1px solid #e2e8f0;text-align:left}.listaMiniEdicion button span{min-width:0;display:grid;gap:2px}.listaMiniEdicion strong,.listaMiniEdicion small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listaMiniEdicion small{color:#64748b}.filtroLinea{margin-bottom:14px}.checkboxLinea{min-height:42px;grid-template-columns:18px 1fr;align-items:center;color:#0f172a;border:1px solid #d9e1e2;border-radius:6px;padding:10px 12px;background:#f8fafc}.checkboxLinea input{min-height:18px;width:18px;padding:0;accent-color:#0f766e}.datosDetalle{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 18px}.datosDetalle span{border:1px solid #d9e1e2;border-radius:999px;padding:6px 10px;background:#f8fafc}.detallePanel h3{margin:18px 0 10px}.detalleEncabezado{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.detalleEncabezado h2{margin-bottom:3px}.detalleEncabezado span{color:#64748b;font-size:.9rem}.botonCompacto{min-height:36px;padding:0 12px}.editorContacto{max-width:720px}.accionesContacto{display:flex;flex-wrap:wrap;gap:10px}.botonPeligro{color:#991b1b;background:#fff1f2;border:1px solid #fecdd3}.botonPeligro:hover{color:#fff;background:#be123c}.listaEquipos{display:grid;gap:10px}.listaEquipos article{display:flex;align-items:center;gap:12px;border:1px solid #d9e1e2;border-radius:8px;padding:12px;color:#0f766e}.listaEquipos strong{display:block;color:#0f172a}.ordenItem{display:grid;gap:10px;border:1px solid #d9e1e2;border-radius:8px;padding:14px;background:#fff}.ordenItem strong,.ordenItem span{display:block}.ordenItem>div:first-child span{margin-top:3px;color:#64748b;font-size:.9rem}.ordenBadges{display:flex;flex-wrap:wrap;gap:8px}.ordenBadges span{color:#0f766e;background:#ecfdf5;border-radius:999px;padding:5px 9px;font-size:.8rem;font-weight:800}.ordenItem p{margin:0;color:#334155}.clientesRedisenio{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:18px;align-items:start;max-width:100%;overflow:hidden}.clientesRedisenio~.contactosPanel,.clientesRedisenio~.nuevaEmpresaPanel,.clientesRedisenio~.nuevoContactoPanel,.clientesRedisenio~.detallePanel{display:none}.clientesPrincipal{display:grid;gap:16px}.metricasClientes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metricasClientes article,.clientesTablaPanel,.clienteEditorPanel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 14px 42px #0f172a0f}.metricasClientes article{display:flex;gap:13px;align-items:center;padding:16px}.metricaIcono{width:42px;height:42px;display:grid;place-items:center;color:#fff;border-radius:999px}.metricaIcono.azul{background:#2563eb}.metricaIcono.violeta{background:#14b8a6}.metricaIcono.naranja{background:#f97316}.metricasClientes span{display:block;color:#475569;font-size:.82rem;font-weight:750}.metricasClientes strong{display:block;color:#0f172a;font-size:1.5rem;line-height:1.1}.metricasClientes small{color:#16a34a;font-weight:750}.clientesTablaPanel{overflow-x:auto;max-width:100%}.clientesToolbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(190px,240px) 126px 92px 98px auto;gap:12px;align-items:end;padding:14px;border-bottom:1px solid #e2e8f0}.clientesToolbar>label:not(.busquedaClientes){min-width:0;display:grid;gap:6px;color:#334155;font-size:.82rem;font-weight:850}.clientesToolbar select,.clientesToolbar input{min-width:0;width:100%}.busquedaClientes{position:relative;display:block}.busquedaClientes svg{position:absolute;right:12px;bottom:13px;color:#64748b}.busquedaClientes input{width:100%;padding-right:38px}.botonFiltro{min-height:40px;width:100%;justify-content:center;padding:0 12px;color:#334155;white-space:nowrap}.tablaClientes{min-width:940px}.tablaClientesHead,.tablaClientesFila{display:grid;grid-template-columns:28px minmax(150px,.95fr) minmax(105px,.7fr) 115px minmax(170px,1fr) 130px 78px 102px;gap:12px;align-items:center;padding:12px 14px}.checkTabla{display:grid;place-items:center}.checkTabla input{width:16px;height:16px;margin:0;accent-color:#0f766e}.tablaClientesHead{color:#334155;background:#f8fafc;font-size:.78rem;font-weight:850}.tablaClientesFila{border-top:1px solid #e2e8f0;color:#334155;font-size:.9rem}.tablaClientesFila.activa{background:#f0fdfa}.clienteCelda{display:flex;align-items:center;gap:10px;min-width:0}.textoTabla{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clienteCelda strong,.clienteCelda small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clienteCelda small{color:#64748b}.avatarCliente{width:34px;height:34px;display:grid;flex:0 0 auto;place-items:center;color:#1d4ed8;background:#dbeafe;border-radius:999px;font-size:.78rem;font-weight:850}.badgeActivo,.badgeInactivo{justify-self:start;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:800}.badgeActivo{color:#15803d;background:#dcfce7}.badgeInactivo{color:#475569;background:#e2e8f0}.accionesTabla{display:flex;gap:6px;justify-content:flex-start}.accionesTabla button,.botonIcono{min-width:30px;min-height:30px;padding:0;color:#334155;background:#f8fafc;border:1px solid #dbe4ea}.accionesTabla button:hover,.botonIcono:hover{color:#0f766e;background:#ecfdf5}.portalAccesoEditor{display:grid;gap:10px;padding:12px;border:1px solid #dbe4ea;border-radius:8px;background:#f8fafc}.portalAccesoResumen{display:grid;gap:3px;padding:10px;border:1px solid #dbe4ea;border-radius:8px;background:#fff}.portalAccesoResumen span{color:#0f766e;font-size:.72rem;font-weight:900;text-transform:uppercase}.portalAccesoResumen strong{color:#0f172a}.portalAccesoResumen small{color:#64748b;overflow-wrap:anywhere}.tablaVacia{padding:18px}.tablaClientesPie{display:flex;justify-content:space-between;gap:12px;padding:14px;color:#64748b;border-top:1px solid #e2e8f0;font-size:.86rem}.clienteEditorPanel{position:sticky;top:18px;padding:18px;max-width:100%;overflow:hidden}.editorHeader{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.editorHeader h2{margin:0;font-size:1.05rem}.editorTabs{display:flex;gap:24px;margin-bottom:18px;border-bottom:1px solid #e2e8f0}.editorTabs span{padding:0 6px 10px;color:#64748b;font-size:.86rem;font-weight:800}.editorTabs .activo{color:#1d4ed8;border-bottom:2px solid #1d4ed8}.editorFormulario{gap:14px}.editorFormulario label,.formulario label{min-width:0}.editorFormulario input,.editorFormulario select,.editorFormulario textarea{width:100%;min-width:0}.formGridDos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}@container (max-width: 330px){.gestionPanelLateral .formGridDos{grid-template-columns:minmax(0,1fr)}}.fechasOrdenEditor{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.fechasOrdenEditor label{display:grid;gap:6px}.fechasOrdenEditor input{width:100%;min-width:0;font-size:.82rem;letter-spacing:0}.empresaEditorFila{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}.linkBoton{min-height:40px;color:#1d4ed8;background:transparent;padding:0;white-space:nowrap;justify-self:start}.linkBoton:hover{background:#eff6ff}.miniEmpresa{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px}.accesoPortalPreview{display:grid;gap:8px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.accesoPortalPreview>span{color:#64748b;font-size:.78rem;font-weight:850;text-transform:uppercase}.accesoPortalPreview div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.accesoPortalPreview strong{min-width:0;overflow:hidden;text-overflow:ellipsis;border-radius:6px;padding:8px 10px;color:#0f766e;background:#ccfbf1;white-space:nowrap}.accesoPortalPreview small{overflow-wrap:anywhere;color:#64748b;font-size:.78rem;line-height:1.35}.accionesEditor{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px}.accionesEditor button{min-width:112px;padding:0 12px}.ordenesTrabajo{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,420px);gap:18px;align-items:start}.ordenesMain{display:grid;gap:16px;min-width:0}.ordenesHeader{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,360px) auto;gap:14px;align-items:center}.ordenesHeader h2{margin:0 0 4px;font-size:1.45rem}.ordenesHeader p{margin:0;color:#64748b}.ordenBusqueda{position:relative;display:block}.ordenBusqueda svg{position:absolute;left:12px;top:50%;color:#64748b;transform:translateY(-50%)}.ordenBusqueda input{width:100%;padding-left:38px}.ordenMetricas{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px}.ordenMetricas article,.ordenTablaPanel,.ordenDetallePanel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 14px 42px #0f172a0f}.ordenMetricas article{display:grid;gap:5px;padding:16px}.ordenMetricas .metricaIcono{margin-bottom:4px}.metricaIcono.verde{background:#22c55e}.metricaIcono.rojo{background:#f43f5e}.ordenMetricas strong{font-size:1.5rem;line-height:1}.ordenMetricas span{color:#334155;font-size:.84rem;font-weight:800}.ordenMetricas small{color:#64748b;font-size:.76rem;font-weight:750}.ordenMovilPanel,.ordenMovilAtajos{display:none}.ordenTablaPanel{overflow-x:auto}.ordenTabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:14px;border-bottom:1px solid #e2e8f0}.ordenTabs button{min-height:36px;color:#475569;background:transparent;border-radius:6px;padding:0 12px}.ordenTabs button.activo{color:#1d4ed8;background:#eff6ff}.tablaOrdenes{min-width:900px}.tablaOrdenesHead,.tablaOrdenesFila{display:grid;grid-template-columns:150px minmax(160px,1.1fr) minmax(150px,1fr) 120px 100px 120px minmax(120px,.8fr) 38px;gap:12px;align-items:center;padding:12px 14px}.tablaOrdenesHead{color:#334155;background:#f8fafc;font-size:.78rem;font-weight:850}.tablaOrdenesFila{border-top:1px solid #e2e8f0;color:#334155;cursor:pointer}.tablaOrdenesFila:hover,.tablaOrdenesFila.activa{background:#eef6ff}.tablaOrdenesFila strong{color:#1d4ed8}.tablaOrdenesFila span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tablaOrdenesFila small{display:block;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badgeOrden,.prioridadOrden{justify-self:start;border-radius:6px;padding:5px 9px;font-size:.78rem;font-weight:850}.badgeOrden{color:#1d4ed8;background:#dbeafe}.badgeOrden.enEspera{color:#b45309;background:#fef3c7}.badgeOrden.cancelada{color:#be123c;background:#ffe4e6}.prioridadOrden{color:#b45309;background:#fef3c7}.prioridadOrden.alta,.prioridadOrden.urgente,.prioridadOrden.critica{color:#be123c;background:#ffe4e6}.prioridadOrden.baja{color:#15803d;background:#dcfce7}.ordenDetallePanel{position:sticky;top:18px;display:grid;gap:16px;padding:18px}.ordenDetalleHeader,.detalleTitulo{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ordenDetalleHeader h2{margin:0;font-size:1.35rem}.ordenDetalleHeader span{display:inline-block;margin-top:6px;color:#1d4ed8;background:#eff6ff;border-radius:6px;padding:5px 9px;font-size:.78rem;font-weight:850}.ordenDetalleTabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;border-bottom:1px solid #e2e8f0}.ordenDetalleTabs button{min-height:34px;padding:0 0 10px;color:#64748b;background:transparent;border-radius:0;font-size:.8rem;font-weight:800;text-align:center}.ordenDetalleTabs button:hover{color:#1d4ed8;background:transparent}.ordenDetalleTabs .activo{color:#1d4ed8;border-bottom:2px solid #1d4ed8}.etapasOrden{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.etapasOrden div{display:grid;justify-items:center;gap:6px;color:#94a3b8;font-size:.72rem;font-weight:800}.etapasOrden span{width:34px;height:34px;display:grid;place-items:center;color:#fff;background:#cbd5e1;border-radius:999px}.etapasOrden .completa span{background:#1d4ed8}.etapasOrden .actual span{box-shadow:0 0 0 4px #2563eb24}.detalleTitulo button:disabled{cursor:not-allowed;opacity:.55}.tarjetaDetalleOrden,.comentariosOrden{display:grid;gap:10px;padding:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.detalleTitulo button{min-height:34px;padding:0 12px}.tarjetaDetalleOrden p,.comentariosOrden p{margin:0;color:#475569;line-height:1.45}.tarjetaDetalleOrden .avisoEspera{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:8px 10px;font-weight:750}.comentarioInput{display:grid;grid-template-columns:1fr 42px;gap:8px}.comentariosOrden article{display:flex;gap:10px;align-items:flex-start}.comentariosOrden small{color:#64748b;font-size:.75rem}.ayudaOperativa{margin:0;padding:10px 12px;color:#0f766e;background:#ecfeff;border:1px solid #99f6e4;border-radius:8px;font-size:.86rem;font-weight:750}.evidenciaUploader{display:grid;gap:10px;margin:10px 0 12px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.botonUploadEvidencia{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#1d4ed8;border:1px dashed #93c5fd;border-radius:8px;background:#eff6ff;cursor:pointer;font-weight:850}.botonUploadEvidencia input{display:none}.evidenciaOrden{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.evidenciaItem{display:grid;gap:6px;min-width:0;padding:10px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.evidenciaItem img{width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:6px;background:#e2e8f0}.evidenciaItem svg{color:#1d4ed8}.evidenciaItem strong,.evidenciaItem p{overflow-wrap:anywhere}.evidenciaItem strong{color:#0f172a}.evidenciaItem span{justify-self:start;color:#0f766e;background:#ccfbf1;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:850}.evidenciaItem p{margin:0;color:#64748b;line-height:1.35}.costosOrdenPanel{display:grid;gap:14px}.costosResumenOrden{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.costosResumenOrden article,.costoAcordeon,.costosListasOrden article,.editarOrdenForm,.historialOrdenPanel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.costoAcordeon{display:grid;gap:10px}.costoAcordeonHeader{min-height:40px;display:flex;justify-content:space-between;gap:10px;align-items:center;color:#0f172a;background:#fff;border-color:#dbe4ea}.costoAcordeonHeader strong{color:#0f766e}.costosResumenOrden article{display:grid;gap:5px}.costosResumenOrden span{color:#64748b;font-size:.76rem;font-weight:850}.costosResumenOrden strong{color:#0f172a;font-size:1.05rem}.costosResumenOrden .totalCostoOrden{color:#fff;background:linear-gradient(135deg,#2563eb,#14b8a6);border:0}.costosResumenOrden .totalCostoOrden span,.costosResumenOrden .totalCostoOrden strong{color:#fff}.costoFormulario h3,.costosListasOrden h3{margin:0;color:#0f172a;font-size:.95rem}.costosListasOrden{display:grid;gap:10px}.costosListasOrden article{display:grid;gap:8px}.costosListasOrden p{margin:0;color:#64748b}.filaCostoOrden{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border:1px solid #e2e8f0;border-radius:7px;padding:9px 10px;background:#fff}.filaCostoOrden strong,.filaCostoOrden small{display:block}.filaCostoOrden strong{color:#0f172a}.filaCostoOrden small{margin-top:3px;color:#64748b}.filaCostoOrden em{flex:0 0 auto;color:#0f766e;font-style:normal;font-weight:850}.encuestaOrdenResumen{display:grid;gap:7px;margin:12px 0;padding:12px;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff}.encuestaOrdenResumen div{display:flex;align-items:center;justify-content:space-between;gap:10px}.encuestaOrdenResumen p{margin:0;color:#334155}.historialOrdenPanel{display:grid;gap:10px}.historialOrdenPanel>strong{color:#0f172a}.historialOrdenPanel article{display:grid;grid-template-columns:116px 1fr;gap:10px;border:1px solid #e2e8f0;border-radius:8px;padding:10px;background:#fff}.historialOrdenPanel article>span{color:#64748b;font-size:.78rem;font-weight:800}.historialOrdenPanel strong{color:#0f172a}.historialOrdenPanel p{margin:4px 0 0;color:#64748b;line-height:1.35}.portalCliente{display:grid;gap:18px}.portalHero{display:flex;justify-content:space-between;gap:18px;align-items:center}.portalHero h2,.portalPanel h3{margin:0;color:#0f172a}.portalHero p,.portalPanel p{margin:6px 0 0;color:#475569}.portalHero button{min-width:190px}.portalTabs{display:flex;flex-wrap:wrap;gap:8px;padding:6px;border:1px solid #dbe4ea;border-radius:8px;background:#fff}.portalTabs button{min-height:38px;flex:1 1 160px;color:#334155;background:transparent;border:0;box-shadow:none}.portalTabs button:hover,.portalTabs button.activo{color:#0f766e;background:#e6fffb}.portalMetricas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.portalMetricas article{display:grid;gap:7px;min-height:126px;padding:18px;border:1px solid #dbe4ea;border-radius:8px;background:#fff;box-shadow:0 14px 40px #0f172a0f}.portalMetricas svg{color:#0f766e}.portalMetricas span{color:#475569;font-size:.86rem;font-weight:800}.portalMetricas strong{color:#0f172a;font-size:1.65rem}.portalGrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.9fr);gap:16px;align-items:start}.portalPanel{display:grid;gap:14px;padding:18px;border:1px solid #dbe4ea;border-radius:8px;background:#fff;box-shadow:0 16px 45px #0f172a12}.portalPanelHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.portalPanelHeader>span,.portalPanelHeader>strong{min-width:44px;min-height:32px;display:grid;place-items:center;border-radius:999px;color:#0f766e;background:#ccfbf1;font-weight:900}.portalListaOrdenes{display:grid;gap:10px}.portalListaOrdenes button,.portalItem{min-height:auto;padding:13px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#0f172a;text-align:left}.portalListaOrdenes button:hover,.portalItem:hover{background:#eef6f5;border-color:#99f6e4}.portalListaOrdenes span,.portalItem span,.portalItem footer{display:grid;gap:3px}.portalItem{display:grid;gap:9px}.portalItem footer{grid-template-columns:auto 1fr;align-items:center}.portalItem b{justify-self:start;border-radius:999px;padding:4px 8px;color:#0f766e;background:#ccfbf1;font-size:.76rem}.portalListaOrdenes small{color:#64748b}.portalFiltrosPanel{display:grid;grid-template-columns:minmax(220px,1fr) 156px auto;gap:8px;align-items:center}.portalSegmentos{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.portalSegmentos button,.portalLimpiarFiltro{min-height:38px;color:#334155;border:1px solid #cbd5e1;background:#fff;box-shadow:none}.portalSegmentos button:hover,.portalSegmentos button.activo,.portalLimpiarFiltro:hover{color:#0f766e;border-color:#5eead4;background:#ecfeff}.portalBusqueda{min-width:0;min-height:38px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.portalBusqueda svg{flex:0 0 auto;color:#64748b}.portalBusqueda input{width:100%;min-height:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.portalBusqueda input:focus{outline:none;box-shadow:none}.portalFechaFiltro{min-height:38px}.portalLimpiarFiltro{justify-content:center;padding-inline:12px}.portalFiltrosCotizaciones{grid-template-columns:minmax(170px,1fr) 148px auto}.portalListaCompacta{display:grid;gap:10px}.portalListaCompacta article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.portalListaCompacta article>small{grid-column:1 / -1;color:#64748b;text-transform:capitalize}.portalListaCompacta span{min-width:0;display:grid;gap:3px}.portalListaCompacta b{color:#0f766e}.portalCotizacionFiltros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.portalCotizacionFiltros button{min-height:34px;color:#334155;border:1px solid #cbd5e1;background:#fff;box-shadow:none}.portalCotizacionFiltros button:hover,.portalCotizacionFiltros button.activo{color:#0f766e;border-color:#5eead4;background:#ecfeff}.portalCotizacionAcciones{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;min-height:38px;margin-top:6px}.portalCotizacionAcciones button{justify-content:center}.portalCotizacionPreview{display:grid;gap:12px;margin-top:14px;padding:14px;border:1px solid #99f6e4;border-radius:8px;background:#fff;box-shadow:0 16px 42px #0f172a14}.portalCotizacionPreview .portalPanelHeader{align-items:center}.cotizacionPreviewTotal{display:grid;gap:5px;padding:14px;border-radius:8px;color:#0f766e;background:#ecfeff}.cotizacionPreviewTotal span,.cotizacionPreviewTotal small{color:#0f766e;font-weight:850}.cotizacionPreviewTotal strong{color:#0f172a;font-size:1.7rem}.portalCotizacionPreview article{display:grid;gap:5px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.portalCotizacionPreview article p{margin:0}.cotizacionPreviewPartidas{display:grid;gap:8px}.cotizacionPreviewPartidas>strong{color:#0f172a}.cotizacionPreviewPartidas div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.cotizacionPreviewPartidas span{display:grid;gap:3px}.encuestaClientePanel{max-width:820px}.encuestaRespondida{display:grid;place-items:center;gap:8px;padding:26px 18px;border:1px solid #bbf7d0;border-radius:8px;color:#166534;background:#f0fdf4;text-align:center}.encuestaRespondida strong{color:#14532d;font-size:1.7rem}.encuestaFormulario{gap:14px}.sliderEncuesta{gap:9px}.sliderEncuesta span{display:flex;align-items:center;justify-content:space-between;gap:12px}.sliderEncuesta b{min-width:42px;padding:4px 8px;border-radius:999px;color:#0f766e;background:#ccfbf1;text-align:center}.sliderEncuesta input{min-height:auto;padding:0;accent-color:#0f766e}.portalSolicitudForm{grid-template-columns:repeat(2,minmax(0,1fr))}.portalSolicitudForm label:has(textarea){grid-column:1 / -1}.portalAyudaCliente ul{display:grid;gap:9px;margin:10px 0 0;padding-left:18px;color:#334155}.accionesDetalleOrden{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px}.accionesDetalleOrden button{min-height:40px;padding:0 10px}.seguimientoVista{display:grid;gap:16px}.seguimientoMetricas{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.seguimientoMetricas button{min-height:112px;display:grid;align-content:center;gap:8px;justify-items:start;color:#0f172a;background:#fff;border:1px solid #d9e1e2;border-radius:8px;box-shadow:0 16px 45px #0f172a0f}.seguimientoMetricas button:hover,.seguimientoMetricas button.activo{border-color:#5eead4;background:#ecfeff}.seguimientoMetricas span{color:#64748b;font-size:.82rem;font-weight:850}.seguimientoMetricas strong{font-size:1.7rem}.seguimientoGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:14px;align-items:start}.seguimientoLista,.seguimientoResumen{display:grid;gap:12px;padding:16px;border:1px solid #d9e1e2;border-radius:8px;background:#fff;box-shadow:0 16px 45px #0f172a0f}.seguimientoItem{display:grid;grid-template-columns:130px minmax(0,1fr) 170px;gap:14px;align-items:center;padding:14px;border:1px solid #e2e8f0;border-left:5px solid #14b8a6;border-radius:8px;background:#f8fafc}.seguimientoItem.urgente{border-left-color:#fb7185}.seguimientoItem.sin_asignar{border-left-color:#60a5fa}.seguimientoItem.espera{border-left-color:#fbbf24}.seguimientoItem.calidad{border-left-color:#a78bfa}.seguimientoTipo,.seguimientoAccion{display:grid;gap:5px}.seguimientoTipo span{color:#64748b;font-size:.76rem;font-weight:850;text-transform:uppercase}.seguimientoTipo strong,.seguimientoAccion strong{justify-self:start;border-radius:999px;padding:5px 9px;color:#0f766e;background:#ccfbf1;font-size:.76rem;text-transform:capitalize}.seguimientoItem h3{margin:0;color:#0f172a}.seguimientoItem p,.seguimientoItem small,.seguimientoResumen p,.seguimientoResumen li,.seguimientoRol small{color:#64748b}.seguimientoItem p{margin:3px 0}.seguimientoAccion{justify-items:end;text-align:right}.seguimientoAccion em{color:#0f172a;font-style:normal;font-weight:900}.seguimientoResumen h3{margin:0}.seguimientoResumen ul{display:grid;gap:8px;margin:0;padding-left:18px}.seguimientoRol{display:grid;gap:5px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.seguimientoRol span{color:#64748b;font-size:.78rem;font-weight:850}@media(max-width:780px){.appShell,.appShell.sidebarColapsado{grid-template-columns:1fr}.sidebar{min-height:auto;height:auto;position:relative;top:auto;overflow:visible;border-right:0;border-bottom:1px solid rgba(148,163,184,.18)}.sidebarContenido{height:auto;min-height:auto;overflow:visible}.sidebarToggle,.sidebarInferior,.empresaActualSidebar{display:none}.appShell.sidebarColapsado .sidebar{padding:18px 16px}.appShell.sidebarColapsado .sidebar .marca{justify-content:flex-start}.appShell.sidebarColapsado .sidebar .marcaLogo{width:64px;height:64px}.appShell.sidebarColapsado .sidebar .marca>div{display:block}nav{display:flex;overflow-x:auto;padding-bottom:4px}nav button{flex:0 0 auto;justify-content:center;padding:0 8px}.appShell.sidebarColapsado nav button{width:auto;min-height:42px;gap:10px;padding:0 8px;font-size:inherit}.appShell.sidebarColapsado .navConBadge span{display:grid}.contenido{padding:20px}.topbar{align-items:flex-start;flex-direction:column}.gridResumen{grid-template-columns:1fr}.dashboardIntro{display:grid}.dashboardUsuario{justify-self:start}.dashboardKpis,.dashboardPulsoAdmin,.dashboardGrid,.dashboardLienzo,.gestionMetricas,.gestionGrid,.seguimientoPostventaGrid,.seguimientoOrdenesHeader,.seguimientoCrearInline,.seguimientoToolbar,.satisfaccionGrid,.satisfaccionToolbar,.cotizacionesGrid,.whatsappGrid,.cotizacionTotales,.partidaCotizacionForm,.tecnicoDetalleGrid,.equiposToolbar,.cotizacionesToolbar,.portalMetricas,.portalGrid{grid-template-columns:1fr}.seguimientoOrdenesHead{display:none}.seguimientoOrdenFila{grid-template-columns:1fr;gap:5px}.dashboardPulsoAdmin{gap:10px}.dashboardPulsoAdmin article{min-height:96px;padding:14px}.dashboardPulsoAdmin .pulsoPrincipal{min-height:128px}.dashboardPulsoAdmin strong{font-size:1.2rem}.dashboardKpis{gap:10px}.dashboardKpis article{min-height:104px;grid-template-columns:44px 1fr;align-items:center;gap:4px 10px;padding:13px}.dashboardKpis .kpiIcono{grid-row:span 3}.dashboardKpis strong{font-size:1.3rem}.dashboardCard{padding:14px}.postventaCard{grid-template-columns:1fr}.postventaAcciones{justify-content:stretch;flex-wrap:wrap}.postventaAcciones button{flex:1}.satisfaccionDetalle{position:static}.encuestaFila{grid-template-columns:1fr}.encuestaFila em{justify-self:start}.filaDashboard{align-items:flex-start;flex-direction:column}.filaDashboard em{align-self:flex-start}.barraCliente{grid-template-columns:1fr 32px}.barraCliente div{grid-column:1 / -1;order:3}.accionesCotizacion{justify-content:stretch}.accionesCotizacion button{flex:1}.portalHero{align-items:flex-start;flex-direction:column}.portalFiltrosPanel,.portalFiltrosCotizaciones,.portalSegmentos{grid-template-columns:1fr}.encuestaClientePanel{position:static}.donaEtapasWrap{grid-template-columns:1fr}.estadoBarra{grid-template-columns:92px 1fr 28px}.moduloGrid,.clientesRedisenio,.metricasClientes,.clientesToolbar{grid-template-columns:1fr}.clientesTablaPanel{overflow-x:auto}.clienteEditorPanel{position:static}.formGridDos,.empresaEditorFila,.miniEmpresa{grid-template-columns:1fr}.accionesEditor{justify-content:stretch}.accionesEditor button{flex:1}.ordenesTrabajo{grid-template-columns:1fr;gap:14px}.ordenesHeader{grid-template-columns:1fr;gap:10px;padding:12px;border:1px solid #dbe4ea;border-radius:8px;background:#fff;box-shadow:0 12px 30px #0f172a0f}.ordenesHeader h2{font-size:1.35rem}.ordenBusqueda{order:3}.ordenesHeader>button{min-height:48px;justify-content:center}.ordenBusqueda input{min-height:46px}.ordenMetricas,.ordenTablaPanel{display:none}.ordenMovilPanel{display:grid;gap:14px}.ordenMovilAtajos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ordenMovilAtajos button{min-height:46px;justify-content:center;padding:0 10px}.ordenMovilAtajos button:first-child{grid-column:1 / -1}.ordenMovilHero,.ordenMovilResumen article,.ordenMovilCard{border:1px solid #dbe4ea;border-radius:8px;background:#fff;box-shadow:0 14px 36px #0f172a12}.ordenMovilHero{display:grid;grid-template-columns:1fr auto;gap:16px;padding:16px}.ordenMovilHero h3{margin:4px 0 6px;color:#0f172a;font-size:1.25rem}.ordenMovilHero p{margin:0;color:#64748b;line-height:1.45}.ordenMovilHero>strong{min-width:48px;height:48px;display:grid;place-items:center;border-radius:999px;color:#0f766e;background:#ccfbf1;font-size:1.3rem}.ordenMovilResumen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ordenMovilResumen article{display:grid;gap:4px;min-height:78px;padding:12px}.ordenMovilResumen span{color:#64748b;font-size:.76rem;font-weight:850}.ordenMovilResumen strong{color:#0f172a;font-size:1.45rem}.ordenMovilFiltros{display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none}.ordenMovilFiltros button{flex:0 0 auto;min-height:40px;padding:0 12px;color:#475569;background:#fff;border:1px solid #dbe4ea;box-shadow:none}.ordenMovilFiltros .activo{color:#fff;background:#0f766e;border-color:#0f766e}.ordenMovilLista{display:grid;gap:12px}.ordenMovilCard{display:grid;gap:12px;padding:14px}.ordenMovilCard.activa{border-color:#5eead4;box-shadow:0 0 0 3px #14b8a61f,0 14px 36px #0f172a12}.ordenMovilCardHeader{min-height:44px;justify-content:space-between;gap:12px;padding:0;color:#0f172a;background:transparent;text-align:left}.ordenMovilCardHeader:hover{color:#0f172a;background:transparent}.ordenMovilCardHeader span:first-child{display:grid;gap:3px}.ordenMovilCardHeader strong{color:#1d4ed8}.ordenMovilCardHeader small,.ordenMovilCard p{color:#64748b}.ordenMovilCard p{margin:0;line-height:1.42}.ordenMovilDatos{display:grid;grid-template-columns:1fr;gap:10px}.ordenMovilDatos span{display:grid;gap:4px;min-width:0;padding:9px 10px;border-radius:8px;background:#f8fafc;color:#0f172a}.ordenMovilDatos b{color:#64748b;font-size:.72rem;text-transform:uppercase}.ordenMovilDatos .prioridadOrden{justify-self:start;font-style:normal}.ordenMovilAcciones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ordenMovilAcciones button{min-height:46px;padding:0 8px}.ordenDetallePanel{position:static;gap:14px;padding:14px;border-color:#99f6e4;box-shadow:0 18px 42px #0f172a14;scroll-margin-top:12px}.ordenDetalleHeader{align-items:center}.ordenDetalleHeader h2{font-size:1.15rem;overflow-wrap:anywhere}.ordenDetalleTabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;border-bottom:0;scrollbar-width:none}.ordenDetalleTabs button{flex:0 0 auto;min-height:38px;padding:0 12px;border:1px solid #dbe4ea;border-radius:999px;background:#fff}.ordenDetalleTabs .activo{color:#fff;background:#0f766e;border-color:#0f766e}.etapasOrden{grid-template-columns:repeat(5,minmax(54px,1fr));overflow-x:auto;padding-bottom:4px}.detalleTitulo{display:grid;grid-template-columns:1fr}.detalleTitulo button{min-height:46px;justify-content:center}.comentarioInput{grid-template-columns:1fr 48px}.comentarioInput input,.evidenciaUploader input,.ordenDetallePanel select,.ordenDetallePanel textarea,.ordenDetallePanel input{min-height:46px}.ordenDetallePanel textarea{min-height:118px}.costosResumenOrden{grid-template-columns:1fr}.costoAcordeonHeader,.botonUploadEvidencia,.costoFormulario button,.editarOrdenForm button,.ordenDetallePanel>.compactoForm button{min-height:48px}.costoFormulario,.editarOrdenForm,.ordenDetallePanel>.compactoForm{grid-template-columns:1fr}.accionesDetalleOrden,.evidenciaOrden{grid-template-columns:1fr}.accionesDetalleOrden{position:sticky;bottom:8px;z-index:5;padding:8px;border:1px solid #dbe4ea;border-radius:8px;background:#fffffff5;box-shadow:0 12px 30px #0f172a1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.accionesDetalleOrden button{min-height:46px}}.appShell.modoOscuro .gestionMetricas article,.appShell.modoOscuro .seguimientoMetricas button,.appShell.modoOscuro .metricasClientes article,.appShell.modoOscuro .portalMetricas article,.appShell.modoOscuro .ordenMetricas article,.appShell.modoOscuro .dashboardKpis article,.appShell.modoOscuro .clientesTablaPanel,.appShell.modoOscuro .clienteEditorPanel,.appShell.modoOscuro .gestionTabla,.appShell.modoOscuro .gestionPanelLateral,.appShell.modoOscuro .cotizacionesListaPanel,.appShell.modoOscuro .ordenItem,.appShell.modoOscuro .portalAccesoResumen,.appShell.modoOscuro .portalPanel,.appShell.modoOscuro .portalResumenCotizacion,.appShell.modoOscuro .portalCotizacionPreview,.appShell.modoOscuro .portalPartidaCotizacion,.appShell.modoOscuro .whatsappInbox,.appShell.modoOscuro .whatsappChatPanel,.appShell.modoOscuro .whatsappLateral,.appShell.modoOscuro .accionDetectadaPanel,.appShell.modoOscuro .accionCard,.appShell.modoOscuro .satisfaccionDetalle,.appShell.modoOscuro .satisfaccionLista button,.appShell.modoOscuro .satisfaccionPregunta,.appShell.modoOscuro .postventaCard,.appShell.modoOscuro .seguimientoOrdenFila{color:#e2e8f0;background:#111827!important;border-color:#273449!important;box-shadow:0 18px 46px #00000038}.appShell.modoOscuro .gestionMetricas article span,.appShell.modoOscuro .gestionMetricas article small,.appShell.modoOscuro .seguimientoMetricas button span,.appShell.modoOscuro .metricasClientes article span,.appShell.modoOscuro .metricasClientes article small,.appShell.modoOscuro .portalMetricas article span,.appShell.modoOscuro .ordenMetricas article span,.appShell.modoOscuro .ordenMetricas article small,.appShell.modoOscuro .ordenItem small,.appShell.modoOscuro .portalAccesoResumen span,.appShell.modoOscuro .portalPanel p,.appShell.modoOscuro .accionCard p,.appShell.modoOscuro .whatsappConversacion p,.appShell.modoOscuro .whatsappConversacion small,.appShell.modoOscuro .menuWhatsappPreview button small,.appShell.modoOscuro .menuWhatsappPreview article small,.appShell.modoOscuro .satisfaccionLista button p,.appShell.modoOscuro .satisfaccionLista button small,.appShell.modoOscuro .postventaCard p,.appShell.modoOscuro .postventaCard small,.appShell.modoOscuro .seguimientoOrdenFila span{color:#94a3b8!important}.appShell.modoOscuro .gestionMetricas article strong,.appShell.modoOscuro .seguimientoMetricas button strong,.appShell.modoOscuro .metricasClientes article strong,.appShell.modoOscuro .portalMetricas article strong,.appShell.modoOscuro .ordenMetricas article strong,.appShell.modoOscuro .ordenItem strong,.appShell.modoOscuro .portalPanel h3,.appShell.modoOscuro .accionCard strong,.appShell.modoOscuro .whatsappConversacion strong,.appShell.modoOscuro .menuWhatsappPreview button strong,.appShell.modoOscuro .menuWhatsappPreview article strong,.appShell.modoOscuro .satisfaccionLista button strong,.appShell.modoOscuro .postventaCard strong,.appShell.modoOscuro .seguimientoOrdenFila strong,.appShell.modoOscuro .tablaGestionFila strong,.appShell.modoOscuro .tablaClientesFila strong{color:#f8fafc!important}.appShell.modoOscuro .tablaGestionHead,.appShell.modoOscuro .tablaGestionFila,.appShell.modoOscuro .tablaClientesHead,.appShell.modoOscuro .tablaClientesFila,.appShell.modoOscuro .cotizacionesListaPanel .tablaGestionFila,.appShell.modoOscuro .whatsappConversacion,.appShell.modoOscuro .menuWhatsappPreview button,.appShell.modoOscuro .menuWhatsappPreview article{background:#111827!important;border-color:#273449!important}.appShell.modoOscuro .tablaGestionHead,.appShell.modoOscuro .tablaClientesHead{color:#cbd5e1!important;background:#0b1220!important}.appShell.modoOscuro .tablaGestionFila,.appShell.modoOscuro .tablaClientesFila{color:#dbeafe!important}.appShell.modoOscuro .tablaGestionFila small,.appShell.modoOscuro .tablaClientesFila small{color:#94a3b8!important}.appShell.modoOscuro .tablaGestionFila:hover,.appShell.modoOscuro .tablaGestionFila.activa,.appShell.modoOscuro .tablaClientesFila:hover,.appShell.modoOscuro .tablaClientesFila.activa,.appShell.modoOscuro .cotizacionesListaPanel .tablaGestionFila:hover,.appShell.modoOscuro .cotizacionesListaPanel .tablaGestionFila.activa,.appShell.modoOscuro .seguimientoMetricas button:hover,.appShell.modoOscuro .seguimientoMetricas button.activo,.appShell.modoOscuro .whatsappConversacion:hover,.appShell.modoOscuro .whatsappConversacion.activa,.appShell.modoOscuro .satisfaccionLista button:hover,.appShell.modoOscuro .satisfaccionLista button.activa{background:#13233a!important}.appShell.modoOscuro .notificacionesMenu,.appShell.modoOscuro .configuracionMenu,.appShell.modoOscuro .configuracionPanel{background:#111827!important;border-color:#243244!important;color:#e5edf7!important}.appShell.modoOscuro .notificacionesMenu button,.appShell.modoOscuro .configuracionMenu button{background:#0f172a!important;border-color:#243244!important;color:#dbeafe!important}.appShell.modoOscuro .notificacionesMenu button:hover,.appShell.modoOscuro .configuracionMenu button.activo,.appShell.modoOscuro .configuracionMenu button:hover{background:#12323b!important;border-color:#14b8a6!important}.appShell.modoOscuro .notificacionesMenuHeader,.appShell.modoOscuro .configuracionNota{border-color:#243244!important}.appShell.modoOscuro .notificacionesMenuHeader strong,.appShell.modoOscuro .notificacionesMenu button strong,.appShell.modoOscuro .configuracionMenu strong,.appShell.modoOscuro .configuracionPanel h3,.appShell.modoOscuro .configuracionNota strong{color:#f8fafc!important}.appShell.modoOscuro .notificacionesMenuHeader small,.appShell.modoOscuro .notificacionesMenu p,.appShell.modoOscuro .notificacionesMenu button span,.appShell.modoOscuro .configuracionMenu small,.appShell.modoOscuro .configuracionPanel p,.appShell.modoOscuro .configuracionNota span{color:#93a4b8!important}.appShell.modoOscuro .configuracionNota{background:#0f2f31!important;color:#5eead4!important}@media(max-width:960px){.configuracionLayout,.configuracionMenu{grid-template-columns:1fr}}