.portal{--bg: #F4F7F7;--surface: #FFFFFF;--surface2: #EAF0F0;--text: #0B1F1E;--muted: #5B6B6A;--border: #D8E1E1;--accent: #00D6C8;--accent-ink: #062B29;--accent-text: #00857C;--lime: #D4FF3F;--nav-bg: #0B1F1E;--nav-text: #EAF4F3;--nav-muted: #8FB3B0;--nav-border: #234745;--p: 12px;--fs: 14px;--r: 10px;min-height:100vh;display:flex;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:var(--fs)}.portal[data-tema=oscuro]{--bg: #0B1F1E;--surface: #122E2C;--surface2: #1A3A38;--text: #EAF4F3;--muted: #8FB3B0;--border: #234745;--accent-text: #3FE9DE;--nav-bg: #0E2624;--accent: #0E5F5A;--accent-ink: #D4FF3F}.portal,.portal *{box-sizing:border-box}.portal a{color:var(--accent-text)}.portal a:hover{color:var(--text)}.portal input,.portal textarea,.portal select,.portal button{font-family:inherit}.portal h1{margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em}.portal h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-.02em;text-wrap:pretty}.p-nav{width:236px;flex:none;display:flex;flex-direction:column;background:var(--nav-bg);color:var(--nav-text);border-right:1px solid var(--nav-border)}.p-nav__marca{display:flex;align-items:center;gap:10px;padding:18px 18px 14px;font-weight:700;font-size:15px}.p-nav__marca img{width:32px;height:32px}.p-nav__items{display:grid;gap:2px;padding:6px 14px}.p-nav__item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:10px 12px;border-radius:8px;border:0;background:transparent;color:var(--nav-muted);font-weight:600;font-size:14px;cursor:pointer;text-decoration:none}.p-nav a.p-nav__item:hover,.p-nav a.p-nav__item:focus-visible{background:#d4ff3f1a;color:var(--lime);outline:none}.p-nav a.p-nav__item.activa,.p-nav a.p-nav__item.activa:hover{background:#00d6c824;color:var(--nav-text);box-shadow:inset 3px 0 0 var(--accent)}.p-nav__pie{margin-top:auto;padding:14px 18px;border-top:1px solid var(--nav-border);display:grid;gap:2px;font-size:12px;color:var(--nav-muted)}.p-nav__pie strong{color:var(--nav-text);font-size:13px}.p-nav__acciones{display:flex;gap:6px;margin-top:8px}.p-main{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}.p-contenido{flex:1;min-height:0;overflow:auto;padding:24px 28px}.p-contenido>.p-pagina{width:100%;display:grid;gap:16px}.p-cabecera{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.p-sub{color:var(--muted);font-size:13px;margin-top:4px}.p-tarjeta{background:var(--surface);border:1px solid var(--border);border-radius:14px}.p-tarjeta--pad{padding:18px}.p-badge{display:inline-flex;align-items:center;background:var(--lime);color:#0b1f1e;border-radius:999px;padding:0 7px;font-size:11px;font-weight:700}.p-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;justify-self:start;background:#dde6e6;color:#2a3c3b}.p-pill--en_curso,.p-pill--asignado{background:#ccf7f3;color:#075e58}.p-pill--pendiente_cliente{background:var(--lime);color:#0b1f1e}.p-pill--pendiente_terceros{background:#fef3c7;color:#92400e}.p-pill--resuelto,.p-pill--aprobada{background:#dcfce7;color:#166534}.p-pill--cerrado,.p-pill--cancelado,.p-pill--fusionado{background:#e5e7eb;color:#4b5563}.p-pill--reabierto,.p-pill--rechazada{background:#fee2e2;color:#991b1b}.p-pill--pendiente{background:var(--lime);color:#0b1f1e}.p-prio{font-size:12px;font-weight:600;white-space:nowrap;color:var(--muted)}.p-prio--urgente{color:#b45309}.p-prio--critica{color:#b91c1c}.p-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:1px solid var(--border);border-radius:var(--r);background:transparent;color:var(--text);font-size:14px;font-weight:600;cursor:pointer;text-decoration:none}.p-btn--primario{border:0;background:var(--accent);color:var(--accent-ink);font-weight:700}.p-btn--peq{padding:7px 12px;font-size:13px}.p-btn--nav{border-color:var(--nav-border);color:var(--nav-text);padding:5px 10px;font-size:12px}.p-btn:disabled{opacity:.5;cursor:default}.p-campo{display:grid;gap:6px;font-size:13px;font-weight:600}.p-campo input,.p-campo textarea,.p-campo select,.p-buscar{padding:10px 12px;border:1px solid var(--border);border-radius:var(--r);font-size:14px;font-weight:400;background:var(--surface2);color:var(--text)}.p-buscar{background:var(--surface);flex:1;min-width:200px}.p-campo textarea{resize:vertical}.p-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.p-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.p-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.p-kpi{font-size:30px;font-weight:700;letter-spacing:-.02em}.p-kpi--acento{background:var(--accent);color:var(--accent-ink);border:0}.p-barra{height:10px;border-radius:999px;background:var(--surface2);overflow:hidden;position:relative}.p-barra>span{display:block;height:100%;background:var(--accent);border-radius:999px}.p-barra>i{position:absolute;left:80%;top:0;bottom:0;width:2px;background:var(--lime)}.p-aviso{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:var(--r);background:var(--lime);color:#0b1f1e;font-size:14px}.p-nota{padding:12px 14px;border-radius:var(--r);background:var(--surface2);font-size:13px;color:var(--muted)}.p-error{color:#991b1b;font-size:13px}.p-vacio{padding:40px;text-align:center;color:var(--muted)}.p-filtros{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.p-chip{padding:7px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;cursor:pointer}.p-chip.activa{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.p-fila{display:grid;min-width:0;grid-template-columns:1fr 170px 70px 150px;gap:12px;align-items:center;width:100%;text-align:left;padding:var(--p) 18px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;font-size:var(--fs);text-decoration:none}.p-fila:hover{background:var(--surface2)}.p-fila:last-child{border-bottom:0}.p-fila__asunto{display:flex;gap:8px;align-items:center;min-width:0;font-weight:600}.p-fila__asunto>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-fila__meta{font-size:12px;color:var(--muted);min-width:0;overflow-wrap:anywhere}.p-fila>*{min-width:0}.p-fila__sla{font-size:13px;color:var(--muted);white-space:nowrap}.p-fondo{position:absolute;top:0;right:0;bottom:0;left:0;background:#05141373;z-index:20;border:0}.p-panel{position:absolute;top:0;right:0;bottom:0;width:min(640px,92%);background:var(--bg);display:flex;flex-direction:column;z-index:21;box-shadow:-20px 0 50px #00000040;animation:p-entrar .22s ease-out}@keyframes p-entrar{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.p-panel__cab{display:flex;align-items:center;gap:10px;padding:14px 22px;border-bottom:1px solid var(--border);background:var(--surface)}.p-panel__cuerpo{flex:1;min-height:0;overflow:auto;padding:22px;display:grid;gap:18px;align-content:start}.p-comentario{display:grid;gap:6px;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}.p-comentario--agente{background:var(--surface2);border:0;border-left:3px solid var(--accent)}.p-comentario__meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}.p-comentario__meta strong{color:var(--text)}.p-dato{display:flex;justify-content:space-between;gap:8px;font-size:13px}.p-dato span:first-child{color:var(--muted)}.p-actividad{display:grid;grid-template-columns:8px 1fr;gap:10px;font-size:12px}.p-actividad i{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:5px}.p-estrellas{display:flex;gap:6px}.p-estrella{width:44px;height:44px;border-radius:10px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-weight:700;font-size:15px;cursor:pointer}.p-estrella.activa{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.p-tipos{display:flex;gap:8px;flex-wrap:wrap}.p-tipo{flex:1 1 130px;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:13px;cursor:pointer}.p-tipo.activa{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#00d6c824}.p-tipo small{display:block;opacity:.75;font-size:12px}.p-soltar{border:1px dashed var(--border);border-radius:var(--r);padding:16px;text-align:center;color:var(--muted);font-size:13px}.p-cab-movil{display:none;align-items:center;gap:10px;padding:14px 16px 10px;background:var(--nav-bg);color:var(--nav-text);border-bottom:1px solid var(--nav-border);font-weight:700}.p-cab-movil img{width:28px;height:28px}.p-tabs{display:none;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--nav-bg);border-top:1px solid var(--nav-border);padding:6px 4px 10px}.p-tab{padding:8px 2px;border:0;border-top:2px solid transparent;background:transparent;color:var(--nav-muted);font-weight:700;font-size:11px;min-height:44px;text-align:center;text-decoration:none}.p-tab.activa{color:var(--accent);border-top-color:var(--accent)}@media(max-width:760px){.p-nav{display:none}.p-cab-movil{display:flex}.p-tabs{display:grid}.p-contenido{padding:16px}.portal h1{font-size:22px}.p-fila{grid-template-columns:1fr auto}.p-fila__sla,.p-fila .p-prio{display:none}.p-grid2,.p-grid3,.p-grid4{grid-template-columns:1fr 1fr}.p-grid2{grid-template-columns:1fr}.p-fondo{display:none}.p-panel{width:100%;box-shadow:none;animation:none}}.p-nav__volver{margin:0 14px 6px;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;border:1px solid var(--nav-border);color:var(--nav-muted);font-size:13px;text-decoration:none}.p-nav a.p-nav__volver:hover{color:var(--lime);border-color:var(--lime)}.p-nav__seccion{padding:10px 14px 4px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--nav-muted)}.p-nav__acciones{flex-wrap:wrap}.p-nav .p-btn--nav{text-decoration:none}.p-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#0b1f1e;color:#fff;padding:10px 16px;border-radius:10px;font-size:13px;box-shadow:0 8px 24px #0003;z-index:99;max-width:90vw}.p-select,.p-input,.p-textarea{padding:9px 10px;border:1px solid var(--border);border-radius:var(--r);font-size:13px;background:var(--surface);color:var(--text)}.p-textarea{width:100%;font-size:14px;resize:vertical}.p-check{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);font-weight:400}.p-x{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:15px;line-height:1;padding:0 0 0 6px}.p-resultado{padding:9px 10px;border:1px dashed var(--border);border-radius:8px;font-size:14px;font-weight:600}.p-btn--plano{border-color:transparent;color:var(--muted)}.p-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.p-kpi-card{text-align:left;padding:14px 16px;border-radius:14px;cursor:pointer;background:var(--surface);border:1px solid var(--border);color:var(--text);display:grid;gap:2px}.p-kpi-card.activa{border-color:var(--accent);box-shadow:0 0 0 2px #00d6c840}.p-kpi-card__label{font-size:12px;color:var(--muted);white-space:nowrap}.p-kpi-card__valor{font-size:26px;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.p-kpi-card__valor i{display:inline-block;width:10px;height:10px;border-radius:50%}.p-semaforo{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none}.p-barra--fina{height:4px}.p-barra--fina>span{border-radius:2px}.p-cola__cab,.p-cola__fila{display:grid;grid-template-columns:28px minmax(0,2.2fr) minmax(0,1fr) auto minmax(0,.9fr) minmax(110px,.9fr) 36px;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--border)}.p-cola__cab{padding:10px 18px;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.p-cola__fila{cursor:pointer;font-size:var(--fs)}.p-cola__fila:hover{background:var(--surface2)}.p-cola__fila>*{min-width:0}.p-cola__cliente{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-reloj{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;font-size:15px}.p-reloj:hover:not(:disabled),.p-reloj.activa{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.p-reloj:disabled{opacity:.3;cursor:default}.p-rapido{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px 14px;background:#00d6c814;border:1px solid var(--accent);border-radius:12px}.p-rapido--fila{border-radius:0;border-left:0;border-right:0;padding-left:58px}.p-rapido__desc{flex:1;min-width:180px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--surface);color:var(--text)}.p-rapido__min{width:80px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--surface);color:var(--text)}.p-rapido__aviso{width:100%;font-size:12px;color:var(--muted)}.p-detalle{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.p-etiquetas{display:flex;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.p-etiquetas>span{background:var(--surface2);border-radius:6px;padding:2px 8px}.p-etiqueta{display:inline-block;flex:none;background:#e5e7eb;color:#4b5563;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700;white-space:nowrap}.p-etiqueta--privado{background:#fef3c7;color:#92400e}.p-etiqueta--publico,.p-etiqueta--ok{background:#ccf7f3;color:#075e58}.p-tabs-linea{display:flex;gap:2px;border-bottom:1px solid var(--border)}.p-tab-linea{padding:9px 14px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--muted);font-weight:600;font-size:14px;cursor:pointer}.p-tab-linea.activa{color:var(--text);border-bottom-color:var(--accent)}.p-tab-linea>span{margin-left:6px;color:var(--muted);font-weight:500}.p-comentario--privado{background:#fffbeb;border:1px solid #FDE68A}.portal[data-tema=oscuro] .p-comentario--privado{background:#2a2410;border-color:#6b5a1e}.p-modo{padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--muted)}.p-modo--privado.activa{border-color:#f59e0b;background:#fef3c7;color:#92400e}.p-modo--publico.activa{border-color:var(--accent);background:#ccf7f3;color:#075e58}.p-hist{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.p-ficha-esc{background:#fffbeb;border:1px solid #FDE68A;border-radius:8px;padding:8px 10px;display:grid;gap:3px;font-size:12px;color:#92400e}.portal[data-tema=oscuro] .p-ficha-esc{background:#2a2410;border-color:#6b5a1e;color:#fde68a}.p-tabla-cab,.p-tabla-fila{display:grid;gap:12px;align-items:center;padding:11px 16px;border-bottom:1px solid var(--border)}.p-tabla-cab{padding:10px 16px;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.p-tabla-fila>*{min-width:0}.p-tabla-fila:hover[role=button],a.p-tabla-fila:hover{background:var(--surface2)}.p-tabla--clientes{grid-template-columns:minmax(150px,3fr) auto minmax(0,1.2fr) auto auto minmax(100px,1fr)}.p-tabla--contactos{grid-template-columns:minmax(150px,2fr) minmax(0,1.4fr) auto minmax(0,1fr) auto}.p-tabla--agentes{grid-template-columns:minmax(150px,2fr) auto auto minmax(0,1.5fr) auto auto}.p-tabla--contratos{grid-template-columns:minmax(150px,2fr) minmax(0,1.2fr) auto auto minmax(110px,1fr)}.p-pill--nivel-standard{background:#dde6e6;color:#2a3c3b}.p-pill--nivel-advance{background:#ccf7f3;color:#075e58}.p-pill--nivel-premium{background:var(--lime);color:#0b1f1e}.p-pill--nivelc-user{background:#dde6e6;color:#2a3c3b}.p-pill--nivelc-key_user{background:#ccf7f3;color:#075e58}.p-pill--nivelc-master_user{background:var(--lime);color:#0b1f1e}.p-pill--cob-mantenimiento{background:#dde6e6;color:#2a3c3b}.p-pill--cob-bolsa{background:#ccf7f3;color:#075e58}.p-pill--cob-fuera_bolsa{background:var(--lime);color:#0b1f1e}.p-modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1f1e73;display:grid;place-items:center;z-index:90;padding:20px}.p-modal{width:100%;max-width:460px;background:var(--surface);border-radius:16px;padding:22px;display:grid;gap:12px;box-shadow:0 20px 60px #00000040}.p-modal h2{font-size:18px}@media(max-width:1100px){.p-detalle{grid-template-columns:minmax(0,1fr)}.p-cola__cab{display:none}.p-cola__fila{grid-template-columns:28px minmax(0,1fr) auto 36px}.p-cola__fila>.p-cola__cliente,.p-cola__fila>span:nth-child(5),.p-cola__fila>div:nth-child(6){display:none}.p-tabla-cab{display:none}.p-tabla--clientes,.p-tabla--contactos,.p-tabla--agentes,.p-tabla--contratos{grid-template-columns:minmax(0,1fr) auto}.p-tabla--clientes>:nth-child(n+3),.p-tabla--contactos>:nth-child(n+3),.p-tabla--agentes>:nth-child(n+3),.p-tabla--contratos>:nth-child(n+3){display:none}}.p-kb{line-height:1.6;font-size:15px}.p-kb h2{font-size:20px;margin:18px 0 8px}.p-kb h3{font-size:17px;margin:14px 0 6px}.p-kb h4{font-size:15px;margin:12px 0 4px}.p-kb p{margin:0 0 10px}.p-kb ul,.p-kb ol{margin:0 0 10px 22px}.p-kb code{background:var(--surface2);padding:1px 5px;border-radius:4px;font-size:13px}.p-kb pre{background:var(--surface2);padding:10px 12px;border-radius:8px;overflow:auto}.p-tabla-print{width:100%;border-collapse:collapse;font-size:12px;margin-top:8px}.p-tabla-print th,.p-tabla-print td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border);vertical-align:top}.p-tabla-print th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}@media print{.p-no-print{display:none!important}.p-informe .p-hoja{border:0;padding:0}.portal{background:#fff}}@media print{.p-nav,.p-tabs,.p-cab-movil,.p-btn{display:none!important}.p-contenido{overflow:visible;padding:0}}