.marketing-view{background:linear-gradient(145deg,#f6f9fb,#edf4f7)}
.marketing-shell{width:min(1280px,100%);margin:auto;display:grid;gap:18px}
.marketing-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border-radius:18px;background:linear-gradient(135deg,#102f4d,#175f87 62%,#168da3);box-shadow:0 18px 45px #143a5526;color:#fff}
.marketing-hero h1{margin:5px 0 7px;font:900 clamp(26px,3vw,38px) Manrope}.marketing-hero p:last-child{max-width:680px;margin:0;color:#d4e7ef;font-size:11px;line-height:1.55}.marketing-hero>div:last-child{display:grid;gap:7px;min-width:250px}
.marketing-readiness{display:flex;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #ffffff32;border-radius:9px;background:#ffffff12;color:#d9edf3;font-size:8px}.marketing-readiness b{color:#fff}.marketing-readiness.is-configured{border-color:#79d4b4;background:#1a846044}.marketing-readiness.is-unavailable{border-color:#ffcf8b;background:#9d641b38}.marketing-readiness.is-checking{justify-content:center}
.marketing-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.marketing-metrics article,.marketing-audience-summary article{padding:17px 18px;border:1px solid #d8e4e9;border-radius:12px;background:#fff;box-shadow:0 7px 20px #1732470b}.marketing-metrics span,.marketing-metrics strong,.marketing-metrics small,.marketing-audience-summary span,.marketing-audience-summary strong,.marketing-audience-summary small{display:block}.marketing-metrics span,.marketing-audience-summary span{color:#66808d;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.marketing-metrics strong,.marketing-audience-summary strong{margin:6px 0 3px;color:#173247;font:900 25px Manrope}.marketing-metrics small,.marketing-audience-summary small{color:#718590;font-size:8px;line-height:1.4}
.marketing-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}.marketing-composer,.marketing-guardrails,.marketing-history{border:1px solid #d5e3e8;border-radius:14px;background:#fff;box-shadow:0 9px 28px #1732470d}.marketing-composer{padding:23px}.marketing-composer>header,.marketing-history>header{display:flex;justify-content:space-between;gap:18px;align-items:start;padding-bottom:17px;border-bottom:1px solid #e5ecef}.marketing-composer h2,.marketing-guardrails h2,.marketing-history h2{margin:4px 0 0;color:#173247;font:900 19px Manrope}.marketing-composer>header label{width:210px;margin:0}.marketing-composer label{color:#53707f}.marketing-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.marketing-form-grid label{margin:0}.marketing-form-grid .wide{grid-column:1/-1}.marketing-form-grid textarea{resize:vertical;line-height:1.55}.marketing-form-grid label small{display:block;margin-top:6px;color:#7b8e98;font-size:8px}.marketing-interest,.marketing-job-type{display:none!important}.marketing-composer.is-interest .marketing-interest,.marketing-composer.is-job-type .marketing-job-type{display:block!important}
.marketing-audience-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:17px}.marketing-audience-summary article{box-shadow:none;background:#f7fafb}.marketing-audience-summary strong{font-size:21px}.marketing-composer>footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding-top:17px;border-top:1px solid #e5ecef}.marketing-composer>footer p{margin:0;color:#617987;font-size:9px}.marketing-composer>footer button{white-space:nowrap}
.marketing-guardrails{padding:21px;position:sticky;top:88px}.marketing-guardrails ol{display:grid;gap:9px;margin:17px 0;padding:0;list-style:none;counter-reset:safeguard}.marketing-guardrails li{display:grid;grid-template-columns:29px 1fr;gap:9px;padding:10px;border-radius:9px;background:#f4f8fa;counter-increment:safeguard}.marketing-guardrails li:before{content:counter(safeguard);display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#dceff4;color:#126d80;font-size:9px;font-weight:900}.marketing-guardrails li b,.marketing-guardrails li span{display:block;grid-column:2}.marketing-guardrails li b{font-size:9px;color:#244a5d}.marketing-guardrails li span{margin-top:-6px;color:#718692;font-size:8px;line-height:1.45}.marketing-exclusions{display:grid;gap:7px;padding-top:14px;border-top:1px solid #e3ebee}.marketing-exclusions>strong{font:800 10px Manrope;color:#244a5d}.marketing-exclusions>span{display:grid;grid-template-columns:24px 1fr;gap:7px;align-items:center;color:#6a7e89;font-size:8px}.marketing-exclusions>span b{display:grid;place-items:center;height:21px;border-radius:6px;background:#f5e8dc;color:#a06129}.marketing-exclusions p{margin:0;color:#69808b;font-size:8px}
.marketing-history{padding:23px}.marketing-history>header{margin-bottom:12px}.marketing-campaign-card{border:1px solid #dce7eb;border-radius:10px;background:#fbfcfd;margin-top:9px;overflow:hidden}.marketing-campaign-card summary{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 15px;cursor:pointer;list-style:none}.marketing-campaign-card summary::-webkit-details-marker{display:none}.marketing-campaign-card summary span{display:grid;grid-template-columns:auto 1fr;gap:4px 9px;min-width:0}.marketing-campaign-card summary b{align-self:center;padding:4px 7px;border-radius:20px;background:#e4f3eb;color:#397657;font-size:7px;text-transform:uppercase}.marketing-campaign-card summary strong{color:#213f50;font:800 11px Manrope}.marketing-campaign-card summary small{grid-column:1/-1;color:#778b95;font-size:8px}.marketing-campaign-card summary i{color:#176c8b;font-size:8px;font-style:normal;font-weight:800}.marketing-campaign-card>div{padding:0 15px 15px;border-top:1px solid #e4ecef}.marketing-campaign-card dl{display:flex;gap:8px;margin:13px 0}.marketing-campaign-card dl div{display:flex;gap:7px;padding:7px 9px;border-radius:7px;background:#eef5f7;font-size:8px}.marketing-campaign-card dt{color:#657e8b}.marketing-campaign-card dd{margin:0;font-weight:900}.marketing-campaign-card p{font-size:9px}.marketing-campaign-card pre,.marketing-review-copy pre{margin:8px 0;padding:11px;border-radius:8px;background:#f4f7f8;color:#496474;font:9px/1.55 "DM Sans";white-space:pre-wrap}.marketing-campaign-actions{display:flex;justify-content:flex-end}.marketing-empty{margin:0;padding:30px;text-align:center;color:#6d818b;font-size:9px}
.marketing-review-dialog{width:min(820px,calc(100% - 24px));max-height:92vh}.marketing-review-dialog form{padding:0;max-height:90vh;overflow:auto}.marketing-review-dialog header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:20px;padding:21px 23px;background:linear-gradient(135deg,#102f4d,#176c93);color:#fff}.marketing-review-dialog header h2{margin:4px 0;font:900 22px Manrope}.marketing-review-dialog header p:last-child{margin:0;color:#cde3ec;font-size:9px}.marketing-review-dialog header .close{background:#ffffff1d;color:#fff}.marketing-review-copy{padding:17px 22px;border-bottom:1px solid #e0e9ed}.marketing-review-copy>strong{color:#274b5e;font-size:10px}.marketing-recipient-list{display:grid;gap:7px;max-height:340px;overflow:auto;padding:14px 22px}.marketing-recipient-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:11px 12px;border:1px solid #dce7eb;border-radius:9px;background:#fbfcfd}.marketing-recipient-list article span strong,.marketing-recipient-list article span small{display:block}.marketing-recipient-list article span strong{color:#234456;font-size:10px}.marketing-recipient-list article span small,.marketing-recipient-list article>small{color:#768a95;font-size:8px}.marketing-recipient-list article>b{padding:4px 7px;border-radius:20px;background:#e1f0f4;color:#176d85;font-size:7px}.marketing-recipient-list article>small{grid-column:1/-1}.marketing-confirm{display:flex!important;gap:10px;align-items:start;margin:0 22px 16px!important;padding:13px;border:1px solid #efd098;border-radius:9px;background:#fff7e7;color:#624b24!important;line-height:1.5}.marketing-confirm input{width:auto!important;margin:1px 0 0!important}.marketing-review-dialog footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;padding:15px 22px;border-top:1px solid #dfe8ec;background:#fff}
@media(max-width:980px){.marketing-grid{grid-template-columns:1fr}.marketing-guardrails{position:static}.marketing-guardrails ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.marketing-hero,.marketing-composer>header,.marketing-composer>footer{align-items:stretch;flex-direction:column}.marketing-hero>div:last-child,.marketing-composer>header label{width:auto;min-width:0}.marketing-metrics,.marketing-audience-summary,.marketing-form-grid{grid-template-columns:1fr}.marketing-form-grid .wide{grid-column:auto}.marketing-guardrails ol{grid-template-columns:1fr}.marketing-composer,.marketing-guardrails,.marketing-history{padding:16px}.marketing-composer>footer button{width:100%}.marketing-campaign-card summary{align-items:flex-start}.marketing-recipient-list article{grid-template-columns:1fr}.marketing-recipient-list article>b{justify-self:start}}