:root{--navy:#071f2e;--ink:#10243a;--blue:#168bd8;--line:#dce6ec;--pale:#f3f7fa;--muted:#748497;--green:#16956d;--red:#c84646;--amber:#d48c24}
*{box-sizing:border-box}
body{margin:0;background:var(--pale);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:14px}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.shell{min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:var(--navy);color:#dce8ef;padding:22px 16px;display:flex;flex-direction:column;z-index:10}
.brand,.install-brand{display:flex;align-items:center;gap:11px}
.brand{padding:0 8px 25px}
.brand>span,.install-brand>span{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#51b6ed,#1679c4);display:grid;place-items:center;color:#fff;font-size:20px;font-weight:900}
.brand div,.install-brand div{display:flex;flex-direction:column}
.brand b,.install-brand b{font-size:18px}
.brand small,.install-brand small{font-size:8px;letter-spacing:.24em;color:#65b9ec}
.nav{display:flex;flex-direction:column;gap:4px}
.nav a{display:flex;align-items:center;gap:11px;padding:12px;border-radius:11px;color:#98adba;font-size:12px;font-weight:700}
.nav a:hover{background:#ffffff0c;color:#fff}
.nav a.active{background:var(--blue);color:#fff}
.nav i{width:20px;text-align:center;font-style:normal}
.side-foot{margin-top:auto;border-top:1px solid #ffffff15;padding:14px 8px 0}
.side-foot b{display:block;font-size:11px}
.side-foot small{color:#7892a3;font-size:9px}
.side-foot a{display:block;margin-top:12px;color:#9eb0bc;font-size:10px}
.main{margin-left:245px;min-height:100vh}
.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:5}
.topbar small{color:var(--muted)}
.topbar strong{margin-left:8px}
.topbar .actions{margin-left:auto;display:flex;gap:8px}
.content{max-width:1480px;margin:auto;padding:28px}
.heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}
.heading h1{font-size:26px;margin:0;letter-spacing:-.04em}
.heading p{margin:6px 0 0;color:var(--muted);font-size:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:10px 15px;font-size:11px;font-weight:800;cursor:pointer}
.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 8px 18px #168bd829}
.btn.danger{color:var(--red);border-color:#ebcaca}
.btn.small{padding:7px 10px;font-size:9px}
.card{background:#fff;border:1px solid var(--line);border-radius:17px}
.grid{display:grid;gap:16px}
.metrics{grid-template-columns:repeat(4,1fr);margin-bottom:18px}
.metric{padding:19px}
.metric small{display:block;color:var(--muted);font-size:9px}
.metric b{display:block;font-size:23px;margin:6px 0 2px}
.metric em{font-style:normal;font-size:8px;color:var(--green)}
.hero{padding:30px;background:linear-gradient(120deg,#09283b,#0d4565);color:#fff;margin-bottom:18px;overflow:hidden;position:relative}
.hero:after{content:"";position:absolute;width:260px;height:260px;border:1px solid #ffffff14;border-radius:50%;right:8%;top:-70px;box-shadow:0 0 0 55px #ffffff08}
.hero .kicker{color:#69c5f2}
.hero h2{font-size:24px;margin:12px 0 8px}
.hero p{color:#bdd5e1;max-width:680px;line-height:1.7;font-size:12px}
.kicker{font-size:9px;letter-spacing:.18em;font-weight:900;color:var(--blue);margin:0}
.panel{padding:20px}
.panel h2{font-size:15px;margin:5px 0 16px}
.two{grid-template-columns:1.3fr .7fr}
.three{grid-template-columns:repeat(3,1fr)}
.six{grid-template-columns:repeat(6,1fr)}
.table-wrap{overflow:auto}
.table{width:100%;border-collapse:collapse;min-width:760px}
.table th{background:#f7f9fb;color:#778797;text-align:left;text-transform:uppercase;letter-spacing:.08em;font-size:8px;padding:12px 15px}
.table td{border-top:1px solid #edf2f5;padding:13px 15px;font-size:10px;vertical-align:middle}
.table td strong{font-size:10px}
.badge{display:inline-block;border-radius:20px;padding:5px 8px;font-size:8px;font-weight:800;background:#edf3f6;color:#5d7281}
.badge.green{background:#e7f7f0;color:#127b59}
.badge.amber{background:#fff3df;color:#a96c15}
.badge.red{background:#fbe9e9;color:#a63c3c}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.toolbar input{min-width:260px;flex:1}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-grid .wide{grid-column:1/-1}
label{font-size:10px;font-weight:800;color:#44596b}
input,select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #ccd9e1;border-radius:10px;background:#fff;padding:11px 12px;font-size:11px;color:var(--ink)}
textarea{min-height:115px;resize:vertical}
label small{display:block;color:var(--muted);font-weight:400;margin-top:4px}
.alert{padding:12px 14px;border-radius:11px;margin-bottom:16px;font-size:10px}
.alert.success{background:#e7f7f0;color:#126e51}
.alert.error{background:#fbe9e9;color:#9e3535}
.empty{text-align:center;padding:50px 20px;color:var(--muted)}
.pipeline{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:12px;overflow:auto}
.pipe{background:#e9f0f4;border-radius:15px;padding:12px;min-height:420px}
.pipe h3{font-size:10px;margin:3px 0 12px}
.lead-card{background:#fff;border:1px solid #d9e4ea;border-radius:11px;padding:11px;margin-bottom:8px}
.lead-card b{font-size:9px}
.lead-card small{display:block;color:var(--muted);font-size:8px;margin-top:3px}
.funnel{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:20px}
.funnel div{text-align:center;position:relative}
.funnel div:not(:last-child):after{content:"›";position:absolute;right:-3px;top:12px;color:#aebbc4;font-size:22px}
.funnel span{display:grid;width:42px;height:42px;place-items:center;margin:auto;background:#e7f4fc;color:var(--blue);border-radius:12px;font-weight:900}
.funnel b{display:block;font-size:20px;margin-top:9px}
.funnel small{font-size:8px;color:var(--muted)}
.warning{background:#fff6e7;border:1px solid #edd5a9;color:#775317;padding:13px;border-radius:11px;font-size:9px;line-height:1.6;margin-top:20px}
.integration{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e4ebef;border-radius:11px;margin-top:9px}
.integration span{flex:1}
.integration b{display:block;font-size:9px}
.integration small{font-size:8px}
.utm{background:#071f2e;color:#bce6fb;border-radius:11px;padding:14px;font:9px/1.8 monospace;word-break:break-all}
.calendar{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));min-width:800px}
.day{min-height:380px;border-right:1px solid var(--line);background:#f9fbfc;padding:10px}
.day:last-child{border:0}
.day h3{text-align:center;font-size:9px}
.content-card{background:#fff;border:1px solid var(--line);border-left:3px solid var(--blue);padding:10px;border-radius:9px;margin-top:10px}
.content-card b{font-size:9px}
.content-card small{display:block;color:var(--muted);font-size:7px;margin-top:4px}
.install-body,.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 20%,#dff2fd,transparent 35%),#f3f7fa;padding:22px}
.install-card,.login-card{width:min(720px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:0 25px 70px #12364d1c}
.login-card{width:min(430px,100%)}
.install-brand{margin-bottom:28px}
.install-card h1,.login-card h1{font-size:25px;margin:7px 0}
.muted{color:var(--muted);font-size:11px;line-height:1.6}
.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.wide{grid-column:1/-1}
.success-box{text-align:center;padding:25px}
.source-detail{font-size:8px;color:#60798a}
.progress{height:7px;background:#edf2f5;border-radius:9px;overflow:hidden}
.progress i{display:block;height:100%;background:linear-gradient(90deg,#e1a52d,#16956d)}
.mobile-toggle{display:none}
.footer-note{text-align:center;color:#8b9aa7;font-size:8px;padding:20px}
.public-page{min-height:100vh;background:#f3f7fa}
.landing-hero{background:linear-gradient(120deg,#071f2e,#0e4b6d);color:#fff;padding:70px 20px}
.landing-inner{max-width:1040px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.landing-hero h1{font-size:44px;line-height:1.08;margin:12px 0 16px}
.landing-hero p{color:#c4dae5;line-height:1.7}
.lead-form{background:#fff;color:var(--ink);padding:25px;border-radius:20px;box-shadow:0 20px 60px #00152038}
.lead-form h2{margin:0 0 8px}
.lead-form label{display:block;margin-top:11px}
.consent{display:flex;align-items:flex-start;gap:8px;margin:12px 0;color:#617585;font-size:9px}
.consent input{width:auto;margin:1px 0}
.landing-body{max-width:820px;margin:0 auto;padding:45px 20px;font-size:15px;line-height:1.8}
.thank-you{text-align:center;padding:70px 20px}
.thank-you span{display:grid;place-items:center;margin:auto;width:60px;height:60px;border-radius:50%;background:#e7f7f0;color:var(--green);font-size:26px}
.login-error{color:var(--red);font-size:10px;margin:10px 0}
@media(max-width:1050px){.six{grid-template-columns:repeat(3,1fr)}
.three{grid-template-columns:1fr 1fr}
.metrics{grid-template-columns:1fr 1fr}
.two{grid-template-columns:1fr}
}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}
.sidebar.open{transform:none}
.main{margin-left:0}
.mobile-toggle{display:block;margin-right:10px}
.content{padding:18px 14px}
.topbar{padding:0 14px}
.metrics,.three,.six{grid-template-columns:1fr 1fr}
.funnel{grid-template-columns:1fr;gap:18px}
.funnel div:not(:last-child):after{content:"⌄";right:50%;top:auto;bottom:-20px}
.form-grid,.install-grid,.landing-inner{grid-template-columns:1fr}
.wide{grid-column:auto}
.landing-hero h1{font-size:33px}
.pipeline{grid-template-columns:repeat(5,210px)}
}
.strategy-intro{padding:26px 30px;background:linear-gradient(120deg,#071f2e,#0d4b6d);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:16px}.strategy-intro h2{font-size:22px;margin:8px 0}.strategy-intro p{color:#bfd4df;line-height:1.6;margin:0;max-width:720px}.strategy-flow{display:flex;align-items:center;gap:9px;white-space:nowrap}.strategy-flow span{width:62px;height:62px;display:grid;place-items:center;text-align:center;background:#ffffff12;border:1px solid #ffffff1f;border-radius:15px;font-weight:900}.strategy-flow small{font-size:7px;color:#9fd8f4}.strategy-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.strategy-tabs a{padding:15px;display:flex;gap:11px;align-items:center}.strategy-tabs a>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e8f5fc;color:var(--blue);font-weight:900}.strategy-tabs a b{display:block;font-size:10px}.strategy-tabs a small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.strategy-tabs a.active{border-color:var(--blue);box-shadow:0 8px 25px #168bd817}.strategy-tabs a.active>span{background:var(--blue);color:#fff}.strategy-layout{grid-template-columns:minmax(0,1fr) 330px}.strategy-layout aside{display:grid;gap:16px;align-content:start}.strategy-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.strategy-form label textarea{min-height:170px;line-height:1.55}.strategy-form .strategy-summary{grid-column:1/-1}.strategy-form .strategy-summary textarea{min-height:90px}.strategy-form>button,.strategy-form>label:last-of-type{grid-column:1/-1}.strategy-ai{background:linear-gradient(150deg,#eef8fe,#fff)}.strategy-rules ul{padding-left:18px;color:#64798a;font-size:10px;line-height:1.8}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}@media(max-width:1050px){.strategy-intro{display:block}.strategy-flow{margin-top:20px}.strategy-layout{grid-template-columns:1fr}.strategy-tabs{grid-template-columns:1fr 1fr}}@media(max-width:760px){.strategy-flow{overflow:auto}.strategy-tabs{grid-template-columns:1fr}.strategy-form{grid-template-columns:1fr}.strategy-form .strategy-summary{grid-column:auto}}
.field-help{position:relative;display:inline-grid;place-items:center;width:18px;height:18px;margin-left:5px;padding:0;border:1px solid #a9bfcc;border-radius:50%;background:#eef7fc;color:#0e75b8;font:800 11px/1 Arial;vertical-align:middle;cursor:help}
.field-help:after{content:attr(data-help);position:absolute;z-index:80;left:50%;bottom:calc(100% + 9px);width:250px;padding:10px 12px;border-radius:9px;background:#071f2e;color:#fff;font:500 12px/1.45 Inter,Arial,sans-serif;text-align:left;box-shadow:0 10px 30px #071f2e33;opacity:0;visibility:hidden;transform:translate(-50%,5px);transition:.15s;pointer-events:none}
.field-help:before{content:"";position:absolute;z-index:81;left:50%;bottom:calc(100% + 4px);border:5px solid transparent;border-top-color:#071f2e;opacity:0;visibility:hidden;transform:translateX(-50%)}
.field-help:hover:after,.field-help:hover:before,.field-help:focus:after,.field-help:focus:before,.field-help.open:after,.field-help.open:before{opacity:1;visibility:visible}.field-help:hover:after,.field-help:focus:after,.field-help.open:after{transform:translate(-50%,0)}
.automation-intro{background:linear-gradient(120deg,#071f2e,#0d4b6d);color:#fff}.automation-intro h2{font-size:22px;margin:7px 0}.automation-intro .muted{color:#bed7e3}.automation-flow{display:flex;align-items:center;gap:10px;margin-top:20px;overflow:auto}.automation-flow span{display:flex;align-items:center;gap:8px;min-width:130px;padding:11px 14px;border:1px solid #ffffff24;border-radius:12px;background:#ffffff0c;font-weight:800}.automation-flow span b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#168bd8;color:#fff}.automation-flow i{font-style:normal;color:#68bce9}
.automation-builder{margin-top:16px;overflow:visible}.automation-step{display:grid;grid-template-columns:48px 1fr;border-bottom:1px solid var(--line)}.automation-step:last-child{border-bottom:0}.step-number{display:grid;place-items:start center;padding-top:24px;background:#f7fafc;color:var(--blue);font-size:18px;font-weight:900}.step-content{padding:24px}.step-content h2{margin:5px 0 18px}.check-label{display:flex;align-items:center;gap:9px}.check-label input{width:auto;margin:0}.check-label>span{display:inline}.automation-action-row{display:grid;grid-template-columns:34px 1fr 34px;gap:12px;align-items:start;padding:14px;margin-top:10px;border:1px solid var(--line);border-radius:13px;background:#f9fbfc}.action-order{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e6f4fc;color:var(--blue);font-weight:900}.action-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.remove-action{width:30px;height:30px;border:1px solid #eccaca;border-radius:9px;background:#fff;color:var(--red);font-size:18px;cursor:pointer}.inline-fields{display:grid;grid-template-columns:90px 1fr;gap:8px}.inline-fields input,.inline-fields select{margin-top:6px}.automation-save{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}
@media(max-width:900px){.action-fields{grid-template-columns:1fr}.automation-step{grid-template-columns:38px 1fr}.step-content{padding:18px}.field-help:after{left:auto;right:-10px;transform:none;width:min(250px,70vw)}.field-help:hover:after,.field-help:focus:after,.field-help.open:after{transform:none}}
.campaign-intro{background:linear-gradient(120deg,#eef8fe,#fff)}.campaign-intro h2{max-width:850px;font-size:18px;line-height:1.4}.campaign-tabs{display:flex;gap:8px;margin:16px 0}.campaign-tabs button{min-width:130px;padding:11px 18px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font-weight:800;cursor:pointer}.campaign-tabs button.active{background:var(--blue);border-color:var(--blue);color:#fff}.campaign-editor{max-width:940px}.campaign-editor[hidden]{display:none}
.campaign-workspace{overflow:hidden}.campaign-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 30px;background:linear-gradient(120deg,#071f2e,#0b5277);color:#fff}.campaign-header h2{margin:6px 0 8px;font-size:24px}.campaign-header p{margin:0;color:#c5dce7;font-size:14px}.campaign-header .kicker{color:#70caf4;font-size:11px}.campaign-workspace>.campaign-tabs{margin:0;padding:16px 30px;border-bottom:1px solid var(--line);background:#f7fafc}.campaign-tabs button{font-size:14px}.campaign-workspace>[data-campaign-panel]{padding:28px 30px}.campaign-workspace>[data-campaign-panel][hidden]{display:none}.campaign-form{max-width:1040px}.campaign-identity{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:20px}.campaign-form label,.message-delay>span{font-size:14px}.campaign-form input,.campaign-form select,.campaign-form textarea{font-size:15px;padding:13px 14px}.sequence-summary{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:center;padding:16px 18px;margin-bottom:18px;border:1px solid #bedbed;border-radius:14px;background:#eef8fe}.sequence-summary[hidden]{display:none}.sequence-summary div{padding-right:18px;border-right:1px solid #cfe3ee}.sequence-summary small{display:block;color:#647c8d;font-size:12px}.sequence-summary b{display:block;margin-top:3px;font-size:16px}.campaign-message-list{display:grid;gap:16px}.campaign-message-card{border:1px solid #d5e2e9;border-radius:16px;background:#fff;box-shadow:0 8px 24px #0b354b0a;overflow:hidden}.campaign-message-card[hidden]{display:none}.campaign-message-card>header{display:flex;align-items:center;gap:12px;padding:15px 18px;background:#f6f9fb;border-bottom:1px solid #e3ebef}.campaign-message-card>header>div{flex:1}.campaign-message-card>header b{display:block;font-size:15px}.campaign-message-card>header small{display:block;margin-top:2px;color:#6e8290;font-size:12px}.message-number{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--blue);color:#fff;font-size:15px;font-weight:900}.remove-message{width:34px;height:34px;border:1px solid #ebcaca;border-radius:9px;background:#fff;color:#a33b3b;font-size:20px;cursor:pointer}.message-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px}.message-fields textarea{min-height:190px;line-height:1.6}.message-delay{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px;background:#fff9ed;border-bottom:1px solid #f0dfbd}.message-delay[hidden]{display:none}.message-delay>div{display:grid;grid-template-columns:110px 150px;gap:8px}.message-delay input,.message-delay select{margin:0}.campaign-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.campaign-form-actions .btn{min-width:170px}.campaign-library{margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}.library-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.library-heading h2{margin:5px 0;font-size:20px}.library-heading>span{padding:7px 10px;border-radius:20px;background:#edf4f7;color:#597181;font-size:12px;font-weight:800}.campaign-list{display:grid;gap:9px}.campaign-list>article{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:#fff}.campaign-type-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e8f5fc;color:#087bbb;font-size:18px}.campaign-type-icon.whatsapp{background:#e6f8ef;color:#168456}.campaign-list-main>b{display:block;font-size:15px}.campaign-list-main>small{display:block;margin:3px 0 7px;color:#6c808e;font-size:12px}.campaign-list-main>div{display:flex;gap:12px;align-items:center;color:#687d8c;font-size:12px}.campaign-list-main .badge{font-size:10px}.campaign-list .btn{font-size:12px;padding:9px 15px}
@media(max-width:760px){.campaign-header{display:block;padding:22px 18px}.campaign-header .btn{margin-top:16px}.campaign-workspace>.campaign-tabs,.campaign-workspace>[data-campaign-panel]{padding-left:16px;padding-right:16px}.campaign-identity,.message-fields{grid-template-columns:1fr}.sequence-summary{grid-template-columns:1fr}.sequence-summary div{border-right:0}.sequence-summary .btn{width:100%}.message-delay{display:block}.message-delay>div{grid-template-columns:1fr 1fr;margin-top:8px}.campaign-list>article{grid-template-columns:42px 1fr}.campaign-list>article>.btn{grid-column:1/-1}.campaign-list-main>div{flex-wrap:wrap}}
.campaign-ai-studio{padding:24px 30px;border-bottom:1px solid #cfe3ee;background:linear-gradient(135deg,#eef8fe,#f8fcff)}.campaign-ai-studio[hidden]{display:none}.ai-studio-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.ai-studio-heading h2{font-size:21px;margin:5px 0}.ai-studio-heading p{margin:0;color:#617888;font-size:14px}.ai-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.ai-template-grid label{display:block;cursor:pointer}.ai-template-grid label:last-child{grid-column:1/-1}.ai-template-grid input{position:absolute;opacity:0;pointer-events:none}.ai-template-grid span{display:block;height:100%;padding:16px;border:2px solid #d5e3eb;border-radius:14px;background:#fff}.ai-template-grid b{display:block;font-size:14px}.ai-template-grid small{display:block;margin-top:6px;color:#647b8b;font-size:12px;line-height:1.45}.ai-template-grid input:checked+span{border-color:var(--blue);box-shadow:0 0 0 3px #168bd817;background:#f7fcff}.campaign-ai-fields{display:grid;grid-template-columns:1.3fr 1fr 150px;gap:14px}.campaign-ai-fields .wide{grid-column:1/-1}.campaign-ai-fields label{font-size:14px}.campaign-ai-fields input,.campaign-ai-fields select,.campaign-ai-fields textarea{font-size:14px}.ai-generate-campaign{margin-top:14px;min-width:260px}.message-image-options{display:grid;grid-template-columns:1fr 1.5fr;gap:14px;padding:16px;border:1px dashed #afcad9;border-radius:13px;background:#f6fbfe}.message-image-options[hidden]{display:none}.image-ai-row{display:grid;grid-template-columns:1fr auto;gap:8px}.image-ai-row .btn{margin-top:6px;white-space:nowrap}.campaign-image-preview{grid-column:1/-1;padding:10px;border-radius:12px;background:#fff;text-align:center}.campaign-image-preview[hidden]{display:none}.campaign-image-preview img{max-width:100%;max-height:360px;border-radius:10px;object-fit:contain}.email-footer-preview{margin:0 18px 18px;padding:12px;border:1px solid #dce6ec;border-radius:12px;background:#fbfcfd}.email-footer-preview>small{display:block;color:#6d8290;text-align:center;font-size:10px;font-weight:800;letter-spacing:.08em}.email-branding{margin-top:22px;border:1px solid #d7e4eb;border-radius:14px;background:#fff}.email-branding summary{padding:16px 18px;font-size:14px;font-weight:800;cursor:pointer}.email-branding form{padding:0 18px 18px}.email-branding .email-footer-preview{margin:12px 0}.linked-automations select[multiple]{min-height:120px;padding:8px}.linked-automations select[multiple] option{padding:8px;border-radius:7px;margin:2px 0;font-size:12px}.linked-automations select[multiple] option:checked{background:linear-gradient(var(--blue),var(--blue));color:#fff}
.message-test-actions{display:flex;flex-wrap:wrap;gap:10px;padding:0 18px 18px}.message-test-actions .test-send{border-color:#168bd8;color:#0877bd;background:#eef8ff}.campaign-modal-backdrop{position:fixed;inset:0;background:#071f2ecc;z-index:1000}.campaign-modal-box{position:fixed;z-index:1001;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,calc(100% - 30px));max-height:90vh;overflow:auto;background:#f5f8fa;border-radius:18px;box-shadow:0 24px 80px #0005}.campaign-modal-box>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border-bottom:1px solid #dce6ec}.campaign-modal-box>header b,.campaign-modal-box>header small{display:block}.campaign-modal-box>header small{margin-top:3px;color:#6d8290}.campaign-modal-box>header button{border:0;background:#edf3f6;border-radius:50%;width:34px;height:34px;font-size:22px;cursor:pointer}.campaign-modal-content{padding:24px}.campaign-email-render{max-width:680px;margin:auto;padding:32px;background:#fff;border-radius:12px;box-shadow:0 5px 22px #082b3e12}.campaign-preview-image{display:block;width:100%;max-height:390px;object-fit:cover;margin:0 auto 24px;border-radius:12px}.campaign-preview-copy{font:16px/1.65 Arial,sans-serif;color:#102b3a}.campaign-preview-button{display:block;width:max-content;margin:26px auto;padding:13px 24px;border-radius:8px;background:#168bd8;color:#fff;text-decoration:none;font-weight:800}
@media(max-width:760px){.ai-template-grid,.campaign-ai-fields,.message-image-options{grid-template-columns:1fr}.campaign-ai-studio{padding:20px 16px}.ai-generate-campaign{width:100%;min-width:0}.image-ai-row{grid-template-columns:1fr}.campaign-header h2{font-size:21px}.campaign-header p{font-size:13px}.campaign-modal-content{padding:10px}.campaign-email-render{padding:18px}.message-test-actions{flex-direction:column}.message-test-actions .btn{width:100%}}