:root {
  --bg:#f5f7fb; --panel:#ffffff; --panel2:#f8fafc; --text:#0f172a; --muted:#64748b;
  --line:#e2e8f0; --brand:#16a34a; --brand2:#22c55e; --brand-soft:#ecfdf3;
  --danger:#ef4444; --warning:#f59e0b; --blue:#2563eb; --shadow:0 10px 30px rgba(15,23,42,.07);
}
body.dark { --bg:#0b1220; --panel:#111827; --panel2:#172033; --text:#e5e7eb; --muted:#94a3b8; --line:#253149; --brand-soft:#0f2a1c; --shadow:0 10px 30px rgba(0,0,0,.2); }
*{box-sizing:border-box} html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)} button,input,textarea,select{font:inherit} button{cursor:pointer}
.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#0f172a;color:#fff;padding:20px 14px;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:250px;z-index:30}.brand{display:flex;gap:10px;align-items:center;padding:2px 8px 22px}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);font-weight:900;font-size:21px}.brand strong,.brand span{display:block}.brand span{font-size:11px;color:#94a3b8;margin-top:2px}.nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:transparent;color:#cbd5e1;text-align:left;padding:11px 12px;border-radius:10px;display:flex;gap:11px;align-items:center}.nav-item:hover,.nav-item.active{background:#1e293b;color:#fff}.nav-item.active{box-shadow:inset 3px 0 0 #22c55e}.sidebar-footer{margin-top:auto}.connection-card{background:#172033;border:1px solid #243147;border-radius:12px;padding:12px;display:flex;gap:10px;align-items:center}.connection-card .dot{width:9px;height:9px;border-radius:50%;background:#f59e0b}.connection-card strong,.connection-card small{display:block}.connection-card small{color:#94a3b8;margin-top:2px}.main{grid-column:2;min-width:0}.topbar{height:78px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.topbar-left{display:flex;align-items:center;gap:12px}.topbar h1{font-size:21px;margin:0}.topbar p{margin:4px 0 0;color:var(--muted);font-size:12px}.topbar-actions{display:flex;align-items:center;gap:10px}.primary-btn,.secondary-btn,.icon-btn{border:0;border-radius:10px;padding:10px 14px}.primary-btn{background:var(--brand);color:#fff;font-weight:700}.secondary-btn{background:var(--panel2);border:1px solid var(--line);color:var(--text)}.icon-btn{background:var(--panel2);border:1px solid var(--line);color:var(--text);width:39px;height:39px;padding:0}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;font-size:12px;font-weight:800}.view{padding:24px 28px 40px}.grid{display:grid;gap:16px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.stat-card{padding:18px}.stat-head{display:flex;justify-content:space-between;align-items:center}.stat-label{color:var(--muted);font-size:12px}.stat-icon{width:34px;height:34px;border-radius:10px;background:var(--brand-soft);display:grid;place-items:center}.stat-value{font-size:28px;font-weight:800;margin-top:13px}.stat-delta{font-size:11px;color:var(--brand);margin-top:3px}.panel{padding:18px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-title h3{margin:0;font-size:15px}.panel-title span{font-size:11px;color:var(--muted)}.dashboard-grid{grid-template-columns:1.35fr .65fr;margin-top:16px}.chart{height:220px;display:flex;align-items:end;gap:8px;padding-top:12px}.bar-wrap{flex:1;display:flex;align-items:end;gap:3px;height:100%;border-bottom:1px solid var(--line)}.bar{flex:1;border-radius:7px 7px 0 0;background:linear-gradient(#22c55e,#16a34a);min-height:8px}.bar.alt{background:linear-gradient(#93c5fd,#2563eb)}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:8px}.activity{display:flex;flex-direction:column;gap:13px}.activity-item{display:flex;gap:11px;align-items:start}.activity-dot{width:9px;height:9px;border-radius:50%;background:var(--brand2);margin-top:5px}.activity-item strong{font-size:12px}.activity-item p{margin:2px 0 0;font-size:11px;color:var(--muted)}.toolbar{display:flex;gap:10px;justify-content:space-between;margin-bottom:16px;align-items:center;flex-wrap:wrap}.search{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:0 12px;min-width:280px}.search input{border:0;outline:0;background:transparent;color:var(--text);padding:10px 0;width:100%}.table-wrap{overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:15px}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th,.data-table td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);font-size:12px}.data-table th{color:var(--muted);font-weight:650;background:var(--panel2)}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;background:var(--brand-soft);color:var(--brand);font-weight:700}.badge.blue{background:#eff6ff;color:#2563eb}.badge.orange{background:#fff7ed;color:#ea580c}.badge.gray{background:var(--panel2);color:var(--muted)}.contact-cell{display:flex;gap:10px;align-items:center}.mini-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e2e8f0;color:#334155;font-weight:800;font-size:10px}.inbox-layout{display:grid;grid-template-columns:300px 1fr 280px;height:calc(100vh - 126px);background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.conversation-list{border-right:1px solid var(--line);overflow:auto}.conversation-search{padding:12px;border-bottom:1px solid var(--line)}.conversation-search input{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text)}.conversation{padding:13px;display:flex;gap:10px;border-bottom:1px solid var(--line)}.conversation.active{background:var(--brand-soft)}.conversation .meta{min-width:0;flex:1}.conversation .name-row{display:flex;justify-content:space-between;gap:8px}.conversation strong{font-size:12px}.conversation small{font-size:10px;color:var(--muted)}.conversation p{margin:3px 0 0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.chat{display:flex;flex-direction:column;min-width:0;background:linear-gradient(180deg,var(--panel),var(--panel2))}.chat-head{padding:12px 16px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.chat-messages{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:70%;padding:10px 12px;border-radius:12px;font-size:12px;line-height:1.45;background:var(--panel);border:1px solid var(--line)}.bubble.me{align-self:flex-end;background:#dcfce7;border-color:#bbf7d0}.chat-compose{padding:12px;border-top:1px solid var(--line);display:flex;gap:8px;background:var(--panel)}.chat-compose input{flex:1;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);padding:10px}.contact-panel{border-left:1px solid var(--line);padding:18px;overflow:auto}.contact-panel h3{font-size:14px;margin:12px 0}.contact-panel .field{margin:12px 0}.contact-panel .field label{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.contact-panel .field div{font-size:12px}.pipeline{display:flex;gap:14px;overflow-x:auto;padding-bottom:15px}.stage{min-width:270px;width:270px}.stage-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.stage-head strong{font-size:12px}.stage-count{background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:3px 7px;font-size:10px}.stage-drop{min-height:420px;background:var(--panel2);border:1px dashed var(--line);border-radius:13px;padding:9px}.deal{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:9px;box-shadow:0 4px 14px rgba(15,23,42,.04)}.deal[draggable="true"]{cursor:grab}.deal strong{font-size:12px}.deal p{font-size:10px;color:var(--muted);margin:4px 0}.deal-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.deal-value{font-weight:800;font-size:11px}.campaign-grid{grid-template-columns:repeat(3,1fr)}.campaign-card{padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.campaign-card h3{font-size:14px;margin:0 0 4px}.campaign-card p{font-size:11px;color:var(--muted);margin:0 0 15px}.progress{height:7px;background:var(--panel2);border-radius:999px;overflow:hidden}.progress div{height:100%;background:var(--brand);border-radius:999px}.metrics-row{display:flex;justify-content:space-between;margin-top:10px;font-size:10px;color:var(--muted)}.template-grid{grid-template-columns:repeat(3,1fr)}.template-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.template-card h3{margin:0 0 8px;font-size:13px}.template-card p{font-size:11px;line-height:1.5;color:var(--muted);min-height:52px}.settings-grid{grid-template-columns:1fr 1fr}.setting-row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}.setting-row strong{display:block;font-size:12px}.setting-row small{color:var(--muted);font-size:10px}.toggle{width:42px;height:24px;border:0;border-radius:999px;background:#cbd5e1;position:relative}.toggle.on{background:var(--brand)}.toggle:after{content:"";width:18px;height:18px;background:white;border-radius:50%;position:absolute;top:3px;left:3px;transition:.2s}.toggle.on:after{left:21px}.empty-note{padding:36px;text-align:center;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.62);z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(560px,100%);background:var(--panel);border-radius:18px;box-shadow:0 25px 70px rgba(0,0,0,.35);padding:20px}.modal h2{margin:0 0 5px;font-size:18px}.modal p{margin:0 0 18px;color:var(--muted);font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group.full{grid-column:1/-1}.form-group label{font-size:10px;color:var(--muted)}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);padding:10px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.toast{position:fixed;right:22px;bottom:22px;background:#0f172a;color:#fff;padding:12px 15px;border-radius:11px;box-shadow:var(--shadow);z-index:200;font-size:12px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.mobile-only{display:none}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.inbox-layout{grid-template-columns:280px 1fr}.contact-panel{display:none}.campaign-grid,.template-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.main{width:100%}.mobile-only{display:inline-grid;place-items:center}.topbar{height:68px;padding:0 14px}.topbar p{display:none}.topbar-actions .primary-btn{display:none}.view{padding:14px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:13px}.stat-value{font-size:22px}.inbox-layout{height:calc(100vh - 100px);grid-template-columns:1fr}.chat,.contact-panel{display:none}.inbox-layout.chat-open .conversation-list{display:none}.inbox-layout.chat-open .chat{display:flex}.campaign-grid,.template-grid,.settings-grid{grid-template-columns:1fr}.toolbar .search{min-width:100%}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.data-table{min-width:650px}.dashboard-grid{margin-top:10px}}

/* Fase 2: autenticación y multiusuario */
[hidden]{display:none!important}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,rgba(34,197,94,.18),transparent 34%),linear-gradient(135deg,#07111f,#0f172a 55%,#10261b)}.login-card{width:min(480px,100%);background:rgba(255,255,255,.98);border-radius:24px;padding:28px;box-shadow:0 35px 90px rgba(0,0,0,.38);color:#0f172a}.login-brand{padding:0 0 24px}.login-brand span{color:#64748b}.login-copy h1{font-size:30px;line-height:1.08;margin:13px 0 10px}.login-copy p{color:#64748b;line-height:1.6;font-size:13px;margin-bottom:22px}.login-form{display:flex;flex-direction:column;gap:8px}.login-form label{font-size:11px;color:#475569;font-weight:700}.login-form input{border:1px solid #dbe3ef;border-radius:12px;padding:13px 14px;background:#f8fafc;outline:none}.login-form input:focus{border-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12)}.login-btn{margin-top:8px;padding:13px}.login-error{min-height:20px;color:#dc2626;font-size:11px;text-align:center}.login-note{display:block;color:#64748b;margin-top:16px;line-height:1.5}.connection-card .dot.connected{background:#22c55e}.user-chip{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--text);padding:0}.user-chip-copy{display:flex;flex-direction:column;text-align:left}.user-chip-copy strong{font-size:11px}.user-chip-copy small{font-size:9px;color:var(--muted);text-transform:capitalize}.loading-panel{display:grid;place-items:center;min-height:280px;color:var(--muted);font-size:12px}.permission-note{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:12px;border-radius:12px;font-size:11px}.audit-list{display:flex;flex-direction:column;gap:8px}.audit-item{display:grid;grid-template-columns:160px 1fr 140px;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--line);font-size:11px}.audit-item code{font-size:10px;color:var(--muted)}.role-pill{text-transform:capitalize}.empty-state{padding:40px;text-align:center;color:var(--muted)}.inline-note{font-size:10px;color:var(--muted);margin-top:5px}.metric-kpi{font-size:26px;font-weight:850;margin-top:4px}.danger-btn{border:1px solid #fecaca;background:#fff1f2;color:#be123c;border-radius:10px;padding:10px 14px}.success-line{color:var(--brand);font-size:11px}.muted-line{color:var(--muted);font-size:11px}
@media(max-width:760px){.user-chip-copy{display:none}.login-card{padding:22px}.login-copy h1{font-size:25px}.audit-item{grid-template-columns:1fr}.topbar-actions{gap:6px}.topbar-actions .user-chip{display:flex}}

/* Fase 3: WhatsApp Business Platform */
.msg-status{font-size:10px;font-weight:800;color:var(--muted)}.msg-status.read{color:#2563eb}.msg-status.failed{color:#dc2626;border:1px solid #fecaca;border-radius:50%;padding:0 4px}.bubble-foot{display:flex;justify-content:flex-end;gap:5px;margin-top:5px;color:var(--muted);font-size:9px}.message-error{margin-top:5px;color:#dc2626;font-size:9px}.media-link{display:block;color:var(--blue);font-weight:700;text-decoration:none;margin-bottom:6px}.unread{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--brand);color:#fff;font-weight:800}.template-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;border-top:1px solid var(--line);padding-top:10px}.template-preview{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:12px;margin:14px 0}.template-preview p{margin:6px 0 0;white-space:pre-wrap}.settings-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:16px}.copyable{word-break:break-all}.mini-avatar.large{width:54px;height:54px;font-size:15px}.template-compose{white-space:nowrap}.form-group input+input{margin-top:6px}.chat-head>div:first-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chat-head .muted-line{width:100%;padding-left:0}.bubble a+div{margin-top:4px}
@media(max-width:760px){.template-compose{padding:9px 10px}.chat-compose{gap:5px}.chat-compose .icon-btn{flex:0 0 39px}.settings-actions>*{flex:1}.bubble{max-width:86%}}

/* Fase 4: motor profesional de campañas */
.campaign-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.campaign-metrics span{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px;font-size:9px;color:var(--muted)}.campaign-metrics b{display:block;color:var(--text);font-size:14px;margin-bottom:2px}.campaign-meta{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:var(--muted);font-size:9px}.campaign-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.campaign-actions button{padding:8px 10px;font-size:10px}.campaign-error{margin-top:10px;padding:8px 10px;border-radius:10px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:9px;line-height:1.4}.mini-label{display:block;margin:10px 0 5px;font-size:9px;color:var(--muted);font-weight:800}.campaign-var-header,.campaign-var-body{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);padding:9px;margin-top:5px}.recipient-list{max-height:430px;overflow:auto;border:1px solid var(--line);border-radius:12px}.recipient-row{display:flex;justify-content:space-between;gap:14px;padding:11px 12px;border-bottom:1px solid var(--line);font-size:10px}.recipient-row:last-child{border-bottom:0}.recipient-row>div{display:flex;flex-direction:column;gap:4px}.recipient-row>div:last-child{align-items:flex-end;text-align:right}.recipient-row small{color:var(--muted);font-size:9px}.recipient-row .error-text{color:#dc2626;max-width:240px}.dark .campaign-error{background:rgba(154,52,18,.14);border-color:rgba(251,146,60,.28);color:#fdba74}
@media(max-width:760px){.campaign-metrics{grid-template-columns:repeat(2,1fr)}.campaign-meta{flex-direction:column;gap:3px}.recipient-row{flex-direction:column}.recipient-row>div:last-child{align-items:flex-start;text-align:left}}

/* Fase 5: automatizaciones, asignación, tareas y SLA */
.automation-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;flex-wrap:wrap}.automation-grid{grid-template-columns:1.35fr .65fr}.automation-rules-panel{min-width:0}.automation-rule{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.automation-rule:last-child{border-bottom:0}.automation-rule.disabled{opacity:.62}.rule-main{display:flex;align-items:flex-start;gap:10px;min-width:0}.rule-main>div:last-child{min-width:0}.rule-main strong,.rule-main small{display:block}.rule-main strong{font-size:12px}.rule-main small{color:var(--muted);font-size:10px;margin-top:3px}.rule-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--brand-soft);flex:0 0 34px}.rule-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;font-size:9px;color:var(--muted)}.rule-meta button{padding:7px 9px;font-size:9px}.task-list,.sla-list,.execution-list{display:flex;flex-direction:column}.task-row,.sla-row,.execution-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.task-row:last-child,.sla-row:last-child,.execution-row:last-child{border-bottom:0}.task-row strong,.sla-row strong,.execution-row strong,.task-row small,.sla-row small,.execution-row small{display:block}.task-row strong,.sla-row strong,.execution-row strong{font-size:11px}.task-row small,.sla-row small,.execution-row small{font-size:9px;color:var(--muted);margin-top:3px}.task-row.overdue,.sla-row.breached{background:linear-gradient(90deg,rgba(245,158,11,.08),transparent);margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:9px}.task-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.task-actions button{padding:7px 9px;font-size:9px}.sla-row>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.automation-actions-editor{display:grid;gap:10px;margin-top:14px}.automation-action-box{border:1px solid var(--line);background:var(--panel2);border-radius:12px;padding:12px}.automation-action-box .form-grid{margin-top:8px}.checkbox-group{justify-content:flex-end}.checkbox-group label{display:flex;align-items:center;gap:7px;color:var(--text)}.role-checks{display:flex;gap:12px;flex-wrap:wrap}.role-checks label{display:flex;align-items:center;gap:5px;background:var(--panel2);border:1px solid var(--line);padding:8px 10px;border-radius:9px;color:var(--text)}.business-hours{display:flex;flex-direction:column;gap:7px;margin-top:10px}.business-day{display:grid;grid-template-columns:100px 1fr auto 1fr;gap:8px;align-items:center}.business-day strong{font-size:10px}.business-day input{border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);padding:8px}.contact-panel-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.contact-panel-actions button{flex:1;font-size:10px;padding:8px}.automation-action-box textarea{resize:vertical}
@media(max-width:1100px){.automation-grid{grid-template-columns:1fr}.automation-rule{align-items:flex-start}.rule-meta{max-width:230px}}
@media(max-width:760px){.automation-toolbar>div:last-child{width:100%;display:flex;gap:8px}.automation-toolbar button{flex:1}.automation-rule{flex-direction:column}.rule-meta{justify-content:flex-start;max-width:none}.task-row,.sla-row,.execution-row{align-items:flex-start;flex-direction:column}.task-actions{justify-content:flex-start}.sla-row>div:last-child{align-items:flex-start}.business-day{grid-template-columns:78px 1fr auto 1fr}.modal{max-height:92vh;overflow:auto}}

/* Fase 7: inteligencia comercial, lead scoring y analítica avanzada */
.intelligence-grid{grid-template-columns:1fr 1fr;margin-top:16px}.grade-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:16px 0}.grade-box{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;align-items:center;justify-content:space-between}.grade-box b{width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.grade-box span{font-size:20px;font-weight:850}.grade-A b,.score-orb.grade-A,.score-pill.grade-A{background:#dcfce7;color:#15803d}.grade-B b,.score-orb.grade-B,.score-pill.grade-B{background:#dbeafe;color:#1d4ed8}.grade-C b,.score-orb.grade-C,.score-pill.grade-C{background:#fef3c7;color:#b45309}.grade-D b,.score-orb.grade-D,.score-pill.grade-D{background:#ffedd5;color:#c2410c}.grade-E b,.score-orb.grade-E,.score-pill.grade-E{background:#fee2e2;color:#b91c1c}.score-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700}.score-pill b{font-size:11px}.score-orb{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:900;flex:0 0 44px}.score-orb.large{width:62px;height:62px;border-radius:18px;font-size:21px}.intel-list{display:flex;flex-direction:column}.intel-lead{display:flex;gap:11px;align-items:flex-start;border-bottom:1px solid var(--line);padding:12px 0}.intel-lead:last-child{border-bottom:0}.intel-lead-main{min-width:0;flex:1}.intel-lead-main strong,.intel-lead-main small{display:block}.intel-lead-main strong{font-size:12px}.intel-lead-main small{font-size:9px;color:var(--muted);margin-top:2px}.intel-lead-main p{font-size:10px;line-height:1.4;color:var(--muted);margin:5px 0 0}.funnel-bars{display:flex;flex-direction:column;gap:11px}.funnel-row{display:grid;grid-template-columns:92px 1fr 36px;gap:9px;align-items:center;font-size:10px}.funnel-row>b{text-align:right}.funnel-track{height:10px;border-radius:999px;background:var(--panel2);overflow:hidden}.funnel-track>div{height:100%;background:linear-gradient(90deg,var(--brand),var(--brand2));border-radius:999px}.trend-chart{height:190px;display:flex;align-items:flex-end;gap:7px;border-bottom:1px solid var(--line);padding:12px 4px 0}.trend-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:8px}.trend-bar{width:100%;max-width:24px;min-height:4px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#22c55e,#16a34a)}.trend-col small{font-size:8px;color:var(--muted)}.compact-select{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:9px 11px}.table-sub{display:block;color:var(--muted);font-size:9px;margin-top:3px}.deal-score{font-size:9px;color:var(--brand);font-weight:750}.copilot-score{display:flex;gap:12px;align-items:center;background:var(--panel2);border:1px solid var(--line);padding:12px;border-radius:14px;margin:12px 0}.copilot-score strong,.copilot-score small{display:block}.copilot-score small{color:var(--muted);font-size:10px;margin-top:4px}.copilot-section{border-top:1px solid var(--line);padding-top:13px;margin-top:13px}.copilot-section label,.copilot-grid label{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:800}.copilot-section p,.copilot-grid p{font-size:11px;line-height:1.55}.copilot-section.suggestion{background:var(--brand-soft);border:1px solid rgba(34,197,94,.2);padding:13px;border-radius:13px}.copilot-section textarea{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);padding:10px;resize:vertical}.copilot-section small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.copilot-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.dark .grade-A b,.dark .score-orb.grade-A,.dark .score-pill.grade-A{background:rgba(22,163,74,.2);color:#86efac}.dark .grade-B b,.dark .score-orb.grade-B,.dark .score-pill.grade-B{background:rgba(37,99,235,.2);color:#93c5fd}.dark .grade-C b,.dark .score-orb.grade-C,.dark .score-pill.grade-C{background:rgba(180,83,9,.2);color:#fde68a}.dark .grade-D b,.dark .score-orb.grade-D,.dark .score-pill.grade-D{background:rgba(194,65,12,.2);color:#fdba74}.dark .grade-E b,.dark .score-orb.grade-E,.dark .score-pill.grade-E{background:rgba(185,28,28,.2);color:#fca5a5}
@media(max-width:1100px){.intelligence-grid{grid-template-columns:1fr}.grade-strip{grid-template-columns:repeat(5,minmax(90px,1fr));overflow:auto}}
@media(max-width:760px){.grade-strip{grid-template-columns:repeat(5,100px)}.copilot-grid{grid-template-columns:1fr}.funnel-row{grid-template-columns:76px 1fr 30px}.trend-chart{height:150px}}

/* Fase 8: omnicanal, cliente 360°, consentimiento y voz del cliente */
.inbox-toolbar,.experience-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.channel-filters{display:flex;gap:7px;flex-wrap:wrap}.channel-filter{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:8px 11px;font-size:9px;font-weight:750;cursor:pointer}.channel-filter.active{background:var(--brand-soft);color:var(--brand);border-color:rgba(34,197,94,.3)}.channel-chip,.channel-mini{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:750}.channel-chip{border-radius:999px;padding:5px 8px;background:var(--panel2);border:1px solid var(--line)}.channel-chip.whatsapp,.channel-orb.whatsapp{color:#15803d}.channel-chip.email,.channel-orb.email{color:#2563eb}.channel-chip.webchat,.channel-orb.webchat{color:#7c3aed}.channel-chip.phone,.channel-orb.phone{color:#b45309}.channel-chip.manual,.channel-orb.manual{color:#475569}.conversation .channel-mini{margin-right:4px;color:var(--muted)}
.experience-grid{grid-template-columns:1fr 1fr}.experience-channel-list,.connector-list,.survey-list{display:flex;flex-direction:column}.experience-channel,.connector-card,.survey-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.experience-channel:last-child,.connector-card:last-child,.survey-card:last-child{border-bottom:0}.experience-channel{justify-content:flex-start}.experience-channel>div:last-child,.connector-card>div,.survey-card>div{min-width:0}.experience-channel strong,.experience-channel small,.connector-card strong,.connector-card small,.survey-card strong,.survey-card small{display:block}.experience-channel small,.connector-card small,.survey-card small{font-size:9px;color:var(--muted);margin-top:3px}.survey-card p{font-size:10px;color:var(--muted);margin:5px 0 0;line-height:1.4}.connector-card strong{font-size:11px;margin-top:6px}.channel-orb{width:38px;height:38px;border-radius:12px;background:var(--panel2);display:grid;place-items:center;font-weight:900;flex:0 0 38px}.customer-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.customer-quick{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:13px;padding:10px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.customer-quick>span:nth-child(2){min-width:0;flex:1}.customer-quick strong,.customer-quick small{display:block}.customer-quick strong{font-size:10px}.customer-quick small{font-size:8px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer360-head{display:flex;align-items:center;gap:13px}.customer360-head>div:nth-child(2){flex:1}.customer360-head h2{margin:5px 0}.customer360-head p{margin:0;color:var(--muted);font-size:10px}.customer360-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0}.customer360-summary>div{border:1px solid var(--line);background:var(--panel2);padding:10px;border-radius:11px}.customer360-summary label,.customer360-summary strong{display:block}.customer360-summary label{font-size:8px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:800}.customer360-summary strong{font-size:10px;margin-top:4px}.customer360-tabs{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.customer360-tabs section{border:1px solid var(--line);border-radius:14px;padding:12px}.preference-list{display:flex;flex-direction:column}.preference-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.preference-row:last-child{border-bottom:0}.preference-row>div small{display:block;color:var(--muted);font-size:8px;margin-top:4px}.preference-row label{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px}.mini-record{display:grid;grid-template-columns:1fr auto;gap:5px;border-bottom:1px solid var(--line);padding:9px 0}.mini-record:last-child{border-bottom:0}.mini-record strong{font-size:10px}.mini-record small{grid-column:1/-1;color:var(--muted);font-size:8px}.customer-timeline{max-height:330px;overflow:auto;padding-right:4px}.timeline-item{display:flex;gap:10px;position:relative;padding:0 0 15px 4px}.timeline-item:before{content:"";position:absolute;left:9px;top:16px;bottom:-2px;width:1px;background:var(--line)}.timeline-item:last-child:before{display:none}.timeline-dot{width:11px;height:11px;border-radius:50%;background:var(--brand);margin-top:4px;flex:0 0 11px;z-index:1}.timeline-dot.email{background:#2563eb}.timeline-dot.webchat{background:#7c3aed}.timeline-dot.phone{background:#b45309}.timeline-dot.manual,.timeline-dot.survey{background:#64748b}.timeline-item strong,.timeline-item small{display:block}.timeline-item strong{font-size:10px}.timeline-item small{font-size:8px;color:var(--muted);margin-top:2px}.timeline-item p{font-size:9px;color:var(--muted);margin:4px 0 0;line-height:1.4}.copy-link{display:flex;gap:8px}.copy-link input{flex:1;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);padding:10px}.feedback-card h1{font-size:26px;margin:10px 0}.customer360{padding:7px 10px;font-size:9px}
@media(max-width:1100px){.experience-grid{grid-template-columns:1fr}.customer-quick-grid{grid-template-columns:repeat(2,1fr)}.customer360-summary{grid-template-columns:repeat(2,1fr)}.customer360-tabs{grid-template-columns:1fr}}
@media(max-width:760px){.inbox-toolbar,.experience-toolbar{align-items:stretch}.channel-filters{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.channel-filter{white-space:nowrap}.customer-quick-grid{grid-template-columns:1fr}.customer360-head{align-items:flex-start}.customer360-summary{grid-template-columns:1fr 1fr}.preference-row{grid-template-columns:1fr;align-items:start}.copy-link{flex-direction:column}}
.feedback-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--bg)}.feedback-card{width:min(620px,100%);background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.feedback-score{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.feedback-score button{min-width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);font-weight:800;cursor:pointer}.feedback-score button.active{background:var(--brand);color:white;border-color:var(--brand)}.feedback-card textarea{width:100%;min-height:110px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);padding:12px;resize:vertical}.feedback-actions{display:flex;justify-content:flex-end;margin-top:16px}.feedback-state{padding:18px 0;color:var(--muted);line-height:1.55}.feedback-card h1{font-size:26px;margin:10px 0}

/* Fase 9: conectores reales, deduplicación y segmentación */
.channel-toolbar{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap;margin:16px 0}.connector-card,.duplicate-row,.segment-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.connector-card:last-child,.duplicate-row:last-child,.segment-row:last-child{border-bottom:0}.duplicate-row strong,.duplicate-row small,.segment-row strong,.segment-row small{display:block}.duplicate-row small,.segment-row small{color:var(--muted);font-size:9px;margin-top:3px}.webchat-code{margin-top:12px;padding:10px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;overflow:auto}.webchat-code small,.webchat-code code{display:block}.webchat-code small{color:var(--muted);margin-bottom:6px}.webchat-code code{white-space:nowrap;font-size:9px}.segment-rule{display:grid;grid-template-columns:1fr .8fr 1.2fr;gap:8px;margin-bottom:8px}.segment-rule select,.segment-rule input{border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);padding:9px}.segment-preview{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}.segment-preview strong,.segment-preview small{display:block}.segment-preview small{margin-top:4px;color:var(--muted)}.danger-btn{border:0;border-radius:10px;padding:10px 14px;background:#dc2626;color:#fff;font-weight:700}@media(max-width:760px){.segment-rule{grid-template-columns:1fr}.connector-card,.duplicate-row,.segment-row{align-items:flex-start;flex-direction:column}.channel-toolbar{justify-content:stretch}.channel-toolbar button{flex:1}}

/* Hostilimitado PHP edition helpers */
.user-chip{border:0;background:transparent;display:flex;align-items:center;gap:8px;color:var(--text);text-align:left}.user-chip-copy strong,.user-chip-copy small{display:block}.user-chip-copy small{color:var(--muted);font-size:10px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at top right,#dcfce7,transparent 35%),var(--bg)}.login-card{width:min(960px,100%);background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow);display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.login-brand{grid-column:1/-1;padding-bottom:0}.login-copy h1{font-size:32px;margin:12px 0}.login-copy p{color:var(--muted)}.login-form{display:flex;flex-direction:column;gap:8px}.login-form input,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--panel2);color:var(--text)}.login-error{color:#b91c1c;font-size:12px;min-height:18px}.modal-backdrop{position:fixed;inset:0;background:#0f172a88;z-index:100;display:grid;place-items:center;padding:18px}.modal-backdrop[hidden]{display:none}.modal{width:min(620px,100%);max-height:90vh;overflow:auto;background:var(--panel);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{display:flex;flex-direction:column;gap:5px;font-size:11px}.form-grid .full{grid-column:1/-1}.empty-state{text-align:center;padding:42px}.actions{display:flex;gap:6px;flex-wrap:wrap}.small-btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:8px;padding:7px 9px;font-size:10px}.score-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:var(--brand-soft);font-weight:800;font-size:10px}.whatsapp-box{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:18px}.codebox{background:#0f172a;color:#e2e8f0;padding:11px;border-radius:10px;font-size:10px;overflow:auto}.danger-note{padding:10px;border-radius:10px;background:#fff7ed;color:#9a3412;font-size:11px}.mobile-only{display:none}@media(max-width:900px){.login-card{grid-template-columns:1fr}.app-shell{display:block}.sidebar{transform:translateX(-105%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.mobile-only{display:inline-grid}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.inbox-layout{grid-template-columns:1fr;height:auto;min-height:650px}.conversation-list{max-height:260px;border-right:0;border-bottom:1px solid var(--line)}.contact-panel{display:none}}@media(max-width:600px){.view{padding:14px}.topbar{padding:0 14px}.stats-grid{grid-template-columns:1fr}.campaign-grid,.template-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.login-copy h1{font-size:25px}}