/* RE:ON popup studio - scoped to the administrator panel. */
#popupBuilder{margin:12px 0 22px;padding:22px;border:1px solid #ded3c2;border-radius:16px;background:#fbf8f2;color:#173448}
.popup-builder-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}
.popup-builder-top small{font-size:10px;letter-spacing:.13em;color:#917349}
.popup-builder-top h3{font-size:24px;margin:5px 0 3px;color:#18374b}
.popup-builder-top p{font-size:13px;color:#627583;margin:0}
#popupBuilder button{font:inherit;cursor:pointer;border:1px solid #cfc2ae;border-radius:9px;background:#fff;color:#17374d;padding:9px 13px}
#popupBuilder button:hover{border-color:#8c744b}
#popupBuilder button:focus-visible,#popupBuilder :is(input,select,textarea,summary):focus-visible{outline:3px solid #b18b40;outline-offset:2px}
.popup-builder-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:17px}
#popupBuilder .popup-preset{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;min-height:70px;background:#fffdf9}
.popup-preset strong{font-size:14px}
.popup-preset small{font-size:11px;color:#6d7c84}
#popupBuilder .popup-preset[aria-pressed=true]{border:2px solid #17495e;background:#eaf2f0;padding:8px 12px}
.popup-builder-columns{display:grid;grid-template-columns:minmax(250px,1fr) minmax(300px,1.15fr);gap:20px;align-items:start}
.popup-builder-form{background:#fff;border:1px solid #e2d9ca;border-radius:12px;padding:18px;display:grid;gap:12px}
.popup-builder-form label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#364b59}
.popup-builder-form input,.popup-builder-form textarea,.popup-builder-form select{width:100%;font-size:13px!important;padding:10px 12px!important;box-sizing:border-box}
.popup-builder-form textarea{min-height:105px;line-height:1.6}
.popup-builder-double{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.popup-builder-more{border-top:1px solid #e9dfd1;padding-top:10px}
.popup-builder-more summary{cursor:pointer;font-size:12px;font-weight:700;color:#345a6b}
.popup-builder-more[open]{display:grid;gap:10px}
.popup-builder-more[open] summary{margin-bottom:10px}
#popupBuilder .popup-builder-save{background:#153b51;color:#fff8ed;font-weight:700;min-height:44px;border-color:#153b51}
#popupBuilder .popup-builder-save:disabled{opacity:.5;cursor:wait}
#popupBuilderStatus{margin:0;font-size:12px;min-height:20px;color:#206c53;line-height:1.6}
#popupBuilderStatus[data-error=true]{color:#ac302c}
.popup-builder-muted{font-size:12px;color:#566d7a;margin:0}
.popup-builder-preview{background:#efe9df;border-radius:12px;padding:16px;border:1px solid #e2d8c9;min-width:0}
.popup-builder-preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}
.popup-builder-preview-head strong{font-size:13px}
.popup-builder-view{display:flex;gap:4px}
#popupBuilder .popup-builder-view button{font-size:11px;padding:6px 10px}
#popupBuilder .popup-builder-view [aria-pressed=true]{background:#143b50;color:#fff}
.popup-builder-stage{background:#dce0dd;border-radius:10px;min-height:310px;display:flex;align-items:center;justify-content:center;padding:20px 12px}
.popup-builder-stage[data-view=mobile] #popupPreview{max-width:320px}
#popupPreview{width:100%;max-width:540px;margin:auto}
.popup-live-card{margin:0 auto;width:100%;max-width:620px;background:#fffcf5;color:#183146;border:1px solid #e3d6bb;border-radius:14px;box-shadow:0 14px 45px #0002;overflow:hidden;font-family:'Apple SD Gothic Neo','Malgun Gothic',sans-serif;box-sizing:border-box}
.popup-live-image{width:100%;height:148px;object-fit:cover;display:block}
.popup-live-copy{padding:23px 24px}
.popup-live-eyebrow{font-size:10px;letter-spacing:.1em;color:#927955;font-weight:700}
.popup-live-title{font:24px/1.4 Georgia,'Batang',serif;overflow-wrap:anywhere;margin:12px 0;color:inherit}
.popup-live-text{font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 18px}
.popup-live-cta{display:inline-flex;background:#173e54;color:#fff6e4;padding:10px 16px;border-radius:7px;font-weight:700;font-size:12px}
.popup-live-foot{border-top:1px solid #e5dccd;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}
.popup-live-card[data-style=update]{border-top:6px solid #e2c28b}
.popup-live-card[data-style=update] .popup-live-copy{background:linear-gradient(140deg,#fffdf7,#f0e8da);padding-top:32px}
.popup-live-card[data-style=compact]{background:#0c263b;color:#f5f0e5;border-color:#e0c38c;max-width:490px}
.popup-live-card[data-style=compact] .popup-live-copy{padding-top:32px}
.popup-live-card[data-style=compact] .popup-live-eyebrow{color:#e4c996}
.popup-live-card[data-style=compact] .popup-live-foot{color:#d7dce0;border-color:#ffffff30}
#popupBuilder .popup-preview-open{margin:12px 0;width:100%;background:#fff}
.popup-builder-preview>small{display:block;color:#5d6e76;line-height:1.6;font-size:11px}
.popup-preview-dialog{border:0;background:transparent;padding:12px;max-width:min(690px,95vw);width:min(690px,95vw);max-height:95dvh;overflow:auto}
.popup-preview-dialog::backdrop{background:#031522ad}
.popup-preview-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;background:#faf7f0;border-radius:10px;margin-bottom:10px;color:#18374b}
.popup-preview-dialog-top strong{font-size:13px}
.popup-preview-dialog-top button{padding:7px 14px;background:#143d51;color:#fff;border:0;border-radius:7px;cursor:pointer}
@media(max-width:980px){.popup-builder-columns{grid-template-columns:1fr}.popup-builder-stage{min-height:260px}.popup-builder-preview{padding:12px}}
@media(max-width:650px){#popupBuilder{padding:13px}.popup-builder-top h3{font-size:20px}.popup-builder-top{align-items:flex-start}.popup-builder-presets{grid-template-columns:1fr 1fr}.popup-builder-double{grid-template-columns:1fr}.popup-builder-form{padding:12px}.popup-live-title{font-size:21px}}
@media(prefers-reduced-motion:reduce){#popupBuilder *{scroll-behavior:auto!important}}

#popupManage .popup-list-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px}
#popupManage .popup-list-head h3{margin:0;font-size:18px}
#popupManage .popup-list-head button,#popupManage .popup-list-actions button{border:1px solid #d1c3ac;background:#fffdf8;color:#1d3b51;border-radius:7px;padding:7px 11px;cursor:pointer;font-size:12px}
#popupManage .popup-list-count{font-size:12px;color:#6a7a82;margin:8px 0}
#popupManage .popup-list-row{border:1px solid #e1d6c5;background:#fffdf8;border-radius:10px;padding:12px 16px;display:flex;justify-content:space-between;gap:14px;align-items:center;margin:7px 0}
#popupManage .popup-list-info{min-width:0;display:grid;gap:5px}
#popupManage .popup-list-info strong{font-size:14px;overflow-wrap:anywhere}
#popupManage .popup-list-info small{font-size:11px;color:#627483}
#popupManage .popup-list-actions{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}
@media(max-width:650px){#popupManage .popup-list-row{align-items:stretch;flex-direction:column}#popupManage .popup-list-actions{justify-content:flex-start}}