.popup-center{display:grid;gap:12px}
.popup-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid #dce6f2;border-radius:14px;background:linear-gradient(135deg,#fff 0%,#f3f8ff 100%)}
.popup-hero small{color:#0b5bd3;font-size:.62rem;font-weight:800;letter-spacing:.13em}
.popup-hero h2{margin:3px 0;color:#17284a;font-size:1.35rem;letter-spacing:-.025em}
.popup-hero p{max-width:680px;margin:0;color:#6d7a90;font-size:.76rem;line-height:1.5}
.popup-hero>span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #cfe0f5;border-radius:10px;background:#fff;color:#31527c;font-size:.7rem;font-weight:800;white-space:nowrap}
.popup-hero>span svg{width:16px}
.popup-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.popup-kpis article{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #e0e7f0;border-radius:11px;background:#fff}
.popup-kpis article>svg{width:18px;color:#0b5bd3}
.popup-kpis span{display:flex;flex-direction:column}.popup-kpis b{color:#17284a;font-size:1rem}.popup-kpis small{color:#758398;font-size:.62rem}
.popup-compose-grid{display:grid;grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:12px;align-items:start}
.popup-editor{position:sticky;top:58px}
.popup-editor-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.popup-editor label>small{color:#7a8798;font-size:.61rem;font-weight:500;line-height:1.45;letter-spacing:0;text-transform:none}
.popup-editor [data-popup-tenant-field]{transition:opacity .15s ease}.popup-editor [data-popup-tenant-field].is-disabled{opacity:.42}
.popup-editor>footer{display:flex;justify-content:flex-end;gap:7px;padding-top:2px}
.popup-editor>footer button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:37px;padding:0 11px;border:0;border-radius:8px;background:#0b5bd3;color:#fff;font-size:.7rem;font-weight:800;cursor:pointer}
.popup-editor>footer button.secondary{border:1px solid #cbd9ea;background:#fff;color:#24466f}.popup-editor>footer button:hover{filter:brightness(.97)}.popup-editor>footer button:disabled{opacity:.55;cursor:wait}
.popup-editor>footer svg{width:14px}
.popup-catalog{min-width:0}
.popup-campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.popup-campaign-card{min-width:0;overflow:hidden;border:1px solid #dfe6ef;border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(24,47,82,.035)}
.popup-campaign-card.active{border-color:#b9decf}.popup-campaign-card.paused{border-color:#d8dee8}.popup-campaign-card.scheduled{border-color:#cbdcf5}.popup-campaign-card.expired{opacity:.82}
.popup-card-preview{height:132px;padding:0;overflow:hidden;border-bottom:1px solid #e7edf4;background:#edf3fa;pointer-events:none}
.popup-card-preview iframe{width:200%;height:264px;border:0;transform:scale(.5);transform-origin:top left}
.popup-card-body{padding:12px 13px}
.popup-card-body>header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.popup-card-body>header>small{display:inline-flex;align-items:center;gap:5px;color:#718096;font-size:.59rem;font-weight:700}.popup-card-body>header>small svg{width:12px}
.popup-status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;font-size:.58rem;font-weight:800}
.popup-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.popup-status.active{background:#e9f8f1;color:#167a58}.popup-status.paused{background:#f0f2f5;color:#68758a}.popup-status.scheduled{background:#eaf3ff;color:#0b5bd3}.popup-status.expired{background:#fff0ef;color:#b64b42}
.popup-card-body h4{overflow:hidden;margin:9px 0 3px;color:#17284a;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.popup-card-body>p{margin:0;color:#77849a;font-size:.63rem}
.popup-card-body dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0 0;padding-top:9px;border-top:1px solid #edf1f5}.popup-card-body dl div{min-width:0}.popup-card-body dt{color:#8a96a8;font-size:.52rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.popup-card-body dd{overflow:hidden;margin:2px 0 0;color:#374a65;font-size:.59rem;text-overflow:ellipsis;white-space:nowrap}
.popup-card-actions{display:grid;grid-template-columns:1.15fr 1fr 34px;gap:6px;padding:9px 10px;border-top:1px solid #edf1f5;background:#fafbfd}
.popup-card-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:33px;padding:0 8px;border:1px solid #d4deea;border-radius:8px;background:#fff;color:#315176;font-size:.61rem;font-weight:800;cursor:pointer}.popup-card-actions button:hover{border-color:#8eb6ed;background:#edf5ff;color:#075fd7}.popup-card-actions button:disabled{opacity:.5;cursor:wait}.popup-card-actions button.danger{padding:0;color:#b94a48}.popup-card-actions button.danger:hover{border-color:#efc1be;background:#fff1f0;color:#a33330}.popup-card-actions svg{width:13px}
.popup-empty{display:grid;grid-column:1/-1;place-items:center;min-height:230px;padding:30px;border:1px dashed #cbd7e6;border-radius:11px;color:#7a8798;text-align:center}.popup-empty svg{width:30px;margin-bottom:8px;color:#9cacbf}.popup-empty b{color:#3c4e68;font-size:.8rem}.popup-empty p{margin:4px 0;font-size:.66rem}
.popup-preview-modal>section{box-sizing:border-box;width:min(820px,calc(100vw - 28px));max-height:calc(100vh - 30px);padding:16px;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(17,35,60,.28)}
.popup-preview-modal>section>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.popup-preview-modal header small{color:#0b5bd3;font-size:.6rem;font-weight:800;letter-spacing:.12em}.popup-preview-modal header h3{margin:3px 0;color:#17284a;font-size:1.05rem}.popup-preview-modal header p{margin:0;color:#758398;font-size:.7rem}.popup-preview-modal header button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;background:#eef2f7;color:#40516a;font-size:1.25rem;cursor:pointer}
.popup-preview-frame{display:block;width:100%;height:min(570px,65vh);border:1px solid #dce4ee;border-radius:11px;background:#eef4fb}.popup-preview-modal>section>footer{display:flex;justify-content:flex-end;padding-top:11px}.popup-preview-modal>section>footer button{min-height:34px;padding:0 12px;border:1px solid #cfdae8;border-radius:8px;background:#fff;color:#2d486c;font-size:.7rem;font-weight:800;cursor:pointer}
html[data-theme="dark"] .popup-hero{border-color:#303b49;background:linear-gradient(135deg,#151d27,#172535)}html[data-theme="dark"] .popup-hero h2,html[data-theme="dark"] .popup-kpis b,html[data-theme="dark"] .popup-card-body h4{color:#e7edf5}html[data-theme="dark"] .popup-hero>span,html[data-theme="dark"] .popup-kpis article,html[data-theme="dark"] .popup-campaign-card{border-color:#303b49;background:#141b24}html[data-theme="dark"] .popup-card-preview{border-color:#303b49;background:#202b38}html[data-theme="dark"] .popup-card-body dl,html[data-theme="dark"] .popup-card-actions{border-color:#2b3542}html[data-theme="dark"] .popup-card-actions{background:#111820}html[data-theme="dark"] .popup-card-actions button{border-color:#344151;background:#18212c;color:#bac7d6}html[data-theme="dark"] .popup-preview-modal>section{background:#141b24}html[data-theme="dark"] .popup-preview-modal header h3{color:#e7edf5}
@media(max-width:1180px){.popup-campaign-grid{grid-template-columns:1fr}}
@media(max-width:850px){.popup-compose-grid{grid-template-columns:1fr}.popup-editor{position:static}.popup-campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.popup-hero{align-items:flex-start;flex-direction:column}.popup-kpis,.popup-campaign-grid{grid-template-columns:1fr}.popup-editor-row{grid-template-columns:1fr}.popup-card-preview{height:115px}.popup-card-preview iframe{height:230px}.popup-editor>footer{flex-direction:column}.popup-editor>footer button{width:100%}}