/* WIFIPHONE V27.28 · Portal oscuro unificado · referencia 21/09/2026 */
:root{
  --wf28-bg:#07111f;
  --wf28-bg2:#0a1525;
  --wf28-sidebar:#06101c;
  --wf28-panel:#0e1b2d;
  --wf28-panel2:#122238;
  --wf28-panel3:#172840;
  --wf28-line:#2b405b;
  --wf28-line-soft:#20344e;
  --wf28-text:#f6f8fc;
  --wf28-muted:#9aa9bd;
  --wf28-pink:#ef168d;
  --wf28-pink2:#c90b73;
  --wf28-cyan:#35d8ff;
  --wf28-green:#23d89a;
  --wf28-warn:#ffbd5b;
  --wf28-danger:#ff6d86;
  --wf28-radius:16px;
  --wf28-shadow:0 24px 70px rgba(0,0,0,.30);
}
html{background:var(--wf28-bg)!important;color-scheme:dark!important}
body.wf28-theme,body.wf28-theme *{box-sizing:border-box}
body.wf28-theme{
  margin:0!important;
  min-height:100vh!important;
  color:var(--wf28-text)!important;
  background:
    radial-gradient(circle at 92% 12%,rgba(239,22,141,.12),transparent 26%),
    radial-gradient(circle at 54% -18%,rgba(58,115,185,.10),transparent 28%),
    linear-gradient(145deg,#07111f 0%,#081321 56%,#0a1020 100%)!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body.wf28-theme::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.012),transparent);opacity:.45}
body.wf28-theme a{color:inherit}
body.wf28-theme ::selection{background:rgba(239,22,141,.38);color:#fff}
body.wf28-theme *{scrollbar-color:#38516d #0b1625}

/* --- navegación lateral unificada --- */
body.wf28-theme .wf-global-nav,
body.wf28-theme.wf-page-client .sidebar{
  background:linear-gradient(180deg,#06101c 0%,#07111f 65%,#08111d 100%)!important;
  border-right:1px solid #20344d!important;
  box-shadow:14px 0 38px rgba(0,0,0,.16)!important;
}
body.wf28-theme .wf-global-nav{width:auto!important;padding:20px 16px!important}
body.wf28-theme .wf-nav-logo,
body.wf28-theme.wf-page-client .sidebar-brand{
  border-bottom:1px solid #22364f!important;
  background:transparent!important;
  padding:4px 10px 20px!important;
  margin-bottom:16px!important;
}
body.wf28-theme .wf-nav-logo img,
body.wf28-theme.wf-page-client .sidebar-brand img{
  object-fit:contain!important;
  filter:drop-shadow(0 0 16px rgba(239,22,141,.15))!important;
  background:transparent!important;
}
body.wf28-theme .wf-nav-logo img{width:190px!important;max-height:52px!important}
body.wf28-theme.wf-page-client .sidebar-brand img{height:48px!important;width:100%!important}
body.wf28-theme .wf-nav-item,
body.wf28-theme .nav-item{
  color:#c6d0de!important;
  background:transparent!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  font-weight:650!important;
  transition:.15s ease!important;
}
body.wf28-theme .wf-nav-item:hover,
body.wf28-theme .nav-item:hover{background:#0d1d31!important;color:#fff!important;border-color:#243c58!important;transform:none!important}
body.wf28-theme .wf-nav-item.active,
body.wf28-theme .nav-item.active{
  color:#ff69bd!important;
  background:linear-gradient(90deg,rgba(239,22,141,.25),rgba(239,22,141,.09))!important;
  border-color:rgba(239,22,141,.22)!important;
  box-shadow:inset 4px 0 0 var(--wf28-pink)!important;
}
body.wf28-theme .wf-nav-icon{background:#0b1a2c!important;border-color:#2b4562!important;color:#d7e9fb!important}
body.wf28-theme .wf-nav-card,
body.wf28-theme .mini-lola{
  background:linear-gradient(145deg,#0d1b2e,#111a2a)!important;
  border:1px solid #2a3e59!important;
  color:#fff!important;
}
body.wf28-theme .wf-nav-card span,
body.wf28-theme .mini-lola small{color:#8fa0b6!important}
body.wf28-theme .wf-online i{background:var(--wf28-green)!important}

/* --- estructuras principales --- */
body.wf28-theme.wf-static-app{display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;align-items:start!important}
body.wf28-theme #appView:not(.hidden),
body.wf28-theme #adminApp:not(.hidden),
body.wf28-theme #app:not(.hidden){display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;align-items:start!important;background:transparent!important;min-height:100vh!important}
body.wf28-theme #adminApp:not(.hidden){padding:0!important}
body.wf28-theme #appView:not(.hidden)>.wrap,
body.wf28-theme #adminApp:not(.hidden)>.admin-wrap,
body.wf28-theme #app:not(.hidden)>.wrap,
body.wf28-theme.wf-static-app>.wrap,
body.wf28-theme.wf-static-app>main,
body.wf28-theme.wf-static-app>.shell{grid-column:2!important;min-width:0!important;max-width:none!important;width:100%!important;margin:0!important;padding:18px 26px 38px!important}
body.wf28-theme .main{padding:18px 26px 38px!important;min-width:0!important}

/* --- cabeceras tipo referencia --- */
body.wf28-theme .top,
body.wf28-theme .head,
body.wf28-theme .admin-head,
body.wf28-theme .topbar{
  background:linear-gradient(180deg,rgba(11,25,43,.96),rgba(8,19,33,.96))!important;
  color:#fff!important;
  border:1px solid #2c405b!important;
  border-radius:15px!important;
  box-shadow:0 14px 38px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(14px)!important;
}
body.wf28-theme .top,
body.wf28-theme .head,
body.wf28-theme .admin-head{padding:13px 16px!important}
body.wf28-theme .topbar{padding:12px 16px!important}
body.wf28-theme .top h1,body.wf28-theme .head h1,body.wf28-theme .admin-head h1,body.wf28-theme .topbar h2{color:#fff!important}
body.wf28-theme .muted,body.wf28-theme .top small,body.wf28-theme .head small{color:var(--wf28-muted)!important}

/* --- botones --- */
body.wf28-theme .btn,
body.wf28-theme .admin-btn,
body.wf28-theme .btn-primary,
body.wf28-theme .btn-ghost,
body.wf28-theme .action-btn,
body.wf28-theme .link-btn,
body.wf28-theme button:not(.nav-item):not(.wf-nav-item){
  border-radius:10px!important;
  border:1px solid #304864!important;
  background:linear-gradient(180deg,#14253a,#0d1b2d)!important;
  color:#eef5fc!important;
  -webkit-text-fill-color:#eef5fc!important;
  box-shadow:none!important;
}
body.wf28-theme .btn:hover,body.wf28-theme .admin-btn:hover,body.wf28-theme .action-btn:hover{filter:brightness(1.08)!important;transform:none!important}
body.wf28-theme .primary,
body.wf28-theme .btn.primary,
body.wf28-theme .admin-btn.primary,
body.wf28-theme .btn-primary,
body.wf28-theme #saveBtn,
body.wf28-theme .wf-send-btn{
  background:linear-gradient(135deg,#ef168d,#d30d79)!important;
  border-color:rgba(255,255,255,.06)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 8px 24px rgba(239,22,141,.18)!important;
}
body.wf28-theme .danger,body.wf28-theme .btn.danger,body.wf28-theme .admin-btn.danger{background:#3a1628!important;border-color:#7a2e55!important;color:#ffbfdc!important;-webkit-text-fill-color:#ffbfdc!important}
body.wf28-theme .ok,body.wf28-theme .btn.ok{background:#103629!important;border-color:#256b50!important;color:#adf6d4!important;-webkit-text-fill-color:#adf6d4!important}
body.wf28-theme .logout{background:#0e1b2b!important;border-color:#2b425d!important;color:#dce6f2!important}

/* --- tarjetas/paneles --- */
body.wf28-theme .card,
body.wf28-theme .panel,
body.wf28-theme .admin-panel,
body.wf28-theme .admin-card,
body.wf28-theme .staff,
body.wf28-theme .hero-card,
body.wf28-theme .stat-card,
body.wf28-theme .usage-card,
body.wf28-theme .work-card,
body.wf28-theme .kpi,
body.wf28-theme .summary-box,
body.wf28-theme .data-card,
body.wf28-theme .role-card,
body.wf28-theme .placeholder-step,
body.wf28-theme .crm-card,
body.wf28-theme .kanban-col,
body.wf28-theme .perm,
body.wf28-theme .box,
body.wf28-theme .modal-card,
body.wf28-theme .admin-modal-card,
body.wf28-theme .viewerbox,
body.wf28-theme .row,
body.wf28-theme .manual,
body.wf28-theme .campaign-card,
body.wf28-theme .info{
  background:linear-gradient(145deg,#0f1d30,#0b1727)!important;
  color:var(--wf28-text)!important;
  border:1px solid #2a405c!important;
  box-shadow:0 14px 34px rgba(0,0,0,.15)!important;
}
body.wf28-theme .card,body.wf28-theme .panel,body.wf28-theme .admin-panel,body.wf28-theme .admin-card,body.wf28-theme .staff,body.wf28-theme .row,body.wf28-theme .manual{border-radius:15px!important}
body.wf28-theme .card h1,body.wf28-theme .card h2,body.wf28-theme .card h3,
body.wf28-theme .panel h1,body.wf28-theme .panel h2,body.wf28-theme .panel h3,
body.wf28-theme .admin-panel h1,body.wf28-theme .admin-panel h2,body.wf28-theme .admin-panel h3,
body.wf28-theme .staff h3{color:#fff!important}
body.wf28-theme .pill,body.wf28-theme .chip{background:rgba(239,22,141,.10)!important;border-color:rgba(239,22,141,.28)!important;color:#ff8bc9!important}
body.wf28-theme .okpill{background:rgba(35,216,154,.09)!important;border-color:rgba(35,216,154,.26)!important;color:#88efc6!important}

/* --- formularios legibles y oscuros --- */
body.wf28-theme input,
body.wf28-theme select,
body.wf28-theme textarea,
body.wf28-theme .detail-search,
body.wf28-theme .search{
  background:#0a1727!important;
  color:#f7f9fc!important;
  -webkit-text-fill-color:#f7f9fc!important;
  border:1px solid #304964!important;
  border-radius:10px!important;
  outline:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
body.wf28-theme input::placeholder,body.wf28-theme textarea::placeholder{color:#71849c!important;-webkit-text-fill-color:#71849c!important}
body.wf28-theme input:focus,body.wf28-theme select:focus,body.wf28-theme textarea:focus{border-color:var(--wf28-pink)!important;box-shadow:0 0 0 3px rgba(239,22,141,.11)!important}
body.wf28-theme label{color:#aeb9c9!important}

/* --- tablas: nunca negro sobre negro --- */
body.wf28-theme table{color:#edf3fa!important;background:transparent!important}
body.wf28-theme th{background:#101f32!important;color:#99abc0!important;border-bottom:1px solid #2d4662!important}
body.wf28-theme td{color:#edf3fa!important;-webkit-text-fill-color:#edf3fa!important;border-bottom:1px solid #203650!important;background:transparent!important}
body.wf28-theme tr:hover td{background:#13243a!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.wf28-theme table a,body.wf28-theme table b,body.wf28-theme table strong{color:#fff!important;-webkit-text-fill-color:#fff!important}
body.wf28-theme .table-wrap,body.wf28-theme .table-panel,body.wf28-theme .tablewrap{background:#0b1828!important;border-color:#29415d!important}

/* --- modal/popup --- */
body.wf28-theme .modal,
body.wf28-theme .admin-modal,
body.wf28-theme .viewer{background:rgba(0,6,14,.76)!important;backdrop-filter:blur(8px)!important}
body.wf28-theme .modal-card,body.wf28-theme .admin-modal-card,body.wf28-theme .modalbox{background:linear-gradient(145deg,#0f1d30,#0a1727)!important;border:1px solid #35506e!important;color:#fff!important;box-shadow:var(--wf28-shadow)!important}
body.wf28-theme .close,body.wf28-theme .closex,body.wf28-theme .modal-close{background:#13243a!important;border:1px solid #35506e!important;color:#fff!important}

/* --- login oscuro y limpio --- */
body.wf28-theme .login,
body.wf28-theme .login-shell,
body.wf28-theme .admin-login{
  background:radial-gradient(circle at 80% 10%,rgba(239,22,141,.15),transparent 28%),linear-gradient(145deg,#06101c,#081321)!important;
}
body.wf28-theme .login-card,
body.wf28-theme .admin-login .box,
body.wf28-theme .login .box{
  background:linear-gradient(145deg,#0d1b2d,#081522)!important;
  border:1px solid #2f4864!important;
  color:#fff!important;
  box-shadow:0 28px 86px rgba(0,0,0,.42)!important;
}
body.wf28-theme .login-copy h1,body.wf28-theme .login-copy p,body.wf28-theme .login-form label{color:#fff!important}
body.wf28-theme .login-copy p{color:#aab6c6!important}
body.wf28-theme .brand-row{background:#fff!important}
body.wf28-theme .lola-panel{background:#09111c!important}
body.wf28-theme .lola-img{filter:none!important;image-rendering:auto!important}

/* --- portal cliente --- */
body.wf28-theme.wf-page-client .app-shell{grid-template-columns:280px minmax(0,1fr)!important}
body.wf28-theme.wf-page-client .topbar{position:sticky!important;top:12px!important;z-index:12!important}
body.wf28-theme.wf-page-client .hero-card{
  background:linear-gradient(145deg,#0d1c2f 0%,#0b1727 62%,#171127 100%)!important;
  border-color:#2d4562!important;
}
body.wf28-theme.wf-page-client .hero-card h1{color:#fff!important}
body.wf28-theme.wf-page-client .hero-card p{color:#99a9bb!important}
body.wf28-theme.wf-page-client .hero-lola img{filter:none!important}
body.wf28-theme.wf-page-client .stat-card{background:#0e1c2e!important;border-color:#2b425f!important}
body.wf28-theme.wf-page-client .stat-card small,body.wf28-theme.wf-page-client .stat-card span{color:#8fa1b7!important}
body.wf28-theme.wf-page-client .status.gestionada,body.wf28-theme.wf-page-client .status.completada{background:#103629!important;color:#8af0c2!important}
body.wf28-theme.wf-page-client .status.pendiente{background:#382510!important;color:#ffd18b!important}
body.wf28-theme.wf-page-client .status.derivada{background:#0d2d3e!important;color:#93ddff!important}
body.wf28-theme.wf-page-client .overview-call-card{background:#0e1b2d!important;border-color:#2a405b!important}

/* --- COMERCIAL: chat = pantalla principal --- */
body.wf28-theme.wf-page-commercial #appView:not(.hidden)>.wrap{padding:14px 20px 24px!important}
body.wf28-theme.wf-page-commercial .top{display:none!important}
body.wf28-theme.wf-page-commercial .work-setup-card,
body.wf28-theme.wf-page-commercial .goals-card{display:none!important}
body.wf28-theme.wf-page-commercial .chat-layout{display:block!important;margin-top:0!important}
body.wf28-theme.wf-page-commercial .side-panel{display:none!important}
body.wf28-theme.wf-page-commercial .chat-card{
  height:calc(100vh - 28px)!important;
  min-height:700px!important;
  max-height:none!important;
  width:100%!important;
  background:
    radial-gradient(circle at 94% 34%,rgba(239,22,141,.10),transparent 28%),
    linear-gradient(145deg,#0b1829,#0a1625 72%,#111125)!important;
  border:1px solid #2d4562!important;
  border-radius:18px!important;
  box-shadow:0 24px 70px rgba(0,0,0,.20)!important;
}
body.wf28-theme.wf-page-commercial .chat-head{
  min-height:76px!important;
  padding:13px 18px!important;
  background:rgba(8,20,34,.86)!important;
  border-bottom:1px solid #2a405c!important;
}
body.wf28-theme.wf-page-commercial .lola-avatar{background:#0d1b2d!important;border:2px solid var(--wf28-pink)!important;color:var(--wf28-pink)!important;box-shadow:0 0 18px rgba(239,22,141,.25)!important}
body.wf28-theme.wf-page-commercial .chat-head h2{font-size:24px!important;color:#fff!important}
body.wf28-theme.wf-page-commercial .chat-stream{
  padding:22px 46px!important;
  gap:16px!important;
  background:transparent!important;
  color:#fff!important;
}
body.wf28-theme.wf-page-commercial .bubble{max-width:min(840px,78%)!important;padding:13px 17px!important;border-radius:17px!important;font-size:15px!important;line-height:1.55!important;box-shadow:0 8px 26px rgba(0,0,0,.16)!important}
body.wf28-theme.wf-page-commercial .bubble.lola{align-self:flex-start!important;background:#122238!important;color:#f6f8fc!important;border:1px solid #314965!important;border-bottom-left-radius:6px!important}
body.wf28-theme.wf-page-commercial .bubble.user{align-self:flex-end!important;background:#d7eaff!important;color:#102136!important;border:1px solid #e9f4ff!important;border-bottom-right-radius:6px!important}
body.wf28-theme.wf-page-commercial .bubble small{color:#91a0b4!important}
body.wf28-theme.wf-page-commercial .chat-separator{background:#0c192a!important;border:1px solid #2d4560!important;color:#93a7bf!important}
body.wf28-theme.wf-page-commercial .chat-compose{
  padding:12px 22px 14px!important;
  background:linear-gradient(180deg,rgba(8,19,32,.84),#091522)!important;
  border-top:1px solid #2b415d!important;
  box-shadow:0 -14px 38px rgba(0,0,0,.18)!important;
}
body.wf28-theme.wf-page-commercial .chat-tip{display:none!important}
body.wf28-theme.wf-page-commercial .chat-input-row{display:grid!important;grid-template-columns:minmax(0,1fr) 42px 52px!important;gap:8px!important;align-items:end!important}
body.wf28-theme.wf-page-commercial .chat-compose textarea{
  height:86px!important;min-height:86px!important;max-height:120px!important;
  background:#0f1e31!important;color:#f7f9fd!important;-webkit-text-fill-color:#f7f9fd!important;
  border:1px solid #344e6c!important;border-radius:14px!important;padding:14px 16px!important;
}
body.wf28-theme.wf-page-commercial .chat-compose textarea::placeholder{color:#7e91a8!important;-webkit-text-fill-color:#7e91a8!important}
body.wf28-theme.wf-page-commercial .wf-mic-btn,body.wf28-theme.wf-page-commercial .wf-send-btn{width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:50%!important;font-size:0!important;display:grid!important;place-items:center!important}
body.wf28-theme.wf-page-commercial .wf-mic-btn::after{content:"🎙";font-size:17px}
body.wf28-theme.wf-page-commercial .wf-send-btn::after{content:"➤";font-size:20px;color:#fff}
body.wf28-theme.wf-page-commercial .quick{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin-top:9px!important}
body.wf28-theme.wf-page-commercial .quick .btn,body.wf28-theme.wf-page-commercial .chat-actions .btn{font-size:10px!important;min-height:28px!important;padding:5px 8px!important;border-radius:8px!important}
body.wf28-theme.wf-page-commercial .chat-actions{margin-top:6px!important;gap:6px!important}
body.wf28-theme.wf-page-commercial .wf-email-workbench{margin-top:14px!important;background:#0d1b2d!important}
body.wf28-theme.wf-page-commercial .nurture-box{background:#111f32!important;border-color:#2c435f!important;color:#fff!important}
body.wf28-theme.wf-page-commercial .email-queue-detail{background:#0b1828!important;border-color:#2c435f!important;color:#fff!important}

/* lead dentro del chat */
body.wf28-theme .lead-chat-card{
  align-self:center;width:min(880px,94%);background:linear-gradient(145deg,#101f34,#0d1a2d)!important;border:1px solid #3a5270!important;border-left:4px solid var(--wf28-pink)!important;border-radius:16px!important;padding:15px 17px!important;box-shadow:0 14px 34px rgba(0,0,0,.20)!important;cursor:pointer
}
body.wf28-theme .lead-chat-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
body.wf28-theme .lead-chat-card h3{margin:4px 0 3px;color:#fff!important;font-size:22px;letter-spacing:-.02em}
body.wf28-theme .lead-chat-meta{color:#9fb0c4;font-size:12px}
body.wf28-theme .lead-chat-contact{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}
body.wf28-theme .lead-chat-contact span{display:inline-flex;align-items:center;gap:6px;border:1px solid #38506d;background:#0a1828;border-radius:999px;padding:6px 10px;font-size:12px;color:#e8f1fa}
body.wf28-theme .lead-chat-card .open-lead-hint{color:#ff66bc;font-size:11px;font-weight:800;white-space:nowrap}

/* popup lead */
body.wf28-theme .lead-popup{position:fixed;inset:0;background:rgba(0,6,14,.62);backdrop-filter:blur(7px);display:grid;place-items:center;padding:22px;z-index:90}
body.wf28-theme .lead-popup-card{width:min(820px,96vw);max-height:88vh;overflow:auto;background:linear-gradient(145deg,#101f34,#0b1727);border:1px solid #3a5270;border-radius:20px;padding:20px;box-shadow:0 34px 100px rgba(0,0,0,.48)}
body.wf28-theme .lead-popup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
body.wf28-theme .lead-popup-head h2{margin:0;color:#fff}
body.wf28-theme .lead-popup-close{width:38px;height:38px;border-radius:50%!important;padding:0!important;font-size:22px!important}
body.wf28-theme .lead-contact-compact{background:#0c192b!important;border:1px solid #304864!important;border-radius:15px!important;padding:15px!important;color:#fff!important}
body.wf28-theme .lead-compact-name{color:#fff!important;font-size:26px!important;margin:6px 0!important}
body.wf28-theme .lead-quick-link{background:#0e1d31!important;border:1px solid #304864!important;color:#fff!important;border-radius:12px!important}
body.wf28-theme .lead-context{display:block!important;background:transparent!important;border:0!important;padding:0!important;margin-top:12px!important;color:#fff!important}
body.wf28-theme .lead-context-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body.wf28-theme .lead-context-item{background:#0c192a!important;border:1px solid #2e4663!important;color:#f6f8fb!important;border-radius:12px!important;padding:12px!important}
body.wf28-theme .lead-context-item small{color:#879ab1!important;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.05em}
body.wf28-theme .lead-context-item.wide{grid-column:1/-1!important}

/* --- ayuda: chat grande como comercial --- */
body.wf28-theme.wf-page-help .grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
body.wf28-theme.wf-page-help .grid>section:first-child{min-height:calc(100vh - 130px)!important;display:flex!important;flex-direction:column!important}
body.wf28-theme.wf-page-help .chat{height:auto!important;min-height:520px!important;flex:1!important;padding:18px 20px!important;background:radial-gradient(circle at 95% 35%,rgba(239,22,141,.08),transparent 25%),#0b1828!important;border:1px solid #2b435f!important;border-radius:15px!important}
body.wf28-theme.wf-page-help .bubble.assistant{background:#122238!important;border:1px solid #314965!important;color:#f7f9fc!important}
body.wf28-theme.wf-page-help .bubble.user{background:#d7eaff!important;color:#0e2034!important}
body.wf28-theme.wf-page-help .composer{grid-template-columns:42px minmax(0,1fr) 84px 110px!important;gap:8px!important;background:#0a1727!important;border:1px solid #2f4865!important;border-radius:15px!important;padding:10px!important;margin-top:10px!important}
body.wf28-theme.wf-page-help .composer textarea{min-height:84px!important}
body.wf28-theme.wf-page-help .grid>section:nth-child(2){margin-top:0!important}

/* --- altas, equipo, reportes, ajustes, admin: misma identidad --- */
body.wf28-theme .list .row:hover,body.wf28-theme .staff:hover,body.wf28-theme .manual:hover{border-color:#3a5574!important;background:linear-gradient(145deg,#11243a,#0d1a2d)!important}
body.wf28-theme .section{color:#ff6dbc!important}
body.wf28-theme .reportNav.active{background:linear-gradient(90deg,rgba(239,22,141,.24),rgba(239,22,141,.08))!important;border-color:rgba(239,22,141,.35)!important;box-shadow:inset 3px 0 0 var(--wf28-pink)!important}
body.wf28-theme .progress,body.wf28-theme .usage-card .progress{background:#1b3049!important}
body.wf28-theme .progress span,body.wf28-theme .progress>div{background:linear-gradient(90deg,#ef168d,#ff6fbd)!important}
body.wf28-theme #adminApp .detail-nav{background:#0a1727!important;border-bottom:1px solid #243b56!important}
body.wf28-theme #adminApp .transcript-box{background:#0a1727!important;border-color:#2d4662!important}

/* evita inline blancos heredados en Centralita/Admin */
body.wf28-theme #wifiPhoneArea .admin-panel,
body.wf28-theme #telephonyAreaDetail,
body.wf28-theme #clientTelephonyPanel,
body.wf28-theme #clientTelephonySummary{
  background:linear-gradient(145deg,#0f1d30,#0b1727)!important;
  color:#f5f8fc!important;
  border-color:#2c435f!important;
}
body.wf28-theme #wifiPhoneArea h2,body.wf28-theme #wifiPhoneArea h3,body.wf28-theme #telephonyAreaDetail h2{color:#fff!important}

/* responsive */
@media(max-width:1100px){
  body.wf28-theme.wf-static-app,
  body.wf28-theme #appView:not(.hidden),body.wf28-theme #adminApp:not(.hidden),body.wf28-theme #app:not(.hidden){grid-template-columns:86px minmax(0,1fr)!important}
  body.wf28-theme .wf-nav-logo img{width:56px!important;height:40px!important;object-fit:cover!important;object-position:left!important}
  body.wf28-theme .wf-nav-item span:not(.wf-nav-icon),body.wf28-theme .wf-nav-caption,body.wf28-theme .wf-nav-card strong,body.wf28-theme .wf-nav-card span{display:none!important}
  body.wf28-theme .wf-nav-item{justify-content:center!important;padding:8px!important}
  body.wf28-theme .wf-nav-icon{width:40px!important;height:40px!important}
  body.wf28-theme.wf-page-client .sidebar{padding-left:8px!important;padding-right:8px!important}
  body.wf28-theme .nav-item{font-size:0!important;justify-content:center!important}
  body.wf28-theme .nav-item span{font-size:20px!important}
  body.wf28-theme.wf-page-commercial .chat-stream{padding:18px 22px!important}
}
@media(max-width:820px){
  body.wf28-theme.wf-static-app{display:block!important}
  body.wf28-theme #appView:not(.hidden),body.wf28-theme #adminApp:not(.hidden),body.wf28-theme #app:not(.hidden){display:block!important}
  body.wf28-theme .wf-global-nav,body.wf28-theme.wf-page-client .sidebar{position:sticky!important;top:0!important;width:100%!important;height:auto!important;z-index:50!important;border-right:0!important;border-bottom:1px solid #263d57!important;display:flex!important;flex-direction:row!important;align-items:center!important;overflow-x:auto!important}
  body.wf28-theme .wf-nav-logo,body.wf28-theme.wf-page-client .sidebar-brand{border-bottom:0!important;margin:0!important;padding:4px 10px!important;min-width:100px!important}
  body.wf28-theme .wf-nav-menu,body.wf28-theme.wf-page-client .sidebar nav{display:flex!important;gap:5px!important}
  body.wf28-theme .wf-nav-card,body.wf28-theme.wf-page-client .sidebar-bottom{display:none!important}
  body.wf28-theme #appView:not(.hidden)>.wrap,body.wf28-theme #adminApp:not(.hidden)>.admin-wrap,body.wf28-theme #app:not(.hidden)>.wrap,body.wf28-theme.wf-static-app>.wrap,body.wf28-theme.wf-static-app>main,body.wf28-theme.wf-static-app>.shell,body.wf28-theme .main{padding:14px!important}
  body.wf28-theme.wf-page-commercial .chat-card{height:calc(100vh - 84px)!important;min-height:620px!important;border-radius:14px!important}
  body.wf28-theme.wf-page-commercial .chat-head{align-items:flex-start!important}
  body.wf28-theme.wf-page-commercial .chat-head h2{font-size:20px!important}
  body.wf28-theme.wf-page-commercial .bubble{max-width:94%!important}
  body.wf28-theme .lead-context-grid{grid-template-columns:1fr!important}
  body.wf28-theme .lead-context-item.wide{grid-column:auto!important}
  body.wf28-theme.wf-page-help .composer{grid-template-columns:42px 1fr 72px!important}
  body.wf28-theme.wf-page-help .composer .speak-toggle{grid-column:1/-1!important}
}
/* login: no estirar la foto de PAOLA; se muestra nítida dentro del panel oscuro */
body.wf28-theme.wf-page-client .lola-panel{display:flex!important;align-items:center!important;justify-content:center!important;padding:34px!important;background:radial-gradient(circle at 50% 42%,rgba(239,22,141,.16),transparent 30%),linear-gradient(145deg,#07111f,#050b13)!important}
body.wf28-theme.wf-page-client .lola-img{position:relative!important;width:auto!important;height:auto!important;max-width:min(489px,86%)!important;max-height:82vh!important;object-fit:contain!important;object-position:center!important;border-radius:22px!important;box-shadow:0 30px 90px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.07)!important;z-index:1!important}
body.wf28-theme.wf-page-client .lola-panel::after{background:linear-gradient(to top,rgba(4,9,16,.55),transparent 40%)!important}
body.wf28-theme.wf-page-client .lola-glow{display:none!important}
body.wf28-theme.wf-page-commercial .chat-head-controls{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
body.wf28-theme.wf-page-commercial .chat-campaign-select{width:190px!important;min-height:36px!important;padding:7px 10px!important;font-size:11px!important}
body.wf28-theme.wf-page-commercial .chat-head-controls .btn{min-height:34px!important;padding:7px 9px!important;font-size:10px!important;white-space:nowrap}
body.wf28-theme.wf-page-commercial #nextLeadBtn{font-size:11px!important;padding:8px 12px!important;min-height:38px!important}
@media(max-width:1180px){body.wf28-theme.wf-page-commercial .chat-head-controls #startDayBtn,body.wf28-theme.wf-page-commercial .chat-head-controls #endDayBtn,body.wf28-theme.wf-page-commercial .chat-head-controls #autoCampaignBtn{display:none!important}}

/* V27.32 · CRM cliente: estados operativos y tarjetas clicables */
body.wf28-theme.wf-page-client #view-crm .crm-card-clickable{
  cursor:pointer!important;
  position:relative;
  overflow:hidden;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
body.wf28-theme.wf-page-client #view-crm .crm-card-clickable:hover,
body.wf28-theme.wf-page-client #view-crm .crm-card-clickable:focus-visible{
  transform:translateY(-2px);
  border-color:#566f8d!important;
  box-shadow:0 16px 36px rgba(0,0,0,.24)!important;
  outline:none;
}
body.wf28-theme.wf-page-client #view-crm .crm-pending-col{border-top:3px solid #ef168d!important}
body.wf28-theme.wf-page-client #view-crm .crm-done-col{border-top:3px solid #23d89a!important}
body.wf28-theme.wf-page-client #view-crm .crm-derived-col{border-top:3px solid #4db7ff!important}
body.wf28-theme.wf-page-client #view-crm .crm-col-help{
  margin:-4px 2px 12px!important;
  color:#8ea2ba!important;
  font-size:12px!important;
  line-height:1.45!important;
}
body.wf28-theme.wf-page-client #view-crm .crm-card-top,
body.wf28-theme.wf-page-client #view-crm .crm-card-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
body.wf28-theme.wf-page-client #view-crm .crm-card-top{margin-bottom:10px}
body.wf28-theme.wf-page-client #view-crm .crm-card-actions{margin-top:12px}
body.wf28-theme.wf-page-client #view-crm .crm-card-date{
  color:#8095ad;
  font-size:11px;
  white-space:nowrap;
}
body.wf28-theme.wf-page-client #view-crm .crm-state{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:5px 9px;
  border-radius:999px;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.05em;
}
body.wf28-theme.wf-page-client #view-crm .crm-state.crm-pending{
  background:rgba(239,22,141,.13)!important;
  border:1px solid rgba(239,22,141,.38)!important;
  color:#ff80c4!important;
}
body.wf28-theme.wf-page-client #view-crm .crm-state.crm-done{
  background:rgba(35,216,154,.12)!important;
  border:1px solid rgba(35,216,154,.34)!important;
  color:#8af0c2!important;
}
body.wf28-theme.wf-page-client #view-crm .crm-state.crm-derived{
  background:rgba(77,183,255,.12)!important;
  border:1px solid rgba(77,183,255,.32)!important;
  color:#98ddff!important;
}
body.wf28-theme.wf-page-client #view-crm .crm-open-hint{
  color:#9fb1c7;
  font-size:11px;
  font-weight:700;
}
body.wf28-theme.wf-page-client #view-crm .crm-state-btn{
  border-radius:9px!important;
  min-height:32px;
  padding:7px 10px!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.025em;
  cursor:pointer;
}
body.wf28-theme.wf-page-client #view-crm .crm-state-done{
  background:linear-gradient(135deg,#16a875,#23d89a)!important;
  border:1px solid #37e1a8!important;
  color:#061a13!important;
  -webkit-text-fill-color:#061a13!important;
}
body.wf28-theme.wf-page-client #view-crm .crm-state-reopen{
  background:linear-gradient(135deg,#ef168d,#c90b70)!important;
  border:1px solid #ff42aa!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.wf28-theme.wf-page-client #view-crm .crm-card b{font-size:17px!important;color:#fff!important}
body.wf28-theme.wf-page-client #view-crm .crm-card p{color:#a8bad0!important}
@media(max-width:760px){
  body.wf28-theme.wf-page-client #view-crm .crm-card-actions{align-items:flex-end;flex-direction:column}
  body.wf28-theme.wf-page-client #view-crm .crm-state-btn{width:100%}
}

/* V27.34 · borrar ficha/contacto desde CRM cliente */
body.wf28-theme.wf-page-client #view-crm .crm-card-action-buttons{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
body.wf28-theme.wf-page-client #view-crm .crm-delete-btn,
body.wf28-theme.wf-page-client .crm-modal-delete{
  background:rgba(255,69,94,.10)!important;
  border:1px solid rgba(255,89,111,.48)!important;
  color:#ff8998!important;
  -webkit-text-fill-color:#ff8998!important;
  font-weight:900!important;
  cursor:pointer!important;
}
body.wf28-theme.wf-page-client #view-crm .crm-delete-btn:hover,
body.wf28-theme.wf-page-client .crm-modal-delete:hover{
  background:#cf2e45!important;
  border-color:#ff667b!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.wf28-theme.wf-page-client .crm-modal-danger{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.10);
  display:flex;
  justify-content:flex-end;
}
body.wf28-theme.wf-page-client .crm-modal-delete{
  min-height:38px;
  padding:9px 13px;
  border-radius:10px;
}
@media(max-width:760px){
  body.wf28-theme.wf-page-client #view-crm .crm-card-action-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr}
  body.wf28-theme.wf-page-client #view-crm .crm-card-action-buttons .crm-state-btn{width:100%}
}

/* ============================================================
   V27.35 · MENUS INTERNOS ESTABLES
   Solo páginas internas. NO modifica Comercial ni Portal cliente.
   ============================================================ */
body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-global-nav{
  position:sticky!important;
  top:0!important;
  align-self:start!important;
  width:280px!important;
  height:100vh!important;
  min-height:100vh!important;
  padding:20px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  z-index:60!important;
  pointer-events:auto!important;
}
body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-logo{
  display:block!important;
  flex:0 0 auto!important;
}
body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-logo small{
  display:block!important;
  margin-top:7px!important;
  color:#71859d!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.10em!important;
}
body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-caption{
  display:block!important;
  flex:0 0 auto!important;
  padding:4px 10px 8px!important;
  color:#71859d!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-menu{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
  width:100%!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
}
body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-item{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  width:100%!important;
  min-height:44px!important;
  padding:9px 11px!important;
  margin:0!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  position:relative!important;
  z-index:2!important;
  line-height:1.2!important;
}
body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-item span:not(.wf-nav-icon){
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-icon{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #2b4562!important;
  border-radius:9px!important;
  font-size:16px!important;
  line-height:1!important;
}
body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-separator{
  display:block!important;
  width:100%!important;
  height:1px!important;
  background:#20344e!important;
  margin:15px 3px!important;
  flex:0 0 auto!important;
}
body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-card{
  display:block!important;
  width:100%!important;
  margin-top:auto!important;
  padding:13px!important;
  border-radius:14px!important;
  flex:0 0 auto!important;
}
body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-card strong{
  display:block!important;
  color:#fff!important;
  font-size:12px!important;
}
body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-card span{
  display:block!important;
  margin-top:4px!important;
  line-height:1.45!important;
}
body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-online{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-top:10px!important;
  font-size:10px!important;
  color:#9aacc0!important;
}
body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-online i{
  display:block!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  flex:0 0 7px!important;
}

/* Escritorio intermedio: conserva un menú compacto pero totalmente clicable. */
@media(max-width:1100px) and (min-width:821px){
  body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-global-nav{
    width:86px!important;
    padding:16px 10px!important;
  }
  body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-logo{
    padding:4px 3px 15px!important;
  }
  body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-logo img{
    width:56px!important;
    height:40px!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-logo small,
  body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-caption,
  body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-card{
    display:none!important;
  }
  body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-item{
    justify-content:center!important;
    padding:8px!important;
  }
  body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-item span:not(.wf-nav-icon){
    display:none!important;
  }
  body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-icon{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
  }
}

/* Móvil: barra horizontal superior, sin bloquear el contenido. */
@media(max-width:820px){
  body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-global-nav{
    position:sticky!important;
    top:0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:8px 10px!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    border-right:0!important;
    border-bottom:1px solid #263d57!important;
  }
  body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-logo{
    min-width:92px!important;
    margin:0!important;
    padding:4px 8px!important;
    border-bottom:0!important;
  }
  body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-logo img{
    width:78px!important;
    height:38px!important;
    object-fit:contain!important;
  }
  body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-logo small,
  body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-caption,
  body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-separator,
  body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-card{
    display:none!important;
  }
  body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-menu{
    display:flex!important;
    grid-template-columns:none!important;
    gap:5px!important;
    width:auto!important;
    min-width:max-content!important;
  }
  body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-item{
    width:auto!important;
    min-height:40px!important;
    padding:7px 9px!important;
    flex:0 0 auto!important;
  }
  body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-item span:not(.wf-nav-icon){
    display:block!important;
  }
  body.wf28-theme:not(.wf-page-commercial):not(.wf-page-client) .wf-nav-icon{
    width:30px!important;
    height:30px!important;
    flex-basis:30px!important;
  }
}