@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#07111f;--panel:#0c1727;--panel2:#101f34;--line:rgba(255,255,255,.09);--text:#ecf4ff;--muted:#8fa4bd;--brand:#2f7bff;--cyan:#23c7d9;--green:#27d17f;--warning:#ffba45;--danger:#ff6075;--shadow:0 24px 60px rgba(0,0,0,.28);--r:18px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 70% -20%,rgba(47,123,255,.17),transparent 35%),var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);background:rgba(6,15,27,.92);backdrop-filter:blur(18px);padding:20px 14px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:11px;padding:8px 10px 22px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--cyan));display:grid;place-items:center;font-weight:800;box-shadow:0 10px 25px rgba(47,123,255,.3)}.brand strong{display:block;font-size:15px}.brand small{color:var(--muted);font-size:11px}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#607892;padding:14px 12px 7px}.nav a{display:flex;gap:11px;align-items:center;padding:10px 12px;margin:2px 0;border-radius:11px;color:#a9bad0;font-size:13px}.nav a:hover,.nav a.active{background:linear-gradient(90deg,rgba(47,123,255,.17),rgba(47,123,255,.04));color:#fff}.nav a span:first-child{width:20px;text-align:center}.main{min-width:0}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(7,17,31,.72);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.workspace{display:flex;align-items:center;gap:10px}.workspace .dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(39,209,127,.12)}.top-actions{display:flex;align-items:center;gap:10px}.pill,.avatar{border:1px solid var(--line);background:rgba(255,255,255,.035)}.pill{padding:8px 12px;border-radius:999px;color:#b9c9dc;font-size:12px}.avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-weight:700}.content{padding:28px;max-width:1500px;margin:auto}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#6f8aa7}.page-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:24px}.page-head h1{margin:5px 0 8px;font-size:30px;letter-spacing:-.04em}.page-head p{margin:0;color:var(--muted);max-width:700px;font-size:13px;line-height:1.6}.btn{border:0;border-radius:11px;padding:10px 14px;font-weight:700;cursor:pointer;font-size:12px}.btn-primary{background:linear-gradient(135deg,var(--brand),#5a6dff);color:#fff;box-shadow:0 10px 24px rgba(47,123,255,.23)}.btn-ghost{background:rgba(255,255,255,.05);color:#d6e3f3;border:1px solid var(--line)}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:linear-gradient(180deg,rgba(16,31,52,.88),rgba(10,22,38,.93));border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.stat{padding:18px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.stat .icon{width:34px;height:34px;border-radius:11px;background:rgba(47,123,255,.12);display:grid;place-items:center;color:#8bb5ff}.stat strong{font-size:26px;display:block;margin:16px 0 8px}.trend{color:var(--green);font-size:11px}.dashboard-grid{grid-template-columns:1.35fr .85fr;margin-top:16px}.panel{padding:20px}.panel h3{font-size:14px;margin:0}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-head small{color:var(--muted)}.chart{height:230px;display:flex;align-items:flex-end;gap:11px;padding-top:25px}.bar{flex:1;background:linear-gradient(180deg,rgba(47,123,255,.95),rgba(35,199,217,.35));border-radius:9px 9px 3px 3px;min-height:20px;opacity:.9}.activity{display:grid;gap:12px}.activity-item{display:grid;grid-template-columns:36px 1fr auto;gap:11px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:12px}.activity-item .badge{width:36px;height:36px;border-radius:11px;background:rgba(39,209,127,.1);display:grid;place-items:center}.activity-item strong{font-size:12px}.activity-item p,.activity-item time{margin:4px 0 0;color:var(--muted);font-size:10px}.module-shell{display:grid;grid-template-columns:290px 1fr;min-height:560px;overflow:hidden}.module-list{border-right:1px solid var(--line);padding:12px}.search{background:#071322;border:1px solid var(--line);border-radius:10px;color:#fff;padding:10px 12px;width:100%;outline:none}.conversation{padding:12px;border-radius:12px;margin-top:7px;border:1px solid transparent}.conversation.active,.conversation:hover{background:rgba(47,123,255,.1);border-color:rgba(47,123,255,.18)}.conversation strong{font-size:12px}.conversation p{color:var(--muted);font-size:10px;margin:5px 0}.chat-area{display:flex;flex-direction:column}.chat-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.messages{padding:24px;flex:1;background:radial-gradient(circle at 100% 0,rgba(35,199,217,.06),transparent 35%)}.bubble{max-width:65%;padding:12px 14px;border-radius:14px;margin-bottom:11px;font-size:12px;line-height:1.55}.in{background:#14263d;border:1px solid var(--line)}.out{background:linear-gradient(135deg,#245fd8,#305bd2);margin-left:auto}.composer{padding:14px;border-top:1px solid var(--line);display:flex;gap:9px}.composer input{flex:1}.empty-state{text-align:center;padding:70px 25px}.empty-icon{width:70px;height:70px;border-radius:22px;background:linear-gradient(135deg,rgba(47,123,255,.18),rgba(35,199,217,.12));display:grid;place-items:center;margin:0 auto 18px;font-size:28px}.empty-state h2{font-size:20px}.empty-state p{color:var(--muted);max-width:540px;margin:10px auto 20px;line-height:1.7;font-size:12px}.plans{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.plan{padding:22px;position:relative}.plan.featured{border-color:rgba(47,123,255,.55);transform:translateY(-5px)}.popular{position:absolute;top:14px;right:14px;font-size:9px;padding:5px 8px;border-radius:999px;background:rgba(47,123,255,.16);color:#8bb5ff}.price{font-size:34px;font-weight:800;margin:14px 0 4px}.price small{font-size:12px;color:var(--muted);font-weight:500}.features{list-style:none;padding:0;margin:18px 0}.features li{padding:8px 0;color:#bdcbdb;font-size:11px;border-bottom:1px dashed rgba(255,255,255,.07)}.features li:before{content:'✓';color:var(--green);margin-right:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{display:block;color:#91a8c0;font-size:10px;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;background:#081523;border:1px solid var(--line);border-radius:10px;padding:10px;color:#fff;outline:none}.field textarea{min-height:100px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:11px}.table th{color:#6f8aa7;text-transform:uppercase;font-size:9px;letter-spacing:.08em}.status{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(39,209,127,.12);color:#76e6aa}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:var(--bg)}.login-visual{padding:70px;background:radial-gradient(circle at 25% 20%,rgba(47,123,255,.34),transparent 32%),linear-gradient(140deg,#07111f,#0a1e37);display:flex;flex-direction:column;justify-content:space-between}.login-visual h1{font-size:56px;max-width:660px;letter-spacing:-.055em;line-height:1.04}.login-visual p{color:#a8bdd4;max-width:600px;line-height:1.8}.login-card-wrap{display:grid;place-items:center;padding:28px}.login-card{width:min(420px,100%);padding:32px}.login-card h2{font-size:26px;margin:0 0 6px}.login-card>p{color:var(--muted);font-size:12px;margin-bottom:24px}.login-card .field{margin-bottom:12px}.demo-box{margin-top:16px;padding:12px;border:1px solid rgba(35,199,217,.18);background:rgba(35,199,217,.06);border-radius:11px;font-size:10px;color:#9ec7d0}.alert{padding:11px 13px;border-radius:10px;margin-bottom:15px;font-size:11px}.alert-error{background:rgba(255,96,117,.1);border:1px solid rgba(255,96,117,.25);color:#ff9cab}.alert-success{background:rgba(39,209,127,.1);border:1px solid rgba(39,209,127,.25);color:#8be8b5}.toast{position:fixed;right:22px;bottom:22px;padding:13px 15px;background:#13253d;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);font-size:11px;z-index:100;transition:.35s}.toast.hide{opacity:0;transform:translateY(10px)}.mobile-toggle{display:none}.footer-note{margin-top:22px;color:#5f7895;font-size:10px;text-align:center}
@media(max-width:1080px){.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.plans{grid-template-columns:1fr}.plan.featured{transform:none}.login-wrap{grid-template-columns:1fr}.login-visual{display:none}}
@media(max-width:780px){.app{display:block}.sidebar{position:fixed;left:-280px;z-index:50;width:260px;transition:.25s}.sidebar.open{left:0}.mobile-toggle{display:inline-flex}.topbar{padding:0 14px}.content{padding:18px 14px}.stats{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.module-shell{grid-template-columns:1fr}.module-list{display:none}.form-grid{grid-template-columns:1fr}.page-head h1{font-size:25px}.pill{display:none}}
/* Phase 2: onboarding + billing */
.btn-danger{background:rgba(255,96,117,.12);border:1px solid rgba(255,96,117,.28);color:#ff9cab}.wide{width:min(620px,100%)}.auth-simple{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 0,rgba(47,123,255,.16),transparent 35%),var(--bg)}.auth-links{display:flex;justify-content:flex-end;margin:8px 0 14px;font-size:11px;color:#8eb9ff}.auth-links.center{justify-content:center;gap:5px;margin-top:18px}.auth-divider{display:flex;align-items:center;gap:10px;color:#647d98;font-size:10px;margin:18px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}.check-line{display:flex;gap:9px;align-items:flex-start;color:#9bb0c7;font-size:10px;line-height:1.55;margin:14px 0}.check-row{display:flex;gap:20px;flex-wrap:wrap;color:#9bb0c7;font-size:11px;margin:14px 0}.auth-proof{display:flex;gap:8px;flex-wrap:wrap}.auth-proof span{font-size:10px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#9fb5cd;background:rgba(255,255,255,.025)}
.billing-hero{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:radial-gradient(circle at 85% 20%,rgba(35,199,217,.13),transparent 28%),linear-gradient(135deg,rgba(47,123,255,.14),rgba(16,31,52,.9));margin-bottom:16px}.billing-hero h2{margin:8px 0 7px;font-size:30px}.billing-hero p{margin:0;color:var(--muted);font-size:11px}.billing-hero-side{min-width:230px;padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(4,13,24,.35)}.billing-hero-side strong,.billing-hero-side small{display:block}.billing-hero-side small{color:var(--muted);font-size:10px;margin-top:5px;line-height:1.5}.usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:30px}.usage-card{padding:16px}.usage-head{display:flex;justify-content:space-between;gap:12px;font-size:11px}.usage-head span{color:var(--muted)}.meter{height:7px;background:#071322;border-radius:999px;overflow:hidden;margin:13px 0 8px}.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--cyan));border-radius:999px}.usage-card small{color:#657e99;font-size:9px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:10px 0 14px}.section-head h2{font-size:18px;margin:0 0 5px}.section-head p{margin:0;color:var(--muted);font-size:10px}.plan-desc{color:var(--muted);font-size:10px;line-height:1.6;min-height:32px}.plan-limits{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0}.plan-limits span{font-size:9px;padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.04);color:#9bb1c9}.checkout-form .field{margin-bottom:9px}.billing-grid{grid-template-columns:1.2fr .8fr;margin-top:16px}.manage-box{margin-top:16px}.manage-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.manage-actions form{margin:0}.notice-inline{color:var(--warning);font-size:10px}.plan-change{display:flex;align-items:end;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.plan-change .field{min-width:260px}.rule-list{display:grid;gap:4px}.rule-list>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--line);font-size:10px}.rule-list span{color:var(--muted)}.table-wrap{overflow:auto}.text-link{color:#8bb5ff;font-weight:700}.checkout-focus{text-align:center;padding:42px;max-width:760px;margin:auto}.checkout-focus p{color:var(--muted);font-size:12px;line-height:1.7;max-width:580px;margin:10px auto 22px}.checkout-badge{display:inline-flex;padding:6px 9px;border:1px solid rgba(47,123,255,.24);background:rgba(47,123,255,.09);color:#8bb5ff;border-radius:999px;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.checkout-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px auto;max-width:620px}.checkout-summary>div{border:1px solid var(--line);border-radius:12px;padding:12px;text-align:left}.checkout-summary span,.checkout-summary strong{display:block}.checkout-summary span{font-size:9px;color:var(--muted);margin-bottom:5px}.checkout-summary strong{font-size:11px}.locked-state{text-align:center;padding:70px 25px}.locked-state p{max-width:530px;margin:10px auto 20px;color:var(--muted);font-size:12px;line-height:1.7}.lock-meta{margin:20px auto 0;color:#667f9a;font-size:10px}.status-trial{background:rgba(35,199,217,.12);color:#70deeb}.status-past_due,.status-failed{background:rgba(255,186,69,.12);color:#ffd07b}.status-paused{background:rgba(255,186,69,.12);color:#ffd07b}.status-cancelled,.status-expired{background:rgba(255,96,117,.1);color:#ff9cab}.status-pending{background:rgba(143,164,189,.12);color:#b9c8da}
@media(max-width:1080px){.usage-grid,.billing-grid{grid-template-columns:1fr}.billing-hero{align-items:flex-start}.checkout-summary{grid-template-columns:1fr}}@media(max-width:780px){.billing-hero{flex-direction:column}.billing-hero-side{min-width:0;width:100%}.usage-grid{grid-template-columns:1fr}.plan-change{align-items:stretch;flex-direction:column}.plan-change .field{min-width:0}.login-card.wide{padding:24px}}

/* Phase 3 · Meta / WhatsApp onboarding */
.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.meta-hero{padding:26px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:radial-gradient(circle at 86% 18%,rgba(39,209,127,.12),transparent 27%),linear-gradient(135deg,rgba(47,123,255,.14),rgba(16,31,52,.93));margin-bottom:16px}.meta-hero h2{font-size:28px;margin:10px 0 8px;letter-spacing:-.035em}.meta-hero p{margin:0;color:var(--muted);max-width:800px;font-size:11px;line-height:1.75}.meta-hero-actions{min-width:210px;text-align:center}.meta-hero-actions .btn{width:100%;padding:12px 18px}.meta-hero-actions small{display:block;color:#6f89a5;font-size:9px;margin-top:8px}.meta-progress{display:flex;align-items:center;gap:14px;padding:16px;margin-bottom:16px}.meta-progress strong{font-size:12px}.meta-progress p{font-size:10px;color:var(--muted);margin:5px 0 0}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,255,255,.1);border-top-color:var(--brand);animation:metaSpin .8s linear infinite}@keyframes metaSpin{to{transform:rotate(360deg)}}.meta-check-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:28px}.meta-check{padding:17px;display:flex;gap:12px;align-items:flex-start}.meta-check-icon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:10px;background:rgba(47,123,255,.12);color:#8bb5ff;font-weight:800}.meta-check strong,.meta-check small{display:block}.meta-check strong{font-size:11px}.meta-check small{font-size:9px;color:var(--muted);line-height:1.6;margin-top:5px}.meta-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meta-account{padding:20px}.meta-account-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.meta-account-head h3{font-size:17px;margin:12px 0 4px}.meta-account-head p{font-size:10px;color:var(--muted);margin:0}.wa-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#1fbf6b,#2ee58d);color:#061b10;display:grid;place-items:center;font-weight:900;box-shadow:0 10px 24px rgba(39,209,127,.18)}.meta-kv{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.meta-kv>div{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:10px;padding:10px;min-width:0}.meta-kv span,.meta-kv strong{display:block}.meta-kv span{font-size:8px;color:#6e88a4;text-transform:uppercase;letter-spacing:.08em}.meta-kv strong{font-size:10px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-actions{display:flex;gap:8px;flex-wrap:wrap}.meta-actions form{margin:0}.meta-warning{padding:10px;border:1px solid rgba(255,186,69,.2);background:rgba(255,186,69,.07);color:#ffd07b;border-radius:10px;font-size:9px;line-height:1.55;margin-bottom:12px}.meta-details{border-top:1px solid var(--line);margin-top:15px;padding-top:13px}.meta-details summary{cursor:pointer;color:#9fb7d1;font-size:10px}.meta-details p{color:var(--muted);font-size:9px;line-height:1.55}.pin-form{display:flex;gap:8px}.pin-form .search{max-width:150px}.disconnect-form{border-top:1px solid var(--line);margin-top:15px;padding-top:13px}.meta-config{padding:20px;margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.meta-config strong{font-size:12px}.meta-config p{font-size:9px;color:var(--muted);line-height:1.65;margin:6px 0 0}.meta-config-code{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center}.meta-config-code span{font-size:8px;color:#6e88a4;text-transform:uppercase}.meta-config-code code{font-size:9px;background:#06111e;border:1px solid var(--line);padding:8px;border-radius:8px;overflow:auto}.status-active{background:rgba(39,209,127,.12);color:#76e6aa}.status-connecting{background:rgba(35,199,217,.12);color:#70deeb}.status-restricted{background:rgba(255,186,69,.12);color:#ffd07b}.status-disconnected{background:rgba(255,96,117,.1);color:#ff9cab}
@media(max-width:900px){.meta-check-grid,.meta-account-grid{grid-template-columns:1fr}.meta-config{grid-template-columns:1fr}.meta-hero{align-items:flex-start;flex-direction:column}.meta-hero-actions{width:100%}}
@media(max-width:520px){.meta-kv{grid-template-columns:1fr}.meta-config-code{grid-template-columns:1fr}.pin-form{flex-direction:column}.pin-form .search{max-width:none}}

/* Phase 4 · Shared Team Inbox */
.inbox-toolbar{padding:12px 14px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.inbox-searchbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inbox-searchbar .search{width:auto;min-width:130px}.inbox-searchbar .search:first-child{min-width:230px}.inbox-check{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:10px}.inbox-toolbar-meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px;white-space:nowrap}.inbox-toolbar-meta strong{color:var(--text)}
.inbox-shell{display:grid;grid-template-columns:320px minmax(440px,1fr) 310px;gap:12px;height:calc(100vh - 190px);min-height:610px}.inbox-list,.chat-panel,.inbox-side{min-height:0;overflow:hidden;box-shadow:none}.inbox-list{display:flex;flex-direction:column}.inbox-list-head{padding:14px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px}.live-dot{color:#83dcae;font-size:9px;display:flex;align-items:center;gap:5px}.live-dot i,.presence i{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.conversation-list{overflow:auto;flex:1}.conversation-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding:12px;border-bottom:1px solid rgba(255,255,255,.055);position:relative}.conversation-row:hover,.conversation-row.active{background:rgba(47,123,255,.09)}.conversation-row.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--brand)}.contact-avatar{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,rgba(47,123,255,.28),rgba(35,199,217,.18));display:grid;place-items:center;font-size:12px;font-weight:800;border:1px solid rgba(139,181,255,.17)}.contact-avatar.large{width:40px;height:40px}.conversation-copy{min-width:0}.conversation-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.conversation-top strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-top time{font-size:8px;color:#657f99}.conversation-preview{font-size:9px;color:#8fa4bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0}.conversation-meta{display:flex;gap:5px;align-items:center;overflow:hidden}.conversation-meta span,.conversation-meta b{font-size:7px;padding:3px 5px;border-radius:5px;background:rgba(255,255,255,.04);color:#7189a2;font-weight:500;white-space:nowrap}.conversation-meta b{color:#8bb5ff;background:rgba(47,123,255,.1)}.conversation-flags{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:9px}.conversation-flags em{font-style:normal;background:var(--brand);color:#fff;min-width:17px;height:17px;padding:0 4px;border-radius:9px;display:grid;place-items:center;font-size:7px}.conversation-flags small{width:7px;height:7px;border-radius:50%;background:#5f7894}.conversation-flags .priority-high{background:var(--warning)}.conversation-flags .priority-urgent{background:var(--danger)}.conversation-flags .priority-low{background:#556c84}.empty-mini{padding:28px 16px;text-align:center;color:var(--muted);font-size:10px}
.chat-panel{display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(12,23,39,.92),rgba(7,17,31,.95))}.chat-head{height:66px;flex:0 0 66px;padding:10px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.chat-person{display:flex;align-items:center;gap:10px;min-width:0}.chat-person strong,.chat-person span{display:block}.chat-person strong{font-size:11px}.chat-person span{font-size:8px;color:var(--muted);margin-top:4px}.chat-head-actions{display:flex;gap:7px;align-items:center}.chat-head-actions form{margin:0}.icon-btn{width:32px;height:32px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:#d4e0ef;border-radius:9px;cursor:pointer}.service-window{padding:8px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);background:rgba(39,209,127,.045)}.service-window.closed{background:rgba(255,186,69,.055)}.service-window>span{font-size:9px;color:var(--green)}.service-window.closed>span{color:var(--warning)}.service-window strong,.service-window small{display:block}.service-window strong{font-size:8px}.service-window small{font-size:7px;color:var(--muted);margin-top:2px}.message-stream{flex:1;overflow:auto;padding:18px 22px;background:radial-gradient(circle at 40% 20%,rgba(47,123,255,.035),transparent 28%)}.day-chip{width:max-content;margin:6px auto 14px;padding:5px 9px;border:1px solid var(--line);background:rgba(6,16,29,.8);border-radius:999px;color:#6f89a5;font-size:7px}.message-line{display:flex;margin:7px 0}.message-line.out{justify-content:flex-end}.message-bubble{max-width:min(74%,650px);padding:9px 10px 7px;border:1px solid var(--line);border-radius:4px 14px 14px 14px;background:#102239;box-shadow:0 7px 18px rgba(0,0,0,.12)}.message-line.out .message-bubble{border-radius:14px 4px 14px 14px;background:linear-gradient(135deg,rgba(47,123,255,.25),rgba(34,93,182,.2));border-color:rgba(98,151,245,.18)}.message-text{font-size:10px;line-height:1.55;word-wrap:break-word}.message-foot{display:flex;justify-content:flex-end;gap:5px;align-items:center;margin-top:5px;color:#68819b;font-size:7px}.message-foot span:first-child{margin-right:auto}.msg-status.status-read{color:#64c7ff}.msg-status.status-failed{color:var(--danger)}.reply-chip{border-left:2px solid #6b9cff;background:rgba(0,0,0,.14);padding:5px 7px;border-radius:5px;color:#93a9c1;font-size:7px;margin-bottom:6px}.chat-image,.chat-video{max-width:100%;max-height:330px;border-radius:9px;display:block;margin-bottom:7px}.message-bubble audio{width:min(320px,100%);height:36px}.document-card,.location-card{display:flex;gap:9px;align-items:center;padding:9px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(0,0,0,.13);margin-bottom:6px}.document-card span{font-size:20px}.document-card strong,.document-card small{display:block}.document-card strong{font-size:9px}.document-card small{font-size:7px;color:var(--muted);margin-top:3px}.location-card{font-size:9px}.media-pending,.structured-message{font-size:8px;color:#90a6be;padding:9px;border:1px dashed var(--line);border-radius:8px;margin-bottom:6px}.inbox-empty{margin:auto;text-align:center;max-width:410px;padding:30px}.inbox-empty .wa-orb{width:58px;height:58px;margin:0 auto 15px;border-radius:20px;display:grid;place-items:center;background:rgba(39,209,127,.12);color:#63dda0;font-size:22px}.inbox-empty h2{font-size:17px;margin:0}.inbox-empty p{color:var(--muted);font-size:10px;line-height:1.7;margin:10px 0 18px}
.composer{border-top:1px solid var(--line);padding:10px 12px;background:rgba(7,17,31,.94)}.composer-form textarea,.note-form textarea,.side-form textarea,.template-compose textarea{width:100%;resize:vertical;border:1px solid var(--line);background:#071524;color:var(--text);border-radius:10px;padding:9px 10px;outline:none;font-size:10px}.composer-form textarea:focus,.note-form textarea:focus,.side-form textarea:focus{border-color:rgba(47,123,255,.55)}.composer-tools{display:flex;justify-content:space-between;align-items:center;margin-top:7px}.tool-btn{border:0;background:transparent;color:#92a9c1;font-size:8px;padding:6px;cursor:pointer}.quick-panel{max-height:210px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#081524;margin-top:7px;padding:7px}.quick-panel-head{display:flex;justify-content:space-between;padding:4px 5px 7px;font-size:8px;color:var(--muted)}.quick-panel button{width:100%;border:0;border-top:1px solid rgba(255,255,255,.05);background:transparent;color:var(--text);display:grid;grid-template-columns:80px 120px 1fr;gap:8px;text-align:left;padding:8px;cursor:pointer}.quick-panel button:hover{background:rgba(47,123,255,.08)}.quick-panel button span{color:#8bb5ff;font-size:8px}.quick-panel button strong{font-size:8px}.quick-panel button small{font-size:7px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-compose{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:8px}.upload-zone{border:1px dashed rgba(139,181,255,.25);border-radius:9px;padding:8px;color:#8fa9c4;font-size:8px;cursor:pointer}.upload-zone input{display:none}.closed-compose{padding:9px 10px;border:1px solid rgba(255,186,69,.18);background:rgba(255,186,69,.055);border-radius:9px;margin-bottom:7px}.closed-compose strong,.closed-compose span{display:block}.closed-compose strong{font-size:9px;color:#ffd07b}.closed-compose span{font-size:7px;color:#9faec0;margin-top:3px}.template-compose{font-size:8px}.template-compose summary{cursor:pointer;color:#8bb5ff;padding:5px}.template-compose form{display:grid;grid-template-columns:minmax(160px,.7fr) 1fr auto;gap:7px;margin-top:6px}.read-only-banner{padding:12px;text-align:center;color:#9db0c5;font-size:9px;border-top:1px solid var(--line)}
.inbox-side{overflow:auto;padding:0}.side-section{padding:14px;border-bottom:1px solid var(--line)}.side-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.side-title strong{font-size:10px}.side-title span{font-size:7px;color:#6e879f}.side-form{display:grid;gap:7px}.side-form label{font-size:7px;text-transform:uppercase;letter-spacing:.07em;color:#6e879f}.side-form.compact{grid-template-columns:70px 1fr;align-items:center;margin-top:9px}.side-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}.side-action-grid form,.tag-cloud form{margin:0}.side-action-grid .btn{width:100%;padding:7px 4px;font-size:7px}.side-action-grid .btn.active{background:rgba(47,123,255,.15);border-color:rgba(47,123,255,.28)}.detail-list{display:grid;gap:8px}.detail-list>div{display:flex;justify-content:space-between;gap:10px;font-size:8px}.detail-list span{color:#708aa4}.detail-list strong{text-align:right;max-width:180px;overflow:hidden;text-overflow:ellipsis}.tag-cloud{display:flex;gap:5px;flex-wrap:wrap}.tag-cloud button{border:1px solid rgba(47,123,255,.18);background:rgba(47,123,255,.08);color:#9ec0ff;border-radius:7px;padding:4px 6px;font-size:7px;cursor:pointer}.tag-add{display:grid;grid-template-columns:1fr 1fr auto;gap:5px;margin-top:8px}.note-form{display:grid;gap:6px}.notes-list{display:grid;gap:8px;margin-top:10px}.notes-list article{padding:8px;border-left:2px solid rgba(47,123,255,.35);background:rgba(255,255,255,.02);border-radius:0 7px 7px 0}.notes-list article strong{font-size:8px}.notes-list article p{font-size:8px;color:#a8bbcf;line-height:1.5;margin:4px 0}.notes-list article time,.notes-list>small{font-size:7px;color:#647e98}.quick-admin>summary{cursor:pointer;font-size:9px;font-weight:700}.quick-admin .side-form{margin-top:10px}.side-placeholder{padding:24px}.side-placeholder strong{font-size:11px}.side-placeholder p{font-size:9px;color:var(--muted);line-height:1.6}.presence{display:inline-flex;gap:5px;align-items:center;font-size:8px}.presence-online{color:#6fdaa2}.presence-away{color:#ffc86b}.presence-offline{color:#71879e}.status-open{background:rgba(39,209,127,.1);color:#78dfaa}.status-resolved{background:rgba(47,123,255,.1);color:#91b9ff}.status-spam{background:rgba(255,96,117,.1);color:#ff9cab}.status-invited{background:rgba(35,199,217,.1);color:#80dce7}.status-disabled{background:rgba(255,96,117,.1);color:#ff9cab}
.team-hero{padding:22px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:radial-gradient(circle at 85% 15%,rgba(35,199,217,.11),transparent 28%),linear-gradient(135deg,rgba(47,123,255,.12),rgba(16,31,52,.9))}.team-hero h2{font-size:22px;margin:8px 0 5px}.team-hero p{font-size:9px;color:var(--muted);margin:0}.team-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:16px}.table td small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.row-edit summary{cursor:pointer;color:#8bb5ff;font-size:8px}.mini-edit{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:6px;margin:8px 0}.row-edit>form:last-child{margin-top:6px}.muted{color:var(--muted);font-size:8px}.role-help{margin-top:18px;display:grid;gap:8px}.role-help>div{padding:9px;border:1px solid var(--line);border-radius:9px}.role-help strong,.role-help span{display:block}.role-help strong{font-size:8px}.role-help span{font-size:7px;color:var(--muted);margin-top:3px;line-height:1.4}
@media(max-width:1250px){.inbox-shell{grid-template-columns:290px 1fr}.inbox-side{display:none}.inbox-toolbar{align-items:flex-start;flex-direction:column}.inbox-toolbar-meta{width:100%;justify-content:space-between}}
@media(max-width:900px){.inbox-shell{grid-template-columns:1fr;height:auto;min-height:0}.inbox-list{max-height:360px}.chat-panel{min-height:650px}.team-grid{grid-template-columns:1fr}.media-compose,.template-compose form{grid-template-columns:1fr}.quick-panel button{grid-template-columns:70px 1fr}.quick-panel button small{grid-column:1/-1}.inbox-searchbar .search,.inbox-searchbar .search:first-child{min-width:0;flex:1 1 140px}}
@media(max-width:600px){.message-stream{padding:14px 9px}.message-bubble{max-width:88%}.chat-head{padding:8px}.service-window{padding:7px 9px}.composer{padding:8px}.inbox-list{max-height:300px}.inbox-toolbar-meta .btn{display:none}.team-hero{align-items:flex-start;flex-direction:column}.mini-edit{grid-template-columns:1fr}}

/* Phase 5 · Templates, contacts and campaign studio */
.metric-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.metric-grid.compact .metric-card{min-height:112px}.split-grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(460px,1.35fr);gap:18px}.panel{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.98));border:1px solid #dce7f3;border-radius:22px;padding:20px;box-shadow:0 18px 50px rgba(25,54,93,.07)}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.panel-head h2{margin:0 0 4px;font-size:18px}.panel-head p{margin:0;color:#7088a3;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#3d5570}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #d5e2ef;border-radius:12px;background:#fff;padding:11px 12px;font:inherit;color:#17324f;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#527dff;box-shadow:0 0 0 3px rgba(82,125,255,.1)}.muted{color:#7f93aa;font-weight:500}.data-list,.campaign-list{display:grid;gap:10px}.data-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;border:1px solid #e1eaf3;border-radius:14px;background:#fff}.data-row strong{display:block;font-size:13px}.data-row small{display:block;color:#7b8fa5;margin-top:4px}.row-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;background:#edf2f8;color:#5a6f87}.status-approved,.status-running,.status-opted_in,.status-completed{background:#e8fbf2;color:#087a49}.status-pending,.status-scheduled,.status-draft,.status-unknown{background:#fff6dd;color:#a46300}.status-rejected,.status-failed,.status-opted_out,.status-cancelled{background:#ffecec;color:#b92c3a}.status-paused{background:#eef0ff;color:#5258ad}.inline-form{display:inline}.btn-sm{padding:7px 10px;font-size:10px}.action-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.empty-state{padding:30px;text-align:center;color:#7088a3;border:1px dashed #ccd9e6;border-radius:14px}.campaign-card{border:1px solid #dfe9f3;border-radius:17px;padding:15px;background:#fff}.campaign-title{display:flex;justify-content:space-between;gap:12px}.campaign-title strong{font-size:13px}.campaign-title small{display:block;margin-top:4px;color:#768aa0}.funnel{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:14px 0}.funnel div{background:#f6f9fc;border-radius:10px;padding:8px;text-align:center}.funnel b{display:block;font-size:12px}.funnel span{font-size:8px;color:#8193a7;text-transform:uppercase}.progress{height:6px;border-radius:999px;background:#edf2f7;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#4268ff,#31c68b);border-radius:999px}.campaign-actions{justify-content:space-between;margin-top:12px}.campaign-actions form{display:flex;gap:7px}.panel hr{border:0;border-top:1px solid #e7eef6;margin:20px 0}@media(max-width:1050px){.split-grid{grid-template-columns:1fr}.metric-grid.compact{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.metric-grid.compact,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.funnel{grid-template-columns:repeat(3,1fr)}.data-row{align-items:flex-start;flex-direction:column}.row-badges{justify-content:flex-start}}

/* Phase 6 · Automation Studio + Visual Chatbot Builder */
.automation-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.auto-metric{border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,31,52,.88),rgba(8,20,35,.92));border-radius:15px;padding:15px 16px;box-shadow:var(--shadow)}.auto-metric span,.auto-metric small{display:block;color:var(--muted);font-size:9px}.auto-metric strong{display:block;font-size:20px;margin:7px 0 5px}.automation-home-grid{display:grid;grid-template-columns:265px minmax(0,1fr);gap:16px;align-items:start}.panel-dark{border:1px solid var(--line);background:linear-gradient(180deg,rgba(14,27,46,.96),rgba(9,21,36,.96));border-radius:17px;box-shadow:var(--shadow)}.automation-list{position:sticky;top:90px;padding:14px;max-height:calc(100vh - 112px);overflow:auto}.auto-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.auto-panel-head h3{font-size:13px;margin:4px 0 0}.auto-panel-head>span{font-size:8px;color:var(--muted)}.auto-create-form{display:grid;grid-template-columns:1fr auto;gap:7px;margin-bottom:12px}.auto-create-form input,.auto-title-fields input,.trigger-bar input,.trigger-bar select,.trigger-bar textarea,.automation-actions select,.credential-form input,.inspector-form input,.inspector-form select,.inspector-form textarea{border:1px solid var(--line);background:#071423;color:var(--text);border-radius:9px;padding:9px 10px;outline:0;font-size:9px}.workflow-list{display:grid;gap:6px}.workflow-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px;border:1px solid transparent;border-radius:11px;background:rgba(255,255,255,.018)}.workflow-item:hover,.workflow-item.active{border-color:rgba(47,123,255,.23);background:rgba(47,123,255,.08)}.workflow-item strong,.workflow-item small{display:block}.workflow-item strong{font-size:9px}.workflow-item small{font-size:7px;color:var(--muted);margin-top:4px}.auto-help{margin-top:15px;padding:10px;border-radius:10px;background:rgba(35,199,217,.055);border:1px solid rgba(35,199,217,.11)}.auto-help strong{font-size:8px}.auto-help p{font-size:7px;color:var(--muted);line-height:1.5;margin:5px 0 0}.automation-main{min-width:0;display:grid;gap:12px}.auto-empty{text-align:center;padding:70px 20px}.auto-orb{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,var(--brand),var(--cyan));display:grid;place-items:center;font-size:23px;margin:auto;box-shadow:0 18px 45px rgba(47,123,255,.25)}.auto-empty h2{font-size:20px}.auto-empty p{color:var(--muted);max-width:570px;margin:auto;font-size:10px;line-height:1.7}.auto-toolbar{padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.auto-title-fields{display:grid;gap:5px;flex:1;max-width:650px}.auto-title-fields input:first-child{font-size:14px;font-weight:800;background:transparent;border:0;padding:2px 0}.auto-title-fields input:last-child{background:transparent;border:0;padding:2px 0;color:var(--muted)}.auto-toolbar-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.version-chip{font-size:8px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;color:#9db0c5}.trigger-bar{display:grid;grid-template-columns:1fr 1.4fr .7fr 1.4fr;gap:10px;padding:12px 14px;align-items:end}.trigger-bar label{display:grid;gap:5px}.trigger-bar label span{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#6f879f}.trigger-bar textarea{resize:vertical;min-height:34px}.trigger-note{font-size:7px;color:#8fa7be;align-self:center;padding-top:14px}.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:5px;box-shadow:0 0 0 4px rgba(39,209,127,.08)}.flow-builder{height:680px;overflow:hidden;display:grid;grid-template-columns:125px minmax(0,1fr) 270px}.flow-palette{border-right:1px solid var(--line);padding:10px;overflow:auto;background:rgba(3,11,20,.28)}.flow-palette>div{padding:5px 4px 9px}.flow-palette>div strong,.flow-palette>div small{display:block}.flow-palette>div strong{font-size:9px}.flow-palette>div small{font-size:7px;color:var(--muted);margin-top:2px}.flow-palette button{width:100%;border:1px solid transparent;background:transparent;color:#a9bdd1;border-radius:9px;padding:8px 7px;margin:2px 0;display:flex;gap:7px;align-items:center;text-align:left;cursor:pointer;font-size:8px}.flow-palette button:hover{background:rgba(47,123,255,.08);border-color:rgba(47,123,255,.14);color:#fff}.flow-palette button b{width:20px;height:20px;display:grid;place-items:center;background:rgba(255,255,255,.045);border-radius:6px;font-size:8px}.flow-stage-wrap{min-width:0;display:grid;grid-template-rows:38px 1fr}.flow-zoom-row{display:flex;justify-content:space-between;align-items:center;padding:0 10px;border-bottom:1px solid var(--line);font-size:8px;color:#8299b1}.mini-icon{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#9db0c5;border-radius:7px;padding:5px 7px;font-size:7px;cursor:pointer;margin-left:4px}.flow-stage{position:relative;overflow:auto;background-image:radial-gradient(rgba(130,160,195,.12) 1px,transparent 1px);background-size:18px 18px;background-color:#071321}.flow-nodes,.flow-lines{position:absolute;left:0;top:0;width:1800px;height:1000px}.flow-lines{pointer-events:none;z-index:1}.flow-nodes{z-index:2}.flow-edge{fill:none;stroke:rgba(92,142,255,.52);stroke-width:2}.flow-edge.edge-true{stroke:rgba(39,209,127,.62)}.flow-edge.edge-false{stroke:rgba(255,186,69,.62)}.edge-dot{fill:#5c8eff}.edge-dot.edge-true{fill:var(--green)}.edge-dot.edge-false{fill:var(--warning)}.flow-node{position:absolute;width:190px;min-height:94px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(150deg,#10233a,#0a1829);border-radius:13px;padding:10px;cursor:grab;box-shadow:0 14px 30px rgba(0,0,0,.3);user-select:none}.flow-node:hover,.flow-node.selected{border-color:rgba(76,132,255,.7);box-shadow:0 0 0 3px rgba(47,123,255,.08),0 18px 36px rgba(0,0,0,.34)}.flow-node.dragging{cursor:grabbing;opacity:.9}.flow-node.entry{border-top-color:rgba(35,199,217,.75)}.flow-node-head{display:flex;align-items:center;gap:8px}.node-icon{width:25px;height:25px;border-radius:8px;background:linear-gradient(135deg,rgba(47,123,255,.24),rgba(35,199,217,.12));display:grid;place-items:center;font-size:8px;color:#a8c7ff}.flow-node-head strong,.flow-node-head small{display:block}.flow-node-head strong{font-size:9px}.flow-node-head small{font-size:6px;color:#66819b;margin-top:2px}.flow-node-head i,.inspector-head i{font-style:normal;font-size:6px;color:#78e3ec;background:rgba(35,199,217,.08);border:1px solid rgba(35,199,217,.13);border-radius:5px;padding:3px 5px;margin-left:auto}.flow-node p{font-size:7px;line-height:1.45;color:#91a8bf;margin:9px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-port{position:absolute;width:8px;height:8px;border-radius:50%;background:#5c8eff;border:2px solid #0a1829;top:43px}.node-port-in{left:-5px}.node-port-out{right:-5px}.node-inspector{border-left:1px solid var(--line);padding:12px;overflow:auto;background:rgba(3,11,20,.28)}.inspector-empty{height:100%;display:grid;place-content:center;text-align:center;color:#6e859d}.inspector-empty div{font-size:22px}.inspector-empty strong{font-size:10px;margin-top:7px}.inspector-empty small{font-size:7px;margin-top:4px}.inspector-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:11px;border-bottom:1px solid var(--line)}.inspector-head>div{display:flex;align-items:center;gap:8px}.inspector-head strong,.inspector-head small{display:block}.inspector-head strong{font-size:10px}.inspector-head small{font-size:7px;color:var(--muted)}.inspector-form{display:grid;gap:10px;margin-top:12px}.inspector-form label{display:grid;gap:5px}.inspector-form label>span{font-size:7px;color:#748da6;text-transform:uppercase;letter-spacing:.07em}.inspector-form label>small{font-size:6px;color:#617b94;line-height:1.4}.inspector-form textarea{resize:vertical}.inspector-form hr{border:0;border-top:1px solid var(--line);width:100%;margin:2px 0}.inspector-note{padding:10px;border:1px dashed var(--line);border-radius:9px;color:#879eb5;font-size:7px;line-height:1.5}.inspector-delete{width:100%;margin-top:14px}.automation-actions,.webhook-card,.danger-zone{padding:13px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.automation-actions strong,.automation-actions small,.danger-zone strong,.danger-zone small{display:block}.automation-actions strong,.danger-zone strong{font-size:9px}.automation-actions small,.danger-zone small{font-size:7px;color:var(--muted);margin-top:3px}.automation-actions form{display:flex;gap:6px;align-items:center}.webhook-card{background:linear-gradient(135deg,rgba(35,199,217,.055),rgba(9,21,36,.96))}.webhook-card h3{font-size:13px;margin:4px 0}.webhook-card p{font-size:7px;color:var(--muted);margin:0}.webhook-secret{display:flex;align-items:center;gap:8px;max-width:62%}.webhook-secret code{font-size:7px;color:#93c7ff;border:1px solid var(--line);background:#06101c;border-radius:8px;padding:8px;overflow:auto;white-space:nowrap;max-width:680px}.automation-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.automation-bottom-grid>section{padding:14px;min-width:0}.run-list,.trace-list,.version-list,.credential-list{display:grid;gap:6px}.run-row{display:grid;grid-template-columns:42px 1fr auto 110px;gap:8px;align-items:center;padding:9px;border:1px solid transparent;border-radius:9px;background:rgba(255,255,255,.018)}.run-row:hover,.run-row.active{border-color:rgba(47,123,255,.16);background:rgba(47,123,255,.06)}.run-id{font-size:8px;color:#7ea7ff}.run-row strong,.run-row small{display:block}.run-row strong{font-size:8px}.run-row small,.run-row time{font-size:6px;color:var(--muted)}.trace-list article{display:grid;grid-template-columns:1fr auto;gap:5px;padding:9px;border-left:2px solid rgba(47,123,255,.32);background:rgba(255,255,255,.018);border-radius:0 8px 8px 0}.trace-list article>div{display:flex;align-items:center;gap:6px}.trace-list article strong{font-size:7px}.trace-list article small{grid-column:1/-1;font-size:6px;color:#71899f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-type-chip{font-size:6px;color:#9cc0ff;background:rgba(47,123,255,.08);padding:3px 5px;border-radius:5px}.version-list>div,.credential-list>div{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid rgba(255,255,255,.04)}.version-list strong{font-size:8px;color:#91b4ff}.version-list span{font-size:7px;flex:1}.version-list small,.credential-list span{font-size:6px;color:var(--muted)}.credential-form{display:grid;grid-template-columns:1fr 1fr 1.5fr auto;gap:6px;margin-bottom:10px}.credential-list strong{font-size:8px;flex:1}.danger-zone{border-color:rgba(255,96,117,.13)}.empty-state.dark{border-color:var(--line);color:#6d8399;background:transparent;font-size:8px;padding:18px}.status-running,.status-completed{background:rgba(39,209,127,.1);color:#77e2ab}.status-waiting{background:rgba(255,186,69,.1);color:#ffd077}.status-active{background:rgba(39,209,127,.1);color:#77e2ab}.status-draft{background:rgba(255,186,69,.1);color:#ffd077}.status-paused{background:rgba(125,139,255,.11);color:#aeb5ff}.status-failed,.status-cancelled,.status-archived{background:rgba(255,96,117,.1);color:#ff9aaa}.btn-danger{background:rgba(255,96,117,.1);border:1px solid rgba(255,96,117,.18);color:#ff9aaa}
@media(max-width:1200px){.automation-home-grid{grid-template-columns:220px minmax(0,1fr)}.flow-builder{grid-template-columns:105px minmax(0,1fr) 230px}.trigger-bar{grid-template-columns:1fr 1fr}.trigger-note{padding-top:0}.credential-form{grid-template-columns:1fr 1fr}.webhook-card{align-items:flex-start;flex-direction:column}.webhook-secret{max-width:100%;width:100%}}
@media(max-width:900px){.automation-metrics{grid-template-columns:repeat(2,1fr)}.automation-home-grid{grid-template-columns:1fr}.automation-list{position:relative;top:auto;max-height:none}.flow-builder{height:auto;grid-template-columns:1fr}.flow-palette{border-right:0;border-bottom:1px solid var(--line);display:flex;overflow:auto}.flow-palette>div{min-width:100px}.flow-palette button{min-width:105px}.flow-stage-wrap{height:560px}.node-inspector{border-left:0;border-top:1px solid var(--line);min-height:260px}.automation-bottom-grid{grid-template-columns:1fr}.auto-toolbar,.automation-actions{align-items:flex-start;flex-direction:column}.trigger-bar{grid-template-columns:1fr}.run-row{grid-template-columns:42px 1fr auto}.run-row time{display:none}}
@media(max-width:600px){.automation-metrics{grid-template-columns:1fr 1fr}.flow-stage-wrap{height:500px}.automation-actions .action-row{width:100%;display:grid}.automation-actions form{display:grid;grid-template-columns:1fr auto}.auto-toolbar-actions{width:100%}.credential-form{grid-template-columns:1fr}.webhook-secret{align-items:stretch;flex-direction:column}.webhook-secret code{max-width:100%}}

/* Phase 7 · CRM + Integrations */
.crm-stats{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:12px}.crm-toolbar{padding:10px 12px;display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.toolbar-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.crm-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:12px;align-items:start}.crm-board-wrap{min-width:0;overflow:hidden}.crm-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,260px);gap:10px;overflow:auto;padding-bottom:10px;scrollbar-width:thin}.crm-column{border:1px solid var(--line);background:rgba(5,15,26,.62);border-radius:14px;min-height:520px}.crm-column-head{padding:11px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:8px}.crm-column-head strong,.crm-column-head small{display:block}.crm-column-head strong{font-size:9px}.crm-column-head small{font-size:6px;color:var(--muted);margin-top:3px}.crm-column-head>span{font-size:7px;color:#8cb2ff;border:1px solid rgba(74,130,255,.18);border-radius:999px;padding:4px 6px;height:max-content}.crm-column-body{padding:8px;display:grid;gap:8px}.crm-lead-card{padding:10px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,rgba(18,38,61,.92),rgba(7,20,34,.96));border-radius:11px;box-shadow:0 8px 18px rgba(0,0,0,.16)}.lead-card-top,.lead-meta{display:flex;justify-content:space-between;gap:8px;align-items:center}.lead-card-top strong{font-size:8px}.source-chip{font-size:6px;text-transform:uppercase;letter-spacing:.05em;color:#80b0ff;background:rgba(47,123,255,.08);padding:4px 6px;border-radius:6px}.lead-title{display:block;color:#fff;font-weight:650;font-size:9px;margin:9px 0 4px;text-decoration:none}.crm-lead-card p{font-size:7px;color:#8098af;margin:0}.lead-meta{font-size:6px;color:#6f88a1;margin-top:9px}.followup{font-size:6px;color:#9cb7d1;margin-top:8px;padding:6px 7px;background:rgba(255,255,255,.025);border-radius:7px}.followup.overdue{color:#ff9aaa;background:rgba(255,96,117,.07)}.lead-move{margin-top:7px}.lead-move select{width:100%;font-size:6px;padding:6px;background:#081827;color:#91a9c0;border:1px solid var(--line);border-radius:7px}.crm-empty,.empty-mini{font-size:7px;color:#667f97;text-align:center;padding:18px;border:1px dashed var(--line);border-radius:9px}.crm-side{display:grid;gap:12px;position:sticky;top:74px}.crm-side>.card{padding:12px}.task-list{display:grid;gap:6px}.task-row{display:flex;justify-content:space-between;gap:8px;padding:8px;border-bottom:1px solid rgba(255,255,255,.045)}.task-row strong,.task-row small,.task-row span{display:block}.task-row strong{font-size:8px}.task-row small,.task-row span{font-size:6px;color:var(--muted);margin-top:2px}.crm-side details{border-top:1px solid var(--line);padding:9px 0}.crm-side summary{cursor:pointer;font-size:8px;color:#a8bdd1}.stack-form{display:grid;gap:9px}.stack-form label{display:grid;gap:5px;font-size:7px;color:#8198ae}.stack-form label small{font-size:6px;color:#647d94}.stack-form input,.stack-form select,.stack-form textarea,.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line);background:#071523;color:#d9e5ef;border-radius:8px;padding:8px;font:inherit;outline:none}.stack-form input:focus,.stack-form select:focus,.stack-form textarea:focus{border-color:rgba(68,127,255,.65)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lead-detail{margin-top:12px;padding:14px}.lead-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.task-create{padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018)}.timeline{margin-top:14px}.timeline h3,.task-create h3{font-size:10px;margin:0 0 9px}.timeline-item{display:grid;grid-template-columns:12px 1fr;gap:8px;position:relative;padding:0 0 13px}.timeline-item:before{content:"";position:absolute;left:4px;top:8px;bottom:-2px;width:1px;background:var(--line)}.timeline-item:last-child:before{display:none}.timeline-item i{width:9px;height:9px;border-radius:50%;background:#4e84ff;box-shadow:0 0 0 3px rgba(78,132,255,.1);margin-top:3px}.timeline-item strong{font-size:8px}.timeline-item p{font-size:7px;color:#8198ae;margin:3px 0}.timeline-item small{font-size:6px;color:#607990}.modal{position:fixed;inset:0;z-index:100;background:rgba(1,7,13,.78);backdrop-filter:blur(10px);display:none;place-items:center;padding:18px}.modal.open{display:grid}.modal-card{width:min(760px,96vw);max-height:90vh;overflow:auto;background:#0a1929;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.55);position:relative}.modal-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#8ea5bb;font-size:20px;cursor:pointer}.integration-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px;margin-bottom:12px;background:linear-gradient(130deg,rgba(47,123,255,.08),rgba(35,199,217,.04),rgba(9,22,36,.9))}.integration-hero h2{font-size:17px;margin:5px 0}.integration-hero p{font-size:8px;max-width:650px;color:var(--muted);line-height:1.6}.integration-metrics{display:flex;gap:8px}.integration-metrics>div{min-width:78px;text-align:center;padding:10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.02)}.integration-metrics strong,.integration-metrics span{display:block}.integration-metrics strong{font-size:16px}.integration-metrics span{font-size:6px;color:var(--muted);margin-top:3px}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.integration-builder{padding:14px}.integration-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,rgba(47,123,255,.22),rgba(35,199,217,.08));font-size:9px;color:#9bc1ff;margin-bottom:8px}.check-row{display:flex!important;align-items:flex-start!important;grid-template-columns:none!important;gap:8px!important}.check-row input{width:auto!important;margin-top:2px}.check-row span,.check-row small{display:block}.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.scope-grid .check-row{border:1px solid var(--line);border-radius:8px;padding:8px}.api-example{display:grid;gap:5px;border-top:1px solid var(--line);margin-top:11px;padding-top:10px}.api-example strong{font-size:8px}.api-example code{font-size:6px;color:#9bc1ff;background:#06111d;padding:6px;border-radius:6px}.api-example small{font-size:6px;color:var(--muted)}.secret-once{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px;margin-bottom:12px;border-color:rgba(255,186,69,.22);background:rgba(255,186,69,.04)}.secret-once h3{font-size:11px;margin:3px 0}.secret-once p{font-size:7px;color:var(--muted);margin:0}.secret-once code{max-width:55%;overflow:auto;white-space:nowrap;padding:9px;border-radius:8px;background:#050e18;color:#ffd077;border:1px solid rgba(255,186,69,.14);font-size:7px}.inline-actions{display:flex;gap:5px;align-items:center}.inline-actions form{margin:0}.status.bad{color:#ff9aaa;background:rgba(255,96,117,.09)}.error-text{display:block;font-size:6px;color:#ff9aaa;margin-top:3px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.two-col>.card{padding:14px}.key-list,.log-list{display:grid;gap:6px}.key-row,.log-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px;border:1px solid rgba(255,255,255,.05);border-radius:9px;background:rgba(255,255,255,.018)}.key-row strong,.key-row code,.key-row small{display:block}.key-row strong{font-size:8px}.key-row code{font-size:6px;color:#91b7ff;margin-top:3px}.key-row small{font-size:6px;color:var(--muted);margin-top:3px}.log-row{display:grid;grid-template-columns:52px 1fr auto}.log-direction{font-size:6px;text-transform:uppercase;color:#7ea7ff}.log-row strong{font-size:8px}.log-row p{font-size:7px;color:#7e96ad;margin:2px 0}.log-row small{font-size:6px;color:#5f7890}
@media(max-width:1200px){.crm-stats{grid-template-columns:repeat(3,1fr)}.crm-layout{grid-template-columns:1fr}.crm-side{position:static;grid-template-columns:1fr 1fr}.integration-grid{grid-template-columns:1fr 1fr}.integration-grid>section:last-child{grid-column:1/-1}.lead-detail-grid{grid-template-columns:1fr}}
@media(max-width:820px){.crm-stats{grid-template-columns:repeat(2,1fr)}.crm-toolbar,.integration-hero{align-items:flex-start;flex-direction:column}.toolbar-row{width:100%}.toolbar-row .search{flex:1;min-width:140px}.crm-side,.integration-grid,.two-col{grid-template-columns:1fr}.integration-grid>section:last-child{grid-column:auto}.integration-metrics{width:100%}.integration-metrics>div{flex:1}.form-grid{grid-template-columns:1fr}.secret-once{align-items:stretch;flex-direction:column}.secret-once code{max-width:100%}}
@media(max-width:520px){.crm-stats{grid-template-columns:1fr 1fr}.crm-board{grid-auto-columns:82vw}.scope-grid{grid-template-columns:1fr}.integration-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.integration-metrics>div{min-width:0}}

/* Phase 8 · AI Agent + Advanced Analytics */
.ai-hero,.analytics-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:26px;overflow:hidden;position:relative}.ai-hero:after{content:"";position:absolute;right:-90px;top:-120px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(70,112,255,.18),transparent 68%);pointer-events:none}.ai-hero h2,.analytics-hero h2{margin:7px 0 8px;max-width:760px;font-size:27px}.ai-hero p,.analytics-hero p{max-width:780px;margin:0;color:var(--muted)}.ai-hero-badge{min-width:150px;padding:18px;border:1px solid var(--border);background:rgba(255,255,255,.04);border-radius:18px;text-align:center;position:relative;z-index:1}.ai-hero-badge span{display:block;font-size:30px}.ai-hero-badge strong,.ai-hero-badge small{display:block;margin-top:4px}.ai-metrics,.analytics-metrics{margin-top:16px}.ai-grid,.analytics-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:16px;margin-top:16px}.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.knowledge-list{display:grid;gap:9px;margin-top:18px;max-height:600px;overflow:auto}.knowledge-row{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.025)}.knowledge-row .grow{min-width:0;flex:1}.knowledge-row strong,.knowledge-row small{display:block}.knowledge-row small{color:var(--muted);margin-top:3px}.knowledge-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(91,128,255,.12);font-weight:800}.ai-copy{max-width:360px}.ai-copy p{margin:0 0 5px}.ai-copy small{color:var(--muted)}.ai-footnote{font-size:12px;color:var(--muted);margin-top:14px}.bar-chart{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:58px 1fr 60px;gap:10px;align-items:center;font-size:12px}.bar-track{height:9px;border-radius:20px;background:rgba(255,255,255,.06);overflow:hidden}.bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5f7cff,#5ee0c5)}.quality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quality-grid>div{padding:16px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.025)}.quality-grid span,.quality-grid strong{display:block}.quality-grid span{font-size:11px;color:var(--muted)}.quality-grid strong{font-size:22px;margin-top:5px}.funnel-list{display:grid;gap:9px}.funnel-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--border)}.funnel-row small{color:var(--muted)}
@media(max-width:980px){.ai-grid,.analytics-grid{grid-template-columns:1fr}.ai-hero,.analytics-hero{align-items:flex-start;flex-direction:column}.ai-hero-badge{width:100%}.toggle-grid{grid-template-columns:1fr}}
@media(max-width:640px){.ai-hero h2,.analytics-hero h2{font-size:22px}.knowledge-row{align-items:flex-start;flex-wrap:wrap}.quality-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:48px 1fr 45px}}
.ai-inbox-state{background:linear-gradient(180deg,rgba(91,128,255,.07),transparent)}.ai-inbox-summary{font-size:12px;line-height:1.5;color:var(--muted);margin:10px 0}.ai-mode-actions{margin-top:10px}

.system-health-grid{grid-template-columns:1.15fr .85fr}.system-health-grid code{font-size:10px}.system-health-grid .alert{line-height:1.55}@media(max-width:900px){.system-health-grid{grid-template-columns:1fr}}