.campaign-workspace{display:grid;gap:18px;min-width:0}.campaign-workspace .panel{margin:0;padding:22px;min-width:0}.composer-heading,.composer-section-title,.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.composer-heading h2{font-size:30px;margin:0}.composer-heading p{margin:8px 0 0}.composer-section-title h3{margin:0}.composer-section-title{margin-bottom:20px}.composer-section-title>span,#draft-save-state{font-size:12px;color:var(--muted,#a2adbc)}.composer-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.composer-metrics section{background:#0d1016;border:1px solid #ffffff12;border-radius:18px;padding:18px}.composer-metrics small{display:block;color:#929dac;font-weight:700;letter-spacing:1.3px;margin-bottom:10px}.composer-metrics strong{font-size:20px}.composer-columns{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.composer-aside{display:grid;gap:18px;position:static;width:auto;height:auto;background:none;border:0;padding:0}.composer-aside p{font-size:13px;line-height:1.8}.composer-main>label{margin:20px 0 10px}.composer-main .grid{margin:0}.composer-main input,.composer-main select{width:100%}.composer-rich-editor{border:1px solid #ffffff18;border-radius:20px;overflow:hidden;background:#393b40}.composer-menu,.composer-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 16px;border-bottom:1px solid #ffffff12}.composer-menu>span{font-size:12px;color:#aab6c6;margin-left:auto}.composer-toolbar button{min-width:34px}.composer-rich-editor iframe{display:block;width:100%;height:520px;border:0;background:#eef2f7}.composer-warning{background:#35182055;border:1px solid #e4545440;border-radius:16px;padding:16px;color:#ffcbcb;margin:0}#composer-checks{list-style:none;padding:0;margin:0;display:grid;gap:12px}#composer-checks li{border:1px solid #ffffff12;background:#ffffff03;border-radius:16px;padding:16px;display:flex;align-items:center;gap:10px;font-size:13px}#composer-checks .ready span{color:#18ce8d}#composer-checks .waiting span{color:#f5bf4f}.composer-dropzone{margin-top:24px;border:2px dashed #a96329;border-radius:20px;padding:28px;display:flex;align-items:center;gap:18px;background:#fa792909;cursor:pointer;position:relative}.composer-dropzone:hover,.composer-dropzone.dragging{background:#fa792916;border-color:#ff851d}.composer-dropzone:focus-visible{outline:3px solid #7f91ff;outline-offset:3px}.composer-dropzone strong{font-size:17px}.composer-dropzone small{display:block;margin-top:8px;color:#a5b1c0;line-height:1.6}.upload-symbol{background:#ff851d18;color:#ff851d;border-radius:16px;padding:15px;font-size:26px}.composer-delimiter{max-width:240px;margin-top:15px}.composer-upload-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:18px}.composer-empty{min-height:180px;display:grid;place-content:center;text-align:center;color:#9dacbf;font-size:14px}.composer-file{border:1px solid #ffffff15;border-radius:16px;padding:18px;overflow-wrap:anywhere}.composer-scan-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.composer-scan-numbers>div{text-align:center;border:1px solid #ffffff15;border-radius:15px;padding:16px 6px}.composer-scan-numbers strong{display:block;font-size:24px;color:#20cf92}.composer-scan-numbers small{display:block;color:#9aa8bc;font-size:10px;text-transform:uppercase;letter-spacing:.6px;margin-top:10px}.composer-domains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}.composer-domains>div{border:1px solid #7389ff55;border-radius:16px;padding:20px 8px;text-align:center;overflow-wrap:anywhere}.composer-domains strong{display:block;color:#7e93ff;font-size:26px}.composer-domains span{font-size:12px}.composer-import-button{width:100%;margin-top:16px;background:#ff851d!important;color:#17100a!important}.composer-footer{position:sticky;bottom:8px;z-index:2;box-shadow:0 12px 30px #0007}.composer-footer>span{font-size:13px;color:#a1afc3}.campaign-title-link{border:0!important;background:none!important;color:#ff922e!important;padding:0!important;text-align:left;font-size:14px;font-weight:800;box-shadow:none!important}.campaign-title-link:hover{text-decoration:underline}.composer-source-dialog{width:min(900px,90vw);max-width:90vw}.composer-source-dialog textarea{font-family:Consolas,monospace;font-size:13px;max-height:55vh}.campaign-workspace [hidden]{display:none!important}
.campaign-workspace div.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.campaign-workspace div.grid>.wide{grid-column:1/-1}.composer-import{scroll-margin-top:52px}.composer-toolbar label{display:flex;align-items:center;gap:6px;margin:0;font-size:12px}.composer-toolbar select{width:95px;padding:8px}.composer-toolbar input[type=color]{width:34px;height:34px;padding:3px}.campaign-workspace button:not(.secondary):not(.campaign-title-link){color:#fff}.composer-import-button{color:#17100a!important}
@media(max-width:1200px){.composer-columns{grid-template-columns:minmax(0,1fr) 260px}.composer-upload-grid{grid-template-columns:1fr}}
@media(max-width:900px){.composer-columns{grid-template-columns:1fr}.composer-aside{grid-template-columns:1fr 1fr}.composer-footer{position:static}}
@media(max-width:600px){.campaign-workspace div.grid{grid-template-columns:1fr}}
.mail-provider-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 20px}.mail-provider{--provider-color:#aab6c8;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:132px;padding:20px 8px;border:1px solid color-mix(in srgb,var(--provider-color) 38%,transparent);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--provider-color) 6%,#1c1e22),#1a1c20);color:var(--provider-color);box-shadow:inset 0 1px #ffffff03}.mail-provider svg{display:block;width:36px;height:36px;fill:currentColor;stroke:none;margin-bottom:6px}.mail-provider strong{font-size:19px}.mail-provider>span:last-child{color:#aebace;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:800}.mail-provider.has-recipients{border-color:color-mix(in srgb,var(--provider-color) 65%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--provider-color) 12%,#1c1e22),#1a1c20)}.provider-present{position:absolute;right:12px;top:12px;width:8px;height:8px;border-radius:50%;background:#28ca7e;box-shadow:0 0 0 4px #28ca7e19;display:none}.has-recipients .provider-present{display:block}.provider-gmail{--provider-color:#fa635b}.provider-hotmail{--provider-color:#21b4ef}.provider-outlook{--provider-color:#528aff}.provider-icloud{--provider-color:#badbff}.provider-yahoo{--provider-color:#ad69ff}.provider-yandex{--provider-color:#ffcd52}.provider-mynet{--provider-color:#ff923e}.provider-mynet svg{width:64px}.provider-heading{margin-top:22px;margin-bottom:8px}.provider-heading h4{margin:0}.composer-scan-numbers{grid-template-columns:repeat(4,minmax(0,1fr))}.composer-scan-numbers .scan-metric-0 strong{color:#fff}.composer-scan-numbers .scan-metric-2 strong{color:#ffcb51}.composer-scan-numbers .scan-metric-3 strong{color:#ff667b}.composer-scan-numbers .scan-metric-4 strong{color:#72a2ff}.composer-source-dialog textarea{background:#111827;color:#dbe6fb;border:1px solid #465271;padding:16px;line-height:1.7;tab-size:2}.composer-source-dialog textarea:focus{outline:2px solid #7c8fff}.composer-scan-result>.composer-warning{font-size:12px;line-height:1.7;margin:16px 0}.composer-upload-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1fr)}
@media(max-width:1200px){.composer-upload-grid{grid-template-columns:1fr}.mail-provider-grid{gap:10px}}
@media(max-width:600px){.mail-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-scan-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.mail-provider{min-height:112px}.provider-heading{align-items:flex-start}.provider-heading>span{font-size:11px}}
@media(max-width:600px){.campaign-workspace .panel{padding:16px}.composer-heading h2{font-size:24px}.composer-metrics{grid-template-columns:1fr}.composer-aside{grid-template-columns:1fr}.composer-dropzone{padding:18px}.upload-symbol{display:none}.composer-scan-numbers{grid-template-columns:repeat(2,1fr)}.composer-domains{grid-template-columns:repeat(2,1fr)}.composer-rich-editor iframe{height:420px}.composer-footer .actions{width:100%}.composer-toolbar{padding:10px}.composer-heading .actions{width:100%}.composer-main .grid{grid-template-columns:1fr}}
.zb-row-actions .campaign-action{width:32px;height:32px;min-width:32px;padding:7px!important;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#9fc9ef!important;border:1px solid #6ba0ca40!important;background:#4a80a414!important}.campaign-action svg{width:16px;height:16px;flex:none}.zb-row-actions .action-edit{color:#b8acff!important;border-color:#8f7be34d!important;background:#8f7be319!important}.zb-row-actions .action-download,.zb-row-actions .action-pause{color:#f8c971!important;border-color:#edba594d!important;background:#c28a2919!important}.zb-row-actions .action-start,.zb-row-actions .action-resume{color:#80a4ff!important}.zb-row-actions .action-cancel,.zb-row-actions .action-delete{color:#ff8c98!important;border-color:#f06c784d!important;background:#df5d6819!important}.zb-row-actions{min-width:148px;max-width:190px;gap:6px!important;flex-wrap:wrap}.zb-row-actions .actions{display:contents}.campaign-action:hover{filter:brightness(1.3)}.campaign-action:focus-visible{outline:2px solid #b2bcff;outline-offset:3px}
/* Compact preparation workspace: content and recipients share a persistent draft. */
#workspace:has(.composer-compact)>.shell-topbar{display:none}
.composer-compact{gap:12px}.composer-compact .panel{padding:16px;border-radius:16px}.composer-compact .composer-heading{position:sticky;top:34px;z-index:5;gap:12px;box-shadow:0 5px 18px #0004}.composer-compact .composer-heading h2{font-size:21px}.composer-compact .composer-heading p{margin:5px 0 0;font-size:12px}.composer-compact .composer-heading #draft-recipient-count{font-size:12px;font-weight:500;color:#a9b8cc}.composer-compact .composer-heading .actions{gap:8px}.composer-compact .composer-columns{display:block;min-width:0}.composer-compact .composer-section-title{margin-bottom:12px}.composer-compact .composer-section-title h3{font-size:15px}.composer-compact .composer-main>label{margin:10px 0 6px}.composer-compact div.grid{gap:10px}.composer-compact input,.composer-compact select{padding:9px 11px;min-height:36px}.composer-compact .composer-main>p.muted{margin:8px 0 0;font-size:11px}
.composer-statusbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:0 4px;color:#a2afc0;font-size:11px}.composer-statusbar #composer-checks{display:flex;gap:6px;flex-wrap:wrap}.composer-statusbar #composer-checks li{padding:5px 8px;border-radius:8px;font-size:11px;gap:5px}.composer-help{position:relative;margin-left:auto}.composer-help summary{cursor:pointer;padding:6px;white-space:nowrap}.composer-help p{position:absolute;right:0;top:24px;width:280px;max-width:80vw;background:#20232b;border:1px solid #ffffff20;padding:14px;border-radius:12px;z-index:7;box-shadow:0 12px 30px #0008;line-height:1.6}
.composer-tabs{display:flex;gap:6px;border-bottom:1px solid #ffffff15;padding-bottom:8px}.composer-tabs button{background:transparent;border:1px solid transparent;color:#acb9cd;padding:9px 16px;min-height:38px}.composer-tabs button[aria-selected=true]{background:var(--accent-soft,#6366f122);border-color:#7979fb66;color:#fff}.composer-tabs span{display:inline-block;border-radius:6px;background:#ffffff12;padding:1px 6px;margin-left:5px}.composer-recipient-pane{display:grid;gap:12px;min-width:0}.composer-template-settings{padding:10px 12px;border:1px solid #ffffff12;border-radius:10px;margin-bottom:12px}.composer-template-settings>summary,.composer-records>summary{cursor:pointer;font-weight:600;font-size:12px}.composer-template-settings>summary span,.composer-records>summary span{color:#98a6b9;font-weight:400;margin-left:8px}.composer-template-settings[open]>summary{margin-bottom:10px}.composer-template-settings .grid{grid-template-columns:1fr 1fr 1.2fr!important}.composer-template-settings .grid>.wide{grid-column:auto!important}.composer-template-settings .actions{margin-top:8px}.composer-template-settings #greeting-preview{margin:6px 0 0;font-size:11px}.composer-compact .composer-menu,.composer-compact .composer-toolbar{padding:8px 10px;gap:5px}.composer-compact .composer-rich-editor{border-radius:12px}.composer-compact .composer-rich-editor iframe{height:clamp(280px,38vh,420px)}.composer-compact .composer-toolbar button{min-height:30px;padding:5px 8px}.composer-compact .composer-toolbar select{min-height:30px;padding:5px}.composer-compact .composer-warning{padding:10px;font-size:12px;border-radius:10px}
.composer-compact .composer-import{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:10px 16px;align-items:center}.composer-compact .composer-import>h3{grid-column:1/-1;margin:0;font-size:15px}.composer-compact .composer-dropzone{margin:0;padding:16px;border-radius:12px;gap:12px}.composer-compact .composer-dropzone strong{font-size:14px}.composer-compact .composer-dropzone small{margin-top:5px;font-size:11px}.composer-compact .upload-symbol{padding:10px;font-size:22px}.composer-compact .composer-delimiter{margin:0}.composer-compact .composer-upload-grid{grid-template-columns:minmax(220px,.55fr) minmax(0,1fr);gap:12px;align-items:start}.composer-compact .composer-upload-grid h3{font-size:15px;margin:0 0 12px}.composer-compact .composer-empty{min-height:75px;font-size:12px}.composer-compact .composer-empty .mail-provider-grid{display:none}.composer-compact .composer-file{padding:12px;border-radius:10px}.composer-compact .composer-scan-numbers{gap:8px}.composer-compact .composer-scan-numbers>div{padding:10px 5px;border-radius:10px}.composer-compact .composer-scan-numbers strong{font-size:20px}.composer-compact .composer-scan-numbers small{margin-top:4px}.composer-compact .mail-provider-grid{gap:8px;margin:8px 0 12px}.composer-compact .mail-provider{min-height:74px;padding:10px 6px;gap:4px;border-radius:12px}.composer-compact .mail-provider svg{width:25px;height:25px;margin:0}.composer-compact .provider-mynet svg{width:46px}.composer-compact .mail-provider strong{font-size:16px}.composer-compact .mail-provider>span:last-child{font-size:10px}.composer-compact .provider-present{right:8px;top:8px;width:6px;height:6px}.composer-compact .provider-heading{margin-top:14px}.composer-compact .composer-scan-result>p{font-size:11px;line-height:1.5;margin:8px 0}.composer-compact .composer-import-button{margin-top:10px}.composer-records #composer-recipients{margin-top:12px;max-height:320px;overflow:auto}.composer-records td{padding:9px 12px}
@media(max-width:1000px){.composer-template-settings .grid{grid-template-columns:1fr 1fr!important}.composer-template-settings .grid>.wide{grid-column:1/-1!important}.composer-compact .composer-upload-grid{grid-template-columns:1fr}}
@media(max-width:600px){.composer-compact .panel{padding:12px}.composer-compact .composer-heading{position:static}.composer-compact .composer-heading .actions{width:100%;flex-wrap:wrap}.composer-compact .composer-heading h2{font-size:19px}.composer-compact .composer-import{grid-template-columns:1fr}.composer-compact .composer-rich-editor iframe{height:320px}.composer-template-settings .grid{grid-template-columns:1fr!important}.composer-tabs button{padding:8px 10px}.composer-compact .composer-menu>span{display:none}.composer-help{margin-left:0}.composer-help p{left:0;right:auto}.composer-compact .mail-provider-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.composer-compact .mail-provider>span:last-child{font-size:9px;letter-spacing:0}}
.composer-template-row{display:flex;align-items:end;gap:10px;margin-bottom:10px}.composer-template-row>label{flex:1;margin:0}.composer-template-row>.actions{flex:none;gap:6px}.composer-compact .composer-template-settings{margin-bottom:10px;padding:8px 10px}.composer-compact .composer-meta-grid{grid-template-columns:1fr 1fr 1.6fr!important}.composer-compact .composer-meta-grid>label{margin:0}.composer-scan-idle .mail-provider-grid{display:none}.composer-compact .composer-scan-idle{font-size:12px;min-height:75px;color:#9dacbf}.composer-compact .composer-template-settings .grid{grid-template-columns:1fr 1fr!important}.composer-compact .composer-template-settings .grid>.wide{grid-column:auto!important}
@media(max-width:900px){.composer-compact .composer-meta-grid{grid-template-columns:1fr 1fr!important}.composer-meta-grid>label:last-child{grid-column:1/-1}}
@media(max-width:600px){.composer-template-row{align-items:stretch;flex-direction:column}.composer-compact .composer-meta-grid,.composer-compact .composer-template-settings .grid{grid-template-columns:1fr!important}.composer-template-row>.actions{flex-wrap:wrap}.composer-compact .composer-tabs{scroll-margin-top:120px}}
.composer-compact .composer-heading{padding:12px 16px}.composer-compact .composer-rich-editor iframe{height:clamp(250px,30vh,320px)}.composer-compact .composer-tabs{scroll-margin-top:140px}.composer-compact .composer-recipient-pane{scroll-margin-top:140px}
.campaign-workspace.composer-compact .composer-rich-editor iframe{height:clamp(480px,65vh,820px)}
.campaign-workspace .composer-inline-upload{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,1fr);gap:8px 14px;padding:12px;margin:12px 0;border-radius:12px;max-width:none}
.composer-inline-upload>h3{grid-column:1/-1;font-size:13px;margin:0}.campaign-workspace .composer-inline-upload .composer-dropzone{grid-column:1/-1;margin:0;padding:12px;gap:12px;border-radius:10px}.composer-inline-upload .composer-dropzone strong{font-size:14px}.composer-inline-upload .composer-dropzone small{margin-top:3px;font-size:11px}.composer-inline-upload .upload-symbol{padding:7px 12px;font-size:22px}.composer-inline-upload .composer-delimiter{margin:0;max-width:none}.composer-import-mode{min-width:0}.composer-template-row>.actions{flex-wrap:wrap}.composer-compact .composer-template-row{grid-template-columns:minmax(0,1fr) auto}
@media(max-width:700px){.campaign-workspace .composer-inline-upload{grid-template-columns:minmax(0,1fr)}.campaign-workspace.composer-compact .composer-rich-editor iframe{height:440px}.composer-inline-upload .composer-dropzone small{line-height:1.4}}
.campaign-import-progress{display:grid;gap:7px;margin:10px 2px 2px;color:#64748b}.campaign-import-progress[hidden]{display:none!important}.campaign-import-progress-track{height:8px;overflow:hidden;border:1px solid #dbe5f2;border-radius:999px;background:#eef3f9;box-shadow:inset 0 1px 2px #14263f0a}.campaign-import-progress-track span{display:block;width:4%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#2563eb 62%,#7dd3fc);background-size:200% 100%;box-shadow:0 0 12px #2563eb55}.campaign-import-progress.is-active .campaign-import-progress-track span{animation:campaign-import-grow 2.2s cubic-bezier(.18,.8,.2,1) forwards,campaign-import-shine 1.1s linear infinite}.campaign-import-progress.is-complete .campaign-import-progress-track span{width:100%;background:#16a34a;transition:width .2s ease}.campaign-import-progress.is-error .campaign-import-progress-track span{width:100%;background:#e11d48}.campaign-import-progress small{font-size:12px;font-weight:600;line-height:1.4}.campaign-import-progress.is-complete small{color:#15803d}.campaign-import-progress.is-error small{color:#be123c}@keyframes campaign-import-grow{from{width:4%}to{width:92%}}@keyframes campaign-import-shine{from{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.campaign-import-progress.is-active .campaign-import-progress-track span{width:72%;animation:none}.campaign-import-progress.is-complete .campaign-import-progress-track span{transition:none}}