:root{--navy:#153a5e;--navy2:#0d2035;--green:#28b99a;--bg:#f3f6f8;--text:#14213a;--muted:#718094;--line:#dfe6eb;--white:#fff;--radius:16px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#28b99a,#17877a);color:#fff;font-size:14px;font-weight:900;box-shadow:0 10px 22px rgba(33,184,153,.24)}.brand-mark.small{width:29px;height:29px;border-radius:9px;font-size:10px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2cd3a8;box-shadow:0 0 0 3px rgba(44,211,168,.13)}.dot.amber{background:#efa735;box-shadow:0 0 0 3px rgba(239,167,53,.12)}.badge{display:inline-flex;align-items:center;gap:6px;width:max-content;border:1px solid #dfe6eb;border-radius:999px;background:#f4f7f9;color:#5d6d80;padding:4px 8px;font-size:11px;font-style:normal}.badge.demo{border-color:#eadfca;background:#fffaf0;color:#9a6a1c;padding:6px 10px}.badge.live{background:#eaf8f3;color:#167861;border-color:#cfede4}.badge.scheduled{background:#fff4df;color:#a66e15;border-color:#f2dfba}.badge.complete{background:#eef2f5;color:#687789}.badge.draft{background:#f2effb;color:#6d55a4}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;border:1px solid transparent;border-radius:9px;padding:0 15px;font-size:13px;font-weight:750}.button.primary{background:var(--navy);color:#fff}.button.outline{border-color:#dce4e9;background:#fff;color:#536477}.button.mint{background:#63ddc1;color:#123a34}.panel{border:1px solid #e0e7ec;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(21,47,72,.035)}.eyebrow{display:inline-flex;align-items:center;gap:6px;color:#248a78;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.text-link{border:0;background:transparent;color:#1b7869;font-size:11px;font-weight:750}.empty-state{padding:30px;color:#8491a0;text-align:center;font-size:13px}
.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:256px;flex-direction:column;background:linear-gradient(180deg,#102943,#0d2035);color:#eef6fb;padding:22px 16px 16px;box-shadow:12px 0 34px rgba(17,39,62,.08)}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px}.sidebar-brand>span:nth-child(2){flex:1}.sidebar-brand strong,.sidebar-brand small{display:block}.sidebar-brand strong{font-size:19px;letter-spacing:-.03em}.sidebar-brand small{color:#93a8bb;font-size:11px}.sidebar-brand>button{display:none;border:0;background:transparent;color:#fff;font-size:26px}.business-switch{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.055);border-radius:13px;padding:10px}.business-switch>i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f2bf5a;color:#19314c;font-size:11px;font-weight:800;font-style:normal}.business-switch strong,.business-switch small{display:block}.business-switch strong{font-size:13px}.business-switch small{color:#90a5b7;font-size:10px}.business-switch b{color:#91a6b8}.sidebar nav{display:flex;flex-direction:column;gap:3px;margin-top:22px}.sidebar nav button{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;min-height:43px;border:0;border-radius:11px;padding:0 11px;color:#aabac9;background:transparent;text-align:left;font-size:14px}.sidebar nav button:hover{color:#fff;background:rgba(255,255,255,.05)}.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,rgba(40,185,154,.2),rgba(40,185,154,.09));box-shadow:inset 3px 0 #2fd0ae}.sidebar nav button>span{font-size:17px}.sidebar nav em{min-width:22px;padding:3px 6px;border-radius:8px;background:#2eb896;color:#fff;font-size:10px;font-style:normal;text-align:center}.sidebar-bottom{margin-top:auto;display:grid;gap:10px}.connection{border-radius:12px;padding:10px 11px;background:rgba(255,255,255,.055)}.connection span{display:flex;align-items:center;gap:7px;font-size:12px}.connection small{display:block;color:#8fa5b8;font-size:10px;margin:4px 0 0 15px}.user{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px}.user>i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#294664;font-size:11px;font-weight:700;font-style:normal}.user strong,.user small{display:block}.user strong{font-size:12px}.user small{max-width:130px;color:#8399ac;font-size:10px;overflow:hidden;text-overflow:ellipsis}.user button{border:0;background:transparent;color:#aab9c6}
.app-main{margin-left:256px;min-height:100vh}.topbar{position:sticky;top:0;z-index:20;height:78px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e1e7eb;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);padding:0 clamp(20px,3vw,42px)}.topbar>div{flex:1}.topbar h1{margin:0;font-size:18px;letter-spacing:-.025em}.topbar p{margin:4px 0 0;color:#788597;font-size:12px}.icon-button,.menu-button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #e2e8ed;border-radius:10px;background:#fff;color:#627084}.menu-button{display:none}.mobile-nav{display:none}.workspace{max-width:1600px;margin:auto;padding:clamp(20px,2.8vw,38px)}.app-section{display:none}.app-section.active{display:grid;gap:20px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:24px}.welcome h2{margin:7px 0 5px;font-size:clamp(24px,2.1vw,32px);letter-spacing:-.045em}.welcome p{margin:0;color:#657286;font-size:14px}.welcome p strong{color:var(--navy)}.quick{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:106px;border:1px solid #e1e7eb;border-radius:16px;background:#fff;padding:18px}.metric>i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;font-style:normal}.metric>i.blue{background:#edf4ff;color:#2468c9}.metric>i.violet{background:#f4efff;color:#7a55cc}.metric>i.green{background:#e9f8f4;color:#138b73}.metric>i.amber{background:#fff5df;color:#b97a16}.metric small,.metric strong{display:block}.metric small{color:#758194;font-size:11px}.metric strong{margin-top:5px;font-size:23px}.metric em{align-self:end;border-radius:7px;background:#eef9f6;color:#1a8d74;padding:3px 6px;font-size:10px;font-style:normal;font-weight:700}.grid-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:18px}.grid-main.lower{grid-template-columns:minmax(0,1.4fr) minmax(310px,.75fr)}.chart-card,.funnel,.attention,.analytics,.activity{padding:20px}.chart-card>header,.funnel>header,.attention>header,.creative>header,.analytics>header,.activity>header,.settings-form>header{display:flex;justify-content:space-between;gap:12px}.chart-card h3,.funnel h3,.attention h3,.creative h3,.analytics h3,.activity h3,.settings-form h3{margin:0;font-size:15px}.chart-card header p,.funnel header p,.attention header p,.creative header p,.analytics header p,.activity header p,.settings-form header p{margin:4px 0 0;color:#8390a0;font-size:11px}.chart-card header button,.funnel header button{border:1px solid #e1e7eb;border-radius:8px;background:#fff;color:#607085;padding:0 9px;font-size:11px}.chart-total{display:flex;align-items:baseline;gap:7px;margin-top:20px}.chart-total strong{font-size:25px}.chart-total span{color:#7a8797;font-size:11px}.chart-total em{color:#148872;font-size:11px;font-style:normal}.bars{height:155px;display:flex;align-items:flex-end;gap:clamp(5px,1.3vw,14px);padding-top:18px;border-bottom:1px solid #e7ecef}.bars>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bars i{width:100%;max-width:20px;min-width:7px;border-radius:6px 6px 2px 2px;background:#d9e4ec}.bars i.hot{background:linear-gradient(180deg,#2fb99b,#1c8c7c)}.bars small{height:12px;color:#98a3b0;font-size:9px;white-space:nowrap}.funnel{display:flex;flex-direction:column}.funnel-row{margin-top:15px}.funnel-row>span{display:flex;justify-content:space-between;font-size:11px}.funnel-row small{color:#68778a}.funnel-row>i{display:block;height:6px;margin-top:6px;border-radius:99px;background:#eef1f4;overflow:hidden}.funnel-row b{display:block;height:100%;border-radius:inherit}.funnel>.text-link{margin-top:auto;padding-top:17px}.attention #attentionList>button{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:0;border-top:1px solid #edf0f2;background:#fff;padding:11px 0;text-align:left}.attention strong,.attention small{display:block}.attention strong{font-size:12px}.attention small{max-width:320px;color:#788698;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attention time{display:grid;justify-items:end;gap:5px;color:#8a95a3;font-size:9px}.attention time em{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#28ad91;color:#fff;font-style:normal}.ai-panel{position:relative;overflow:hidden;border-radius:17px;padding:22px;color:#fff;background:radial-gradient(circle at 94% 6%,rgba(62,209,177,.28),transparent 35%),linear-gradient(145deg,#143657,#102940)}.ai-panel .ai-icon{position:absolute;right:24px;top:20px;color:#78e4cc;font-size:28px}.ai-panel .eyebrow{color:#6ee0c7}.ai-panel h3{max-width:400px;margin:11px 0 8px;font-size:18px}.ai-panel p{margin:0 0 18px;color:#bfd0dd;font-size:12px;line-height:1.55}
.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#eef2f5;color:#526275;font-size:11px;font-weight:800;font-style:normal;flex:none}.avatar.large{width:68px;height:68px;border-radius:20px;font-size:16px}.avatar.c0{background:#ffe9ed;color:#a63f55}.avatar.c1{background:#e8f2ff;color:#2666b6}.avatar.c2{background:#f1eaff;color:#704cb2}.avatar.c3{background:#fff2d7;color:#9c6818}.avatar.slate{background:#eef2f5;color:#526275}.actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.actions>span{flex:1}.actions>span strong,.actions>span small{display:block}.actions>span small{color:#7d8998;font-size:12px}.search{display:flex;align-items:center;gap:8px;min-height:36px;border:1px solid #dee6eb;border-radius:10px;background:#fff;padding:0 10px}.search.wide{width:min(480px,100%)}.search span{color:#8894a4}.search input{width:100%;border:0;outline:0;background:transparent;font-size:12px}.segments{display:flex;border:1px solid #dfe6eb;border-radius:11px;background:#fff;padding:3px}.segments button{min-height:31px;border:0;border-radius:8px;padding:0 12px;background:transparent;color:#6f7e90;font-size:11px}.segments button.active{background:#edf3f7;color:#183c60;font-weight:700}
.table-panel{overflow:hidden}.table-panel>header{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #e7ecef;color:#718094;font-size:11px}.table-panel>header button{border:0;background:transparent;color:#2a796b;font-weight:700}.data-table{overflow-x:auto}.data-row{min-width:940px;display:grid;grid-template-columns:1.5fr 1.15fr .8fr .8fr .75fr 30px;gap:16px;align-items:center;min-height:65px;padding:8px 18px;border-top:1px solid #edf0f2;color:#4f5f73;font-size:11px}.data-row.head{min-height:40px;border:0;background:#f8fafb;color:#8b96a4;font-size:10px;font-weight:700;text-transform:uppercase}.customer{display:flex;align-items:center;gap:10px}.customer b{font-weight:400}.customer strong,.customer small{display:block}.customer strong{color:#192e47}.customer small{color:#8994a2;font-size:10px}.stage,.consent{display:inline-flex;width:max-content;border:1px solid #cfece3;border-radius:999px;background:#eaf7f3;color:#197863;padding:3px 7px;font-size:10px;font-style:normal}.consent{border-color:#e1e6e9;background:#f3f5f7;color:#677587}.consent.yes{border-color:#cfece3;background:#eaf7f3;color:#197863}.consent.no{border-color:#f0cccc;background:#fff0f0;color:#a94747}.data-row>button{border:0;background:transparent}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.campaign-card,.template-card{padding:18px}.campaign-card>header,.template-card>header{display:flex;align-items:center;gap:8px}.campaign-card>header>button{margin-left:auto;border:0;background:transparent}.campaign-icon,.template-card>header>i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-style:normal}.campaign-icon.c0{background:#eaf8f4;color:#1e8f78}.campaign-icon.c1{background:#edf4ff;color:#2d6ac0}.campaign-icon.c2{background:#f3efff;color:#7854c5}.campaign-card h3,.template-card h3{margin:16px 0 5px;font-size:14px}.campaign-card>p,.template-card>p{margin:0;color:#7b8797;font-size:11px;line-height:1.55}.campaign-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.campaign-stats span{border-radius:10px;background:#f6f8fa;padding:9px}.campaign-stats strong,.campaign-stats small,.schedule strong,.schedule small{display:block}.campaign-stats strong{font-size:15px}.campaign-stats small{color:#8490a0;font-size:9px}.schedule{display:flex;align-items:center;gap:10px;min-height:57px;margin:18px 0;border-radius:10px;background:#fff8eb;padding:9px;color:#a37120}.schedule strong{font-size:11px}.schedule small{font-size:9px}.campaign-card>footer,.template-card>footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f2;padding-top:13px}.campaign-card>footer>button:first-child{border:0;background:transparent;color:#647386;font-size:11px}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.template-card>header{justify-content:space-between}.template-card>header>i{background:#edf4ff;color:#2d6ac0}.template-card>footer{margin-top:20px}
.conversations{display:grid;grid-template-columns:290px minmax(350px,1fr) 260px;height:calc(100vh - 116px);min-height:600px;overflow:hidden}.conversation-list{border-right:1px solid #e6ebee;overflow-y:auto}.conversation-list>.search{margin:13px}.conversation-list>div:last-child>button{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;min-height:67px;border:0;border-top:1px solid #edf0f2;background:#fff;padding:9px 13px;text-align:left}.conversation-list>div:last-child>button:hover,.conversation-list>div:last-child>button.active{background:#f1f7f6}.conversation-list button strong,.conversation-list button small{display:block}.conversation-list button strong{font-size:11px}.conversation-list button small{max-width:140px;color:#8490a0;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-list button time{display:grid;justify-items:end;gap:4px;color:#8a95a3;font-size:9px}.conversation-list button time em{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#28ad91;color:#fff;font-style:normal}.chat{display:flex;flex-direction:column;min-width:0;background:#f4f2ed}.chat>header{height:64px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #e1e5e7;background:#fff;padding:0 15px}.chat>header>span{flex:1}.chat>header strong,.chat>header small{display:block;font-size:11px}.chat>header small{color:#81909f;font-size:9px}.messages{flex:1;display:flex;flex-direction:column;gap:9px;overflow-y:auto;padding:20px;background-image:radial-gradient(rgba(28,71,84,.045) 1px,transparent 1px);background-size:13px 13px}.messages p{max-width:70%;border-radius:12px;padding:9px 10px;margin:0;color:#293b4d;font-size:11px;line-height:1.5}.messages p small{display:block;margin-top:4px;color:#8a959f;font-size:8px;text-align:right}.messages .received{align-self:flex-start;border-radius:4px 12px 12px 12px;background:#fff}.messages .sent{align-self:flex-end;border-radius:12px 4px 12px 12px;background:#dff5ed}.chat>footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border-top:1px solid #e1e6e9;background:#fff;padding:10px}.chat>footer>button:first-child{border:0;background:transparent}.chat>footer textarea{height:38px;resize:none;border:1px solid #dee5ea;border-radius:10px;background:#f8fafb;padding:9px 10px;outline:0;font-size:11px}.contact-detail{border-left:1px solid #e6ebee;padding:22px;text-align:center;overflow-y:auto}.contact-detail>.avatar{margin:auto}.contact-detail h3{margin:12px 0 4px;font-size:14px}.contact-detail>p{margin:0 0 8px;color:#8190a0;font-size:10px}.contact-detail dl{display:grid;gap:11px;margin:20px 0;padding:17px 0;border-block:1px solid #e9edef;text-align:left}.contact-detail dt{color:#8a95a3;font-size:9px}.contact-detail dd{margin:4px 0 0;font-size:11px;font-weight:700}.note{margin-top:20px;border-radius:11px;background:#fff8e9;padding:12px;text-align:left}.note strong{font-size:11px}.note p{color:#7c6a48;font-size:10px}
.studio{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(390px,1.15fr);gap:20px;max-width:1180px}.studio-input,.creative{padding:clamp(20px,3vw,30px)}.studio-input h2{margin:13px 0 7px;font-size:22px}.studio-input>p{color:#718094;font-size:12px}.studio-input textarea{width:100%;resize:vertical;border:1px solid #d9e1e7;border-radius:10px;padding:12px;font-size:13px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 22px}.chips button{border:1px solid #dde5ea;border-radius:99px;background:#f8fafb;padding:6px 9px;color:#637386;font-size:10px}.creative{background:#eef2f4}.phone{width:min(330px,100%);margin:20px auto;border:7px solid #152d47;border-radius:25px;overflow:hidden;background:#e9e4dc;box-shadow:0 18px 40px rgba(19,42,65,.18)}.phone-head{display:flex;gap:9px;align-items:center;background:#173b5c;color:#fff;padding:10px 13px}.phone-head strong,.phone-head small{display:block}.phone-head strong{font-size:11px}.phone-head small{color:#bad0df;font-size:9px}.promo{min-height:158px;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;color:#fff;background:linear-gradient(145deg,rgba(11,41,48,.25),rgba(11,41,48,.83)),radial-gradient(circle at 70% 10%,#89c7ac,#336d5e 35%,#173b42 100%)}.promo b{width:max-content;border-radius:8px;background:#ffd065;color:#17344f;padding:4px 7px;font-size:18px}.promo strong{margin-top:8px}.promo small{color:#d6ece6;font-size:10px}.message-preview{margin:10px;border-radius:7px;background:#fff;padding:10px;color:#26384b;font-size:11px}.preview-buttons{display:grid;gap:1px;margin:0 10px 10px}.preview-buttons button{min-height:31px;border:0;background:#fff;color:#187965;font-size:10px}.preview-actions{display:flex;justify-content:center;gap:8px}.automation-list{display:grid;gap:12px}.automation{display:grid;grid-template-columns:auto 1.1fr 1fr auto;align-items:center;gap:15px;padding:17px}.automation>i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eef2f5;color:#718094;font-weight:800;font-style:normal}.automation>i.active{background:#e8f8f3;color:#13866f}.automation h3{margin:0;font-size:13px}.automation p{margin:4px 0 0;color:#7e8a99;font-size:11px}.automation>div{display:flex;align-items:center;gap:7px;font-size:10px}.automation>div small{color:#8b96a4}.automation>div strong{border-radius:7px;background:#f1f5f7;padding:5px 7px}.toggle{width:38px;height:22px;border:0;border-radius:99px;background:#d9e1e6;padding:3px}.toggle i{display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.toggle.on{background:#27af91}.toggle.on i{transform:translateX(16px)}
.analytic-hero{display:grid;grid-template-columns:repeat(3,1fr);border-radius:17px;color:#fff;background:linear-gradient(120deg,#153a5e,#0f2c47);overflow:hidden}.analytic-hero>div{padding:22px;border-right:1px solid rgba(255,255,255,.12)}.analytic-hero span,.analytic-hero strong,.analytic-hero small{display:block}.analytic-hero span{color:#a9c1d3;font-size:11px}.analytic-hero strong{margin:7px 0 3px;font-size:26px}.analytic-hero small{color:#9eb4c5;font-size:10px}.analytics-row{display:grid;grid-template-columns:85px 1fr 45px;align-items:center;gap:10px;margin-top:20px;font-size:11px}.analytics-row>i{height:8px;background:#eef2f5;border-radius:99px;overflow:hidden}.analytics-row b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#235c91,#29b79a)}.activity-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;border-top:1px solid #edf0f2;padding:13px 0}.activity-row strong,.activity-row small{display:block;font-size:11px}.activity-row small{color:#8995a3;font-size:10px}.team-list{overflow:hidden}.team-list>div{display:grid;grid-template-columns:auto 1fr 130px 150px 30px;gap:12px;align-items:center;padding:14px 18px;border-top:1px solid #edf0f2}.team-list>div:first-child{border:0}.team-list strong,.team-list small{display:block;font-size:12px}.team-list small{color:#8793a2;font-size:10px}.team-list em{display:flex;align-items:center;gap:7px;color:#647487;font-size:11px;font-style:normal}.team-list button{border:0;background:transparent}.settings-grid{display:grid;grid-template-columns:230px minmax(0,760px);gap:18px}.settings-nav{display:flex;flex-direction:column;padding:9px;height:max-content}.settings-nav button{min-height:40px;border:0;border-radius:9px;background:transparent;color:#667689;text-align:left;padding:0 10px;font-size:12px}.settings-nav button.active{background:#edf5f3;color:#1b7567;font-weight:700}.settings-form{padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label,.modal label{display:grid;gap:7px;color:#58687a;font-size:11px;font-weight:700}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select,.modal input,.modal textarea,.modal select{width:100%;min-height:40px;border:1px solid #d9e1e7;border-radius:9px;background:#fff;padding:9px 11px;outline:none}.settings-note,.dialog-warning{margin-top:20px;border-radius:11px;background:#edf8f5;color:#297568;padding:12px;font-size:11px}.settings-note p{margin:4px 0 0}
.modal{width:min(520px,calc(100% - 28px));border:0;border-radius:18px;padding:0;box-shadow:0 30px 90px rgba(9,29,47,.28)}.modal.wide-modal{width:min(680px,calc(100% - 28px))}.modal::backdrop{background:rgba(10,26,42,.58);backdrop-filter:blur(3px)}.modal>form{position:relative;display:grid;gap:14px;padding:26px}.modal h2{margin:0;font-size:21px}.modal>form>p{margin:-8px 0 3px;color:#7c8998;font-size:12px}.modal-close{position:absolute;right:16px;top:13px;border:0;background:transparent;color:#748294;font-size:26px}.modal footer{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.dialog-warning{margin:0}.toast{position:fixed;right:20px;top:20px;z-index:100;transform:translateY(-20px);opacity:0;pointer-events:none;border-radius:11px;background:#153a5e;color:#fff;padding:12px 16px;box-shadow:0 15px 35px rgba(10,31,50,.22);font-size:12px;transition:.2s}.toast.show{transform:none;opacity:1}.toast.error{background:#a84242}.mobile-overlay{display:none}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,rgba(40,185,154,.13),transparent 33%),linear-gradient(145deg,#eef5f6,#e9eff3)}.login-card{width:min(430px,100%);border:1px solid #dbe5ea;border-radius:22px;background:#fff;padding:36px;box-shadow:0 25px 70px rgba(18,48,73,.12)}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:28px}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:19px}.login-brand small{color:#8190a0;font-size:11px}.login-card h1{margin:0;font-size:27px;letter-spacing:-.04em}.login-card>p{margin:7px 0 23px;color:#6f7f91;font-size:13px}.login-form{display:grid;gap:15px}.login-form label{display:grid;gap:7px;color:#526477;font-size:12px;font-weight:700}.login-form input{height:44px;border:1px solid #d9e2e7;border-radius:10px;padding:0 12px}.login-form button{height:45px;border:0;border-radius:10px;background:#153a5e;color:#fff;font-weight:800}.alert{margin-bottom:17px;border-radius:10px;padding:11px 13px;font-size:12px}.alert.error{background:#fff0f0;color:#a64343}.alert.success{background:#edf8f5;color:#247465}.version{display:block;margin-top:23px;color:#98a3af;text-align:center}
@media(max-width:1180px){.metrics{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(2,1fr)}.template-grid{grid-template-columns:repeat(2,1fr)}.conversations{grid-template-columns:260px 1fr}.contact-detail{display:none}.automation{grid-template-columns:auto 1fr auto}.automation>div{grid-column:2/3;grid-row:2}}
@media(max-width:850px){.sidebar{transform:translateX(-104%);transition:.25s}.sidebar.open{transform:none}.sidebar-brand>button{display:block}.mobile-overlay.show{display:block;position:fixed;inset:0;z-index:25;border:0;background:rgba(12,27,43,.45)}.app-main{margin-left:0}.menu-button{display:grid}.topbar p{display:none}.topbar .demo{display:none}.mobile-nav{display:flex;gap:5px;overflow-x:auto;border-bottom:1px solid #e2e8ec;background:#fff;padding:7px 12px}.mobile-nav button{border:0;border-radius:8px;background:transparent;color:#758395;padding:7px 9px;font-size:10px;white-space:nowrap}.mobile-nav button.active{background:#eaf6f3;color:#187866;font-weight:700}.grid-main,.grid-main.lower,.studio,.settings-grid{grid-template-columns:1fr}.conversations{height:calc(100vh - 148px);grid-template-columns:230px minmax(340px,1fr);overflow-x:auto}.settings-nav{flex-direction:row;overflow-x:auto}.analytic-hero{grid-template-columns:1fr}.analytic-hero>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}}
@media(max-width:620px){.topbar{height:64px;padding:0 14px}.topbar>.icon-button:first-of-type{display:none}.workspace{padding:14px}.welcome{align-items:flex-start;flex-direction:column}.quick{display:grid;grid-template-columns:1fr 1fr;width:100%}.quick button:first-child{grid-column:1/-1}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric{grid-template-columns:auto 1fr;min-height:94px;padding:13px}.metric>em{display:none}.metric>i{width:36px;height:36px}.metric strong{font-size:19px}.card-grid,.template-grid{grid-template-columns:1fr}.actions{align-items:stretch;flex-wrap:wrap}.search.wide{width:100%;order:3}.segments{max-width:100%;overflow-x:auto}.conversations{display:block;height:auto;min-height:0}.conversation-list{max-height:270px;border-bottom:1px solid #e5eaed}.chat{min-height:560px}.automation{grid-template-columns:auto 1fr auto}.automation>div{display:none}.team-list>div{grid-template-columns:auto 1fr auto}.team-list em,.team-list .badge{display:none}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.preview-actions{flex-wrap:wrap}.login-card{padding:26px}}
.back-site{display:inline-flex;margin-bottom:20px;color:#5b7083;font-size:11px;text-decoration:none}
.register-card{width:min(500px,100%)}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.check-row{display:flex!important;grid-column:1/-1;align-items:flex-start;gap:9px!important}.check-row input{width:17px!important;height:17px!important;min-height:0!important;margin-top:1px;flex:none}.check-row a,.login-alt a{color:#6d36c9;font-weight:700}.login-alt{margin:16px 0 0!important;text-align:center}.full-button{width:100%;text-decoration:none}.welcome-banner{display:flex;align-items:center;gap:12px;margin-bottom:18px;border:1px solid #d8c9f5;border-radius:14px;background:#f6f1ff;padding:14px 16px;color:#472079}.welcome-banner span{flex:1;color:#6c5983;font-size:12px}.welcome-banner button{border:0;border-radius:9px;background:#6d36c9;color:#fff;padding:9px 12px;font-weight:700}.settings-stack{display:grid;gap:18px}.connection-card{overflow:hidden}.connect-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;margin-top:22px}.meta-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#5f2fc2;color:#fff;font-size:25px;font-weight:900}.connect-layout h4{margin:14px 0 6px;font-size:18px}.connect-layout p{max-width:560px;margin:0;color:#718094;font-size:12px;line-height:1.55}.connect-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px}.connect-actions select{min-height:40px;border:1px solid #d9e1e7;border-radius:9px;background:#fff;padding:0 10px;color:#4f6073}.button.meta{background:#6d36c9}.button.danger-link{background:transparent;color:#a64040}.connect-layout ol{display:grid;gap:12px;margin:0;border-radius:14px;background:#f7f5fb;padding:16px;list-style:none}.connect-layout li{display:flex;align-items:center;gap:9px;color:#5f526f;font-size:11px}.connect-layout li b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e8ddfa;color:#6d36c9}.connection-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:22px 0 0;border:1px solid #e5e9ed;border-radius:11px;background:#e5e9ed;overflow:hidden}.connection-details div{min-width:0;background:#fff;padding:12px}.connection-details dt{color:#8a96a5;font-size:9px;text-transform:uppercase}.connection-details dd{margin:5px 0 0;overflow:hidden;color:#2e4054;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.admin-settings{border-color:#dacdf0}.advanced-settings{padding:16px 20px}.advanced-settings summary{cursor:pointer;color:#665777;font-size:12px;font-weight:800}.advanced-settings form{display:grid;gap:15px;margin-top:18px}.advanced-settings p{margin:0;color:#7d7188;font-size:11px}
@media(max-width:850px){.connect-layout{grid-template-columns:1fr}.connection-details{grid-template-columns:1fr 1fr}.welcome-banner{align-items:flex-start;flex-wrap:wrap}.welcome-banner span{flex-basis:70%}}
@media(max-width:620px){.connection-details{grid-template-columns:1fr}.connect-actions{align-items:stretch;flex-direction:column}.connect-actions>*{width:100%}.settings-form{padding:17px}.welcome-banner span{flex-basis:100%}}

/* WHADD V0.5.1 — identidad oficial */
:root{--navy:#5825FA;--navy2:#241747;--green:#FB4CCC;--bg:#f7f4ff;--text:#241747;--muted:#6d6480;--line:#e4dcf4;--white:#fff}
html,body{background:#f7f4ff;color:#241747}.brand-logo-horizontal{display:block;width:190px;height:auto}.brand-icon{display:block;width:40px;height:40px;object-fit:contain}.brand-icon.small{width:29px;height:29px}.panel,.login-card,.phone,.modal,.toast{box-shadow:none}.button.primary,.login-form button{background:#5825FA;color:#fff}.button.primary:hover,.login-form button:hover{background:#4516df}.button.mint{background:#FFCC00;color:#241747}.button.meta,.welcome-banner button{background:#5825FA}.button.outline{border-color:#dcd3f4;color:#514866}.eyebrow,.text-link{color:#5825FA}.sidebar{background:#241747;background-image:none;box-shadow:none}.sidebar-brand .brand-icon{width:42px;height:42px}.sidebar-brand small{color:#c7bae8}.business-switch{background:#312056}.business-switch>i{background:#FFCC00;color:#241747}.sidebar nav button{color:#c7bae8}.sidebar nav button:hover{background:#312056}.sidebar nav button.active{background:#5825FA;background-image:none;box-shadow:inset 3px 0 #FB4CCC}.sidebar nav em{background:#FB4CCC}.connection{background:#312056}.user>i{background:#5825FA}.topbar{background:#fff;backdrop-filter:none}.mobile-nav button.active,.settings-nav button.active{background:#f1ebff;color:#5825FA}.metric>i.blue,.metric>i.violet{background:#f1ebff;color:#5825FA}.metric>i.green{background:#fff0fb;color:#d72faa}.metric>i.amber{background:#fff7d6;color:#7d6500}.metric em{background:#f1ebff;color:#5825FA}.bars i.hot{background:#5825FA;background-image:none}.funnel-row b,.analytics-row b{background:#5825FA;background-image:none}.attention time em{background:#FB4CCC}.ai-panel{background:#5825FA;background-image:none}.ai-panel .ai-icon,.ai-panel .eyebrow{color:#FFCC00}.ai-panel p{color:#e5ddff}.creative{background:#f1ebff}.phone{border-color:#241747}.phone-head{background:#5825FA}.phone-head small{color:#e5ddff}.promo{background:#FB4CCC;background-image:none}.promo b{background:#FFCC00;color:#241747}.promo small{color:#fff}.preview-buttons button{color:#5825FA}.automation>i.active{background:#f1ebff;color:#5825FA}.toggle.on{background:#5825FA}.analytic-hero{background:#5825FA;background-image:none}.analytic-hero span,.analytic-hero small{color:#e5ddff}.settings-note,.dialog-warning{background:#f1ebff;color:#4f2fa3}.login-page{background:#f7f4ff;background-image:none}.login-card{border-color:#e4dcf4}.login-brand{margin-bottom:24px}.login-form input:focus,.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:#5825FA;outline:none}.alert.success{background:#f1ebff;color:#5825FA}.back-site,.check-row a,.login-alt a{color:#5825FA}.welcome-banner{border-color:#d8ccfb;background:#f1ebff;color:#4f2fa3}.meta-symbol{background:#5825FA}.connect-layout ol{background:#f7f4ff}.connect-layout li b{background:#e8ddff;color:#5825FA}.admin-settings{border-color:#d8ccfb}.toast{background:#5825FA}.dot{background:#FB4CCC;box-shadow:none}.dot.amber{background:#FFCC00;box-shadow:none}
@media(max-width:620px){.brand-logo-horizontal{width:165px}}
.badge.live{border-color:#d8ccfb;background:#f1ebff;color:#5825FA}.badge.scheduled,.badge.demo{border-color:#f2d96e;background:#fff7d6;color:#6d5700}.badge.draft{border-color:#f5c4e8;background:#fff0fb;color:#bb258e}.chart-total em,.table-panel>header button{color:#5825FA}.segments button.active{background:#f1ebff;color:#5825FA}.stage,.consent,.consent.yes{border-color:#d8ccfb;background:#f1ebff;color:#5825FA}.campaign-icon.c0,.campaign-icon.c1,.template-card>header>i{background:#f1ebff;color:#5825FA}.conversation-list button time em{background:#FB4CCC}.messages{background:#faf8ff;background-image:none}.avatar.c1{background:#f1ebff;color:#5825FA}.sidebar nav button.active{border-left:3px solid #FB4CCC;box-shadow:none}.modal::backdrop{backdrop-filter:none}

/* WHADD V0.6 — experiencia visual y preparación guiada */
:root{--navy:#5825FA;--navy2:#21143f;--green:#FB4CCC;--bg:#f8f7fc;--text:#21143f;--muted:#706681;--line:#e5ddf3}
html,body{background:#f8f7fc}.brand-logo-horizontal{width:225px}.sidebar{background:#21143f}.sidebar-brand small{color:#b9acce}.business-switch,.connection{border-color:#3a285e;background:#2a194d}.sidebar nav button{color:#bfb3d2}.sidebar nav button:hover{background:#2a194d}.sidebar nav button.active{border-left:0;background:#5825FA;box-shadow:inset 3px 0 #FB4CCC}.topbar{border-bottom-color:#e5ddf3}.workspace{max-width:1660px}.panel,.metric{border-color:#e5ddf3}.welcome h2{color:#21143f}.welcome p strong{color:#5825FA}.ai-panel{background:#21143f}.creative{background:#f2edff}.phone{border-color:#21143f}.phone-head{background:#5825FA}.analytic-hero{background:#5825FA}.login-page{background:#f7f4ff}.login-card{border-color:#ded3f7}.login-brand{justify-content:center}.login-card h1{text-align:center}.login-card>p{text-align:center}.back-site{color:#5825FA}
.onboarding-panel{overflow:hidden}.onboarding-panel>header{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;border-bottom:1px solid #eee8f7;padding:22px 24px}.onboarding-panel h3{margin:7px 0 4px;font-size:18px}.onboarding-panel header p{margin:0;color:#81768d;font-size:11px}.onboarding-progress{width:170px;flex:none}.onboarding-progress strong{display:block;margin-bottom:6px;color:#5825FA;text-align:right;font-size:18px}.onboarding-progress>span{display:block;height:8px;border-radius:99px;background:#eee8f7;overflow:hidden}.onboarding-progress i{display:block;width:20%;height:100%;border-radius:inherit;background:#FB4CCC;transition:width .25s ease}.onboarding-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:#eee8f7}.onboarding-steps button{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;border:0;background:#fff;padding:16px 14px;text-align:left}.onboarding-steps button:hover{background:#faf8ff}.onboarding-steps button>i{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#f1edf7;color:#8e829b;font-size:10px;font-style:normal;font-weight:900}.onboarding-steps button.done>i{background:#5825FA;color:#fff}.onboarding-steps strong,.onboarding-steps small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboarding-steps strong{font-size:10px}.onboarding-steps small{margin-top:3px;color:#90859b;font-size:8px}.onboarding-panel.complete{border-color:#d8ccfb}.onboarding-panel.complete .onboarding-progress strong{color:#873DDB}
.review-readiness{overflow:hidden}.review-readiness>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid #eee8f7}.review-readiness h3{margin:6px 0 3px;font-size:17px}.review-readiness header p{margin:0;color:#81768d;font-size:11px}.review-links{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#eee8f7}.review-links a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-width:0;background:#fff;padding:15px 18px;color:#21143f;text-decoration:none}.review-links a:hover{background:#faf8ff}.review-links i{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#f1ebff;color:#5825FA;font-size:9px;font-style:normal;font-weight:900}.review-links strong,.review-links small{display:block}.review-links strong{font-size:11px}.review-links small{margin-top:2px;overflow:hidden;color:#887c95;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.review-links b{color:#5825FA}.review-readiness>footer{display:flex;justify-content:flex-end;padding:14px 18px}
@media(max-width:1180px){.onboarding-steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.brand-logo-horizontal{width:185px}.onboarding-panel>header{align-items:stretch;flex-direction:column}.onboarding-progress{width:100%}.onboarding-progress strong{text-align:left}.onboarding-steps,.review-links{grid-template-columns:1fr}.onboarding-steps button{padding:13px 15px}}

/* WHADD V0.7.1 — diagnóstico de Meta y salud operativa (conservado en V0.7.2) */
.health-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:24px;border-color:#dcd1fa;background:#fff}.health-score{display:flex;align-items:baseline;justify-content:center;width:112px;height:112px;border:10px solid #eee8ff;border-radius:50%;color:#5825FA}.health-score strong{align-self:center;font-size:34px;letter-spacing:-.06em}.health-score span{align-self:center;margin:18px 0 0 3px;color:#8b7e9f;font-size:9px}.health-hero h2{margin:6px 0 6px;font-size:21px;letter-spacing:-.025em}.health-hero p{max-width:680px;margin:0;color:#756a84;font-size:12px}.health-hero small{display:block;margin-top:8px;color:#9a90a6;font-size:9px}.health-actions{display:flex;flex-direction:column;gap:8px;min-width:190px}.health-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.health-summary article{display:flex;align-items:center;gap:13px;padding:17px 19px}.health-summary article>span{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;font-weight:900}.health-summary .ok>span{background:#e9f8f1;color:#16835f}.health-summary .warning>span{background:#fff7d6;color:#806600}.health-summary .error>span{background:#fff0f6;color:#c0297e}.health-summary strong,.health-summary small{display:block}.health-summary strong{font-size:22px}.health-summary small{color:#83788f;font-size:9px}.health-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:15px;margin-top:15px}.health-groups{display:grid;gap:15px}.health-group{overflow:hidden}.health-group>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee8f7;padding:17px 20px}.health-group>header h3{margin:0;font-size:14px}.health-group>header span{color:#8a7d98;font-size:9px}.health-check{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;border-top:1px solid #f0ebf7;padding:15px 20px}.health-check:first-of-type{border-top:0}.health-check>i{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;font-style:normal;font-weight:900}.health-check.ok>i{background:#e9f8f1;color:#16835f}.health-check.warning>i{background:#fff7d6;color:#806600}.health-check.error>i{background:#fff0f6;color:#c0297e}.health-check h4{margin:1px 0 3px;font-size:11px}.health-check p{margin:0;color:#81758f;font-size:10px;line-height:1.45}.health-check .health-fix{display:block;margin-top:6px;color:#5825FA;font-size:9px}.health-check>span{align-self:center;border:1px solid #e6def3;border-radius:999px;background:#faf8ff;padding:5px 8px;color:#736681;font-size:8px;white-space:nowrap}.health-side{display:grid;gap:15px}.health-urls,.health-help{overflow:hidden}.health-urls>header{border-bottom:1px solid #eee8f7;padding:18px}.health-urls h3,.health-help h3{margin:0 0 5px;font-size:14px}.health-urls p,.health-help p{margin:0;color:#83778f;font-size:10px;line-height:1.55}.health-url{display:grid;gap:7px;border-top:1px solid #f0ebf7;padding:13px 17px}.health-url:first-child{border-top:0}.health-url>span{display:flex;align-items:center;justify-content:space-between;color:#756982;font-size:9px;font-weight:800}.health-url code{display:block;overflow:hidden;border-radius:8px;background:#f7f4ff;padding:8px;color:#493b5c;font:9px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.health-url button{justify-self:start;border:0;background:transparent;color:#5825FA;padding:0;font-size:9px;font-weight:800}.health-help{padding:19px}.health-help>span{display:grid;place-items:center;width:35px;height:35px;margin-bottom:13px;border-radius:11px;background:#f1ebff;color:#5825FA;font-weight:900}.health-help .text-link{margin-top:13px}.health-loading{display:grid;place-items:center;min-height:240px;padding:35px;text-align:center}.health-loading i{width:36px;height:36px;margin-bottom:13px;border:4px solid #eee8ff;border-top-color:#5825FA;border-radius:50%;animation:health-spin .8s linear infinite}.health-loading small{margin-top:4px;color:#8d8199}.health-empty{display:block;padding:18px;color:#8a7e96;font-size:10px}@keyframes health-spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.health-hero{grid-template-columns:auto 1fr}.health-actions{grid-column:1/-1;flex-direction:row}.health-layout{grid-template-columns:1fr}.health-side{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.health-hero{grid-template-columns:1fr;text-align:center}.health-score{margin:auto}.health-actions{flex-direction:column}.health-summary{grid-template-columns:1fr}.health-side{grid-template-columns:1fr}.health-check{grid-template-columns:auto 1fr}.health-check>span{grid-column:2;justify-self:start}.health-hero p{margin:auto}}

/* WHADD V0.7.2 — conexión empresarial guiada */
.connection-center-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;overflow:hidden;border-color:#dcd1fa;padding:24px;background:#fff}.connection-center-hero.connected{border-color:#ccebdd}.connection-center-mark{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:#5825fa;color:#ffcc00;font-size:31px;font-weight:900}.connection-center-hero h2{margin:6px 0;font-size:22px;letter-spacing:-.035em}.connection-center-hero p{max-width:760px;margin:0;color:#756b84;font-size:11px;line-height:1.55}.connection-state{border:1px solid #eadf9b;border-radius:999px;background:#fff8d8;padding:7px 11px;color:#705c00;font-size:9px;font-weight:900;text-transform:uppercase}.connection-state.connected{border-color:#bfe6d5;background:#edf9f4;color:#187657}.connection-state.error{border-color:#f1bddc;background:#fff0f8;color:#ae297f}
.connection-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:14px 0;background:#e8e1f4}.connection-progress article{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;background:#fff;padding:15px 17px}.connection-progress article:first-child{border-radius:14px 0 0 14px}.connection-progress article:last-child{border-radius:0 14px 14px 0}.connection-progress i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#f2eef7;color:#897e96;font-size:10px;font-style:normal;font-weight:900}.connection-progress strong,.connection-progress small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-progress strong{font-size:10px}.connection-progress small{margin-top:3px;color:#91879c;font-size:8px}.connection-progress article.done i{background:#5825fa;color:#fff}.connection-progress article.done strong{color:#5825fa}.connection-progress article.current{background:#faf8ff}.connection-progress article.current i{background:#ffcc00;color:#241747}
.connection-center-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;align-items:start;gap:15px}.connection-wizard-card{padding:24px}.connection-wizard-card>header{border-bottom:1px solid #eee8f7;padding-bottom:18px}.connection-wizard-card h3,.connection-summary-card h3,.connection-history-card h3{margin:6px 0 4px;font-size:17px}.connection-wizard-card header p,.connection-history-card header p{max-width:720px;margin:0;color:#80758c;font-size:10px;line-height:1.55}.connection-methods{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:18px}.connection-methods label{cursor:pointer}.connection-methods input{position:absolute;opacity:0;pointer-events:none}.connection-methods label>span{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:11px;min-height:104px;border:1px solid #e4dcef;border-radius:14px;background:#fff;padding:16px;transition:border-color .18s,background .18s}.connection-methods label>span>i{grid-row:1/3;display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#f1ebff;color:#5825fa;font-style:normal;font-weight:900}.connection-methods strong,.connection-methods small{display:block}.connection-methods strong{margin-top:2px;font-size:11px}.connection-methods small{color:#82778e;font-size:9px;line-height:1.45}.connection-methods input:checked+span{border:2px solid #5825fa;background:#faf8ff;padding:15px}.connection-methods input:checked+span>i{background:#5825fa;color:#ffcc00}.connection-preflight{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:17px;border-radius:13px;background:#f8f6fb;padding:14px}.connection-preflight>strong{grid-column:1/-1;color:#665a73;font-size:9px;text-transform:uppercase}.connection-preflight>div{display:flex;align-items:center;gap:7px;color:#8d7e95;font-size:8px}.connection-preflight>div i{display:grid;place-items:center;width:19px;height:19px;flex:none;border-radius:7px;background:#fff0f8;color:#b62982;font-style:normal;font-weight:900}.connection-preflight>div.done{color:#4f6f62}.connection-preflight>div.done i{background:#e9f8f1;color:#16835f}.connection-primary-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.connection-help{margin:12px 0 0;color:#7d7189;font-size:9px;line-height:1.5}.connection-center-side{display:grid;gap:15px}.connection-summary-card{overflow:hidden}.connection-summary-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eee8f7;padding:19px}.connection-summary-card>header>i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f1ebff;color:#5825fa;font-size:11px;font-style:normal;font-weight:900}.connection-summary-card>header>i.connected{background:#e9f8f1;color:#16835f}.connection-summary-card dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.connection-summary-card dl div{min-width:0;border-bottom:1px solid #f0ebf7;padding:13px 16px}.connection-summary-card dl div:nth-child(odd){border-right:1px solid #f0ebf7}.connection-summary-card dt{color:#958a9f;font-size:8px;text-transform:uppercase}.connection-summary-card dd{margin:5px 0 0;overflow:hidden;color:#3d3149;font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.connection-side-actions{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:14px 16px}.connection-side-actions button{border:0;background:transparent;padding:0;font-size:9px;font-weight:800}.connection-side-actions .danger-link{color:#b52d78}.connection-security-card{display:flex;align-items:flex-start;gap:12px;padding:17px}.connection-security-card>span{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:10px;background:#ffcc00;color:#241747;font-weight:900}.connection-security-card strong{display:block;font-size:10px}.connection-security-card p{margin:4px 0 0;color:#80758c;font-size:9px;line-height:1.5}
.connection-history-card{margin-top:15px;overflow:hidden}.connection-history-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid #eee8f7;padding:20px 22px}.connection-history-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border-top:1px solid #f0ebf7;padding:14px 21px}.connection-history-row:first-child{border-top:0}.connection-history-row>i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#f2eef7;color:#756982;font-style:normal;font-weight:900}.connection-history-row.success>i{background:#e9f8f1;color:#16835f}.connection-history-row.error>i{background:#fff0f8;color:#b62982}.connection-history-row.cancelled>i{background:#fff7d6;color:#806600}.connection-history-row strong,.connection-history-row small{display:block}.connection-history-row>span{min-width:0}.connection-history-row>span strong{font-size:10px}.connection-history-row>span small{margin-top:3px;overflow:hidden;color:#82768e;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.connection-history-row>em{text-align:right;font-style:normal}.connection-history-row>em b{display:block;color:#4e425a;font-size:8px;text-transform:uppercase}.connection-history-row>em small{margin-top:3px;color:#9a90a3;font-size:8px}.connection-history-empty{padding:32px;color:#8a7f95;font-size:10px;text-align:center}
@media(max-width:1100px){.connection-center-grid{grid-template-columns:1fr}.connection-center-side{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.connection-progress{grid-template-columns:1fr 1fr}.connection-progress article:first-child,.connection-progress article:last-child{border-radius:0}.connection-center-side{grid-template-columns:1fr}.connection-preflight{grid-template-columns:1fr}.connection-methods{grid-template-columns:1fr}}
@media(max-width:620px){.connection-center-hero{grid-template-columns:auto 1fr}.connection-center-hero>.connection-state{grid-column:1/-1;justify-self:start}.connection-progress{grid-template-columns:1fr}.connection-wizard-card{padding:17px}.connection-primary-actions{align-items:stretch;flex-direction:column}.connection-primary-actions .button{width:100%}.connection-history-row{grid-template-columns:auto 1fr}.connection-history-row>em{grid-column:2;text-align:left}.connection-summary-card dl{grid-template-columns:1fr}.connection-summary-card dl div:nth-child(odd){border-right:0}.connection-side-actions{align-items:flex-start;flex-direction:column}}