@charset "UTF-8";
:root{--brand-primary:#01273a;--brand-secondary:#fd7e14;--brand-accent:#f37f2a;--brand-background:#fff;--brand-surface:#f7f7f7;--brand-text:#111;--brand-muted:#656565;--brand-line:#dedede;--brand-tint:#fff3e4;--ink:var(--brand-text);--muted:var(--brand-muted);--paper:var(--brand-background);--line:var(--brand-line);--green:var(--brand-primary);--light:var(--brand-tint);--gold:#8a4500;--white:var(--brand-background)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}a{color:var(--green);text-underline-offset:4px}a:hover{color:#102e24}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border:1px solid var(--green);border-radius:8px;background:var(--green);color:white;font-weight:650;cursor:pointer;text-decoration:none;line-height:1.4;text-align:center}button:hover,.button:hover{background:#163b2f;color:white}.secondary{background:transparent;color:var(--green)}.secondary:hover{background:var(--light);color:var(--green)}button:disabled{cursor:default;opacity:.6}.text-button{border:0;background:transparent;color:var(--green);padding:4px 8px;text-decoration:underline;font-weight:500}.text-button:hover{background:var(--light);color:var(--green)}:focus-visible{outline:3px solid #b2761c;outline-offset:4px}.site-header{max-width:1320px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:750;letter-spacing:.08em;line-height:1.4}.brand small{display:block;font-weight:400;font-size:12px;letter-spacing:0;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid #9aa99d;border-radius:50%;font-family:Georgia,serif;font-size:26px}.site-header nav{display:flex;align-items:center;gap:20px;font-size:14px}.site-header form{margin:0}.container{max-width:1240px;margin:0 auto;padding:44px 32px 72px;min-height:75vh}h1,h2,h3{line-height:1.25;font-weight:600}h1{font-size:clamp(28px,3.4vw,43px);letter-spacing:-.035em;margin:10px 0 18px}h2{font-size:24px;margin:8px 0 20px}h3{font-size:20px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:750;color:#667257;margin:0 0 12px}.muted{color:var(--muted)}.page-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.page-top p{margin-bottom:0}.card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:28px;margin-bottom:24px}.narrow{max-width:520px;margin:35px auto}.event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.event-card{margin:0}.event-card h2{margin-top:25px;font-size:27px}.event-card h2 a{text-decoration:none}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}.badge{display:inline-block;border-radius:99px;padding:5px 12px;font-size:12px;background:#eceee9;color:#4b5750;white-space:nowrap}.badge.active,.badge.attending{background:#dfece0;color:#275534}.badge.pending,.badge.draft{background:#f2e8d5;color:#72541f}.badge.not_attending,.badge.closed{background:#f3e4df;color:#733f36}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid var(--line);margin:25px 0;padding-top:20px;font-size:12px;color:var(--muted)}.mini-stats strong{display:block;font-size:30px;color:var(--ink);font-weight:500}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px}.stat{margin:0;padding:22px}.stat span{display:block;font-size:13px;color:var(--muted)}.stat strong{display:block;font-size:36px;margin-top:6px;font-weight:500}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:0 0 16px;margin:0 0 28px;overflow:auto}.tabs a{text-decoration:none;white-space:nowrap;min-height:44px;padding:10px 0}.back{font-size:13px;display:inline-block;margin-bottom:15px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}.notice{padding:16px 20px;background:#e5eddf;border:1px solid #bfceba;border-radius:8px;margin-bottom:24px;overflow-wrap:anywhere}.steps{list-style:none;margin:0 0 30px;padding:0;display:flex;gap:10px;flex-wrap:wrap;font-size:13px}.steps li{padding:10px 14px;background:#e9ece5;border-radius:7px}.steps .current{background:var(--green);color:#fff}.steps a{color:inherit;text-decoration:none}form{margin-top:18px}label{display:block;font-weight:550;font-size:14px;margin-bottom:18px}input,select,textarea{display:block;width:100%;min-width:0;min-height:46px;margin-top:7px;padding:10px 12px;border:1px solid #aebeb0;border-radius:6px;background:white;color:var(--ink)}textarea{resize:vertical;min-height:100px}input[type=file]{padding:10px;font-size:14px}input[type=checkbox]{width:20px;min-height:20px;margin:0;flex:none}.check{display:flex;align-items:flex-start;gap:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.wide{grid-column:1/-1}.art-thumb{max-width:100%;max-height:300px;object-fit:contain}.filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:0 0 20px}.filters label{flex:1;min-width:140px;margin:0}.filters button{margin-bottom:1px}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}th{font-size:12px;color:var(--muted);font-weight:600;background:#f1f3ec}th,td{padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:top}td small{display:block;color:var(--muted);font-size:12px;max-width:300px;overflow-wrap:anywhere}.guest-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.guest-actions form{margin:0}.guest-actions .text-button{font-size:12px}.count{font-size:18px;color:var(--muted)}details summary{cursor:pointer;font-weight:600;min-height:44px;padding:8px 0}details details{padding:8px 0 20px}dl{display:grid;grid-template-columns:1fr 2fr;gap:12px}dt{color:var(--muted)}dd{margin:0}.invitation{display:grid;grid-template-columns:1fr 1.1fr;align-items:start;gap:48px}.invitation-art{position:sticky;top:24px}.invitation-art img{width:100%;height:auto;display:block;border-radius:12px}.placeholder{background:#e0e6d5;border-radius:12px;padding:55px 35px;text-align:center;min-height:560px;display:flex;flex-direction:column;align-items:center;justify-content:center}.placeholder p{font-family:Georgia,serif;font-size:38px;line-height:1.3;margin:15px 0 45px}.placeholder small{font-size:12px;color:var(--muted)}.leaf{font-size:120px;line-height:1.2;color:#73865c}.invitation-content{padding:25px 0}.invitation h1{font-family:Georgia,serif;font-size:40px;line-height:1.2}.subtitle{font-size:20px;color:var(--muted)}.preserve{white-space:pre-line;overflow-wrap:anywhere}.event-details{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin:30px 0}.event-details span{display:block;font-size:10px;letter-spacing:.14em;margin-bottom:10px}.event-details strong{font-size:17px}.event-details p{font-size:14px;margin:4px 0}.event-details a{font-size:13px}.rsvp h2{font-size:25px}.rsvp>p{font-size:14px;color:var(--muted)}.rsvp-actions{display:grid;gap:12px}.rsvp select{max-width:170px}.privacy{font-size:11px;color:var(--muted);margin-top:30px}.skip{position:absolute;left:12px;top:-70px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}footer{border-top:1px solid var(--line);padding:25px 40px;max-width:1320px;margin:auto;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:20px}p,li,dd,h1,h2{overflow-wrap:anywhere}@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.invitation{gap:28px}.invitation h1{font-size:32px}.placeholder{min-height:480px;padding:30px 20px}.placeholder p{font-size:30px}.site-header{padding:20px 24px}}@media(max-width:680px){.container{padding:28px 18px 50px}.site-header{padding:18px;flex-wrap:wrap}.site-header nav{gap:12px}.brand{font-size:14px}.brand small{font-size:10px}.page-top{align-items:flex-start;flex-direction:column;gap:15px}.event-grid,.form-grid,.invitation{grid-template-columns:1fr}.card{padding:20px}.stats{gap:10px}.stat{padding:17px}.stat span{font-size:12px}.stat strong{font-size:30px}.invitation-art{position:static}.placeholder{min-height:330px;padding:30px 20px}.leaf{font-size:76px}.placeholder p{margin:10px 0 24px;font-size:29px}.invitation-content{padding:0}.event-details{gap:16px}.tabs{gap:20px;font-size:14px}.actions .button{flex-grow:1}.filters{display:grid;grid-template-columns:1fr}.filters label{min-width:0}.steps{gap:6px;font-size:11px}.steps li{padding:8px 10px}.mini-stats{gap:8px;font-size:11px}.mini-stats strong{font-size:26px}footer{padding:22px 18px;flex-direction:column;gap:5px}dl{grid-template-columns:1fr;gap:4px}dd{margin-bottom:12px}.rsvp-actions button{width:100%;font-size:14px}.event-details strong{font-size:15px}}@media(prefers-reduced-motion:no-preference){button,.button{transition:background .15s}}
.mini-stats>a{display:block;padding:3px;border-radius:6px;color:inherit;text-decoration:none}.mini-stats>a:hover{background:var(--light);color:var(--ink)}.stat-link{display:block;color:inherit;text-decoration:none}.stat-link:hover{border-color:#9aa99d;background:#fbfcf9;color:inherit}.response-history{padding-left:24px}.response-history li{padding:8px 0}.response-history time{font-variant-numeric:tabular-nums;color:var(--muted)}
/* Public registration forms remain usable on narrow screens. */
.registration-form fieldset{border:1px solid #d6e1e6;border-radius:10px;margin:1.25rem 0;padding:1rem}.registration-form legend{font-weight:700;padding:0 .35rem}.registration-form label{display:block;margin:.8rem 0}.registration-form input,.registration-form textarea,.registration-form select{width:100%;box-sizing:border-box}.registration-form small{display:block;color:#536770;margin-top:.25rem}.choice-list{display:flex;flex-wrap:wrap;gap:.7rem}.choice-list label{margin:0}.honeypot{position:absolute;left:-10000px;width:1px!important;height:1px;overflow:hidden}.public-artwork{display:block;width:100%;height:auto;max-width:900px;margin:1rem auto}.table-wrap{overflow-x:auto}.small-input{max-width:5rem}

/* Phase 2 check-in */
.checkin-pass{margin:28px 0;padding:24px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:center}
.checkin-pass h2{margin-top:0}.checkin-pass p{max-width:620px;margin-left:auto;margin-right:auto}
.checkin-qr{display:flex;justify-content:center;align-items:center;min-height:220px;margin:18px auto;width:220px;max-width:100%}
.checkin-qr canvas,.checkin-qr img{display:block;max-width:100%;height:auto}
.checkin-camera{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--light)}
.checkin-camera video{display:block;width:100%;max-width:520px;max-height:62vh;object-fit:cover;margin:0 auto 12px;border-radius:10px;background:#111}
.checkin-table form{margin:0}.checkin-done{background:#f7faf5}.compact-check{font-size:12px;margin-bottom:8px}
@media(max-width:680px){.checkin-pass{padding:18px}.checkin-table th:nth-child(2),.checkin-table td:nth-child(2){display:none}.checkin-table th,.checkin-table td{padding:12px 8px}.checkin-table button{width:100%}}

/* Interest-only public registration forms do not present a synthetic event date/type. */
.public-registration:has(select[name="interest_program"])>.event-type-label,
.public-registration:has(select[name="interest_program"])>.event-meta,
.public-registration:has(select[name="interest_program"])>.lead{display:none}


/* KPE Email Marketing */
.marketing-safety{background:#fff8df;border-color:#ead89c}
.marketing-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.marketing-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:28px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.section-heading h2{margin-top:0}
.marketing-contact-summary{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}
.marketing-summary-pill{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;text-decoration:none;color:var(--ink)}
.marketing-summary-pill strong{font-size:18px}.marketing-summary-pill span{font-size:12px;color:var(--muted)}
.marketing-import-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}
.marketing-import-kpis>div{padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--light)}
.marketing-import-kpis strong{display:block;font-size:28px}.marketing-import-kpis span{font-size:12px;color:var(--muted)}
.marketing-brand-kit{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;padding:16px;background:var(--light);border-radius:10px;margin-bottom:22px}
.marketing-brand-kit label{margin:0;font-size:12px}.marketing-brand-kit input[type=color]{height:44px;padding:4px}
.marketing-builder-grid{display:grid;grid-template-columns:170px minmax(300px,1fr) minmax(360px,1fr);gap:18px;align-items:start}
.marketing-palette{position:sticky;top:18px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fafbf8}.marketing-palette h3{margin-top:0}
.marketing-palette button{width:100%;margin:0 0 8px;text-align:left}
.marketing-block-list{display:grid;gap:12px}.marketing-block-card{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.marketing-block-card.dragging{opacity:.55}
.marketing-block-head{display:flex;align-items:center;gap:10px;padding:11px 12px;background:var(--light);border-bottom:1px solid var(--line)}
.marketing-drag{font-size:19px;cursor:grab;color:var(--muted)}.marketing-block-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto}.marketing-block-actions button{min-height:34px;padding:5px 8px}
.danger-text{color:#8f2f2f!important}.marketing-block-body{padding:14px;display:grid;gap:10px}.marketing-field{margin:0;font-size:12px}.marketing-field span{display:block;margin-bottom:5px}.marketing-field input,.marketing-field select,.marketing-field textarea{margin-top:0}.marketing-field textarea{min-height:100px}
.marketing-card-editor{border:1px dashed #bec8c0;border-radius:8px;padding:12px;display:grid;gap:10px}.marketing-card-editor h4{margin:0}
.marketing-preview-column{position:sticky;top:18px}.marketing-preview-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:10px}.marketing-preview-toolbar strong{margin-right:auto}
.marketing-preview-frame{background:#eef2f4;border:1px solid var(--line);border-radius:10px;padding:18px;overflow:auto;min-height:560px}
.marketing-preview-frame.mobile-preview .marketing-email-preview{max-width:360px}
.marketing-email-preview{max-width:640px;margin:auto;box-shadow:0 8px 24px rgba(0,0,0,.08);overflow:hidden}.marketing-email-preview h1,.marketing-email-preview h2,.marketing-email-preview h3{padding:16px 28px 6px;margin:0}.marketing-preview-text{padding:8px 28px}.marketing-preview-text p{line-height:1.55;margin:0 0 14px}
.marketing-preview-hero{width:100%;height:auto;display:block}.marketing-preview-image{display:block;width:calc(100% - 56px);height:auto;margin:12px 28px;border-radius:8px}
.marketing-preview-button-row{padding:12px 28px 24px}.marketing-preview-button{display:inline-block;padding:11px 18px;border-radius:6px;color:#fff;background:#2fb89a;font-weight:700}
.marketing-preview-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:14px 28px}.marketing-preview-card img{display:block;width:100%;height:auto;border-radius:7px}.marketing-preview-card h3{padding:12px 0 4px}.marketing-preview-card p{font-size:14px;line-height:1.5}.marketing-preview-footer{padding:24px 28px;color:#fff}.marketing-preview-footer p{margin:8px 0}
.marketing-media-panel form{margin-bottom:0}.pagination{display:flex;gap:8px;margin-top:20px}.pagination a{padding:8px 12px;border:1px solid var(--line);border-radius:6px;text-decoration:none}.pagination a.current{background:var(--green);color:#fff}
@media(max-width:1150px){.marketing-builder-grid{grid-template-columns:150px 1fr}.marketing-preview-column{grid-column:1/-1;position:static}.marketing-preview-frame{min-height:420px}}
@media(max-width:900px){.marketing-stats{grid-template-columns:repeat(2,1fr)}.marketing-home-grid{grid-template-columns:1fr}.marketing-brand-kit{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.marketing-import-kpis{grid-template-columns:repeat(2,1fr)}.marketing-brand-kit{grid-template-columns:repeat(2,1fr)}.marketing-builder-grid{grid-template-columns:1fr}.marketing-palette{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px}.marketing-palette h3{grid-column:1/-1}.marketing-palette button{margin:0}.marketing-block-head{align-items:flex-start;flex-wrap:wrap}.marketing-block-actions{width:100%;margin-left:29px}.marketing-preview-cols{grid-template-columns:1fr}.marketing-preview-frame{padding:8px}}

.marketing-import-files{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:0 0 18px}
.marketing-import-files>div{padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:#fff}
.marketing-import-files strong,.marketing-import-files span{display:block}.marketing-import-files strong{overflow-wrap:anywhere}.marketing-import-files span{font-size:12px;color:var(--muted);margin-top:4px}
.marketing-status-breakdown{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.marketing-status-breakdown span{padding:7px 10px;border-radius:999px;background:var(--light);font-size:12px}
.marketing-import-warning{margin:14px 0;background:#fff8df;border-color:#ead89c}

.marketing-preset-bar{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:10px 14px;align-items:end;padding:14px 16px;margin-bottom:16px;border:1px solid var(--line);border-radius:10px;background:#fff}
.marketing-preset-bar label{margin:0}.marketing-preset-bar .muted{grid-column:1/-1;margin:0}
@media(max-width:680px){.marketing-preset-bar{grid-template-columns:1fr}.marketing-preset-bar .muted{grid-column:auto}}

.marketing-report-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
.marketing-report-lines{display:grid;gap:0}.marketing-report-lines>div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid var(--line)}.marketing-report-lines>div:last-child{border-bottom:0}.marketing-report-lines span{color:var(--muted)}.marketing-report-lines strong{font-size:18px}
.marketing-prepare-card{border-left:4px solid var(--green)}
.marketing-unsubscribe-card{max-width:680px;margin:44px auto;padding:34px}
.marketing-unsubscribe-card h1{margin-top:4px}
@media(max-width:900px){.marketing-report-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.marketing-report-stats{grid-template-columns:repeat(2,1fr)}}

.marketing-delivery-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}
.marketing-delivery-actions form{margin:0;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--light)}
@media(max-width:760px){.marketing-delivery-actions{grid-template-columns:1fr}}

.marketing-image-picker{display:grid;gap:10px}
.marketing-current-image{width:100%;max-width:260px;padding:6px;border:1px solid var(--line);border-radius:8px;background:#fff}
.marketing-current-image img{display:block;width:100%;height:auto;max-height:150px;object-fit:contain;border-radius:5px}
.marketing-upload-box{display:grid;gap:6px;padding:11px;border:1px dashed #b7c3ba;border-radius:8px;background:#fafbf8}
.marketing-upload-label{font-size:12px;font-weight:700}
.marketing-upload-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.marketing-file-input{margin:0!important;padding:7px!important;background:#fff}
.marketing-upload-row button{white-space:nowrap}
.marketing-upload-status{display:block;color:var(--muted);font-size:11px;line-height:1.35}
.marketing-upload-status.success{color:#26715a}.marketing-upload-status.error{color:#9b2f2f}
.marketing-image-advanced{border-top:1px solid var(--line);padding-top:7px}
.marketing-image-advanced summary{cursor:pointer;font-size:12px;color:var(--muted);margin-bottom:8px}
@media(max-width:680px){.marketing-upload-row{grid-template-columns:1fr}.marketing-upload-row button{width:100%}}

.marketing-image-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.marketing-image-actions button{margin:0}
@media(max-width:680px){.marketing-image-actions{display:grid;grid-template-columns:1fr}.marketing-image-actions button{width:100%}}


/* Marketing builder v2: MailerLite-style drag/drop workspace */
.marketing-brand-section{margin:0 0 18px}
.marketing-brand-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:10px}
.marketing-brand-heading h3{margin:0 0 4px}.marketing-brand-heading p{margin:0;color:var(--muted);font-size:12px}
.marketing-brand-kit{grid-template-columns:repeat(5,minmax(150px,1fr));align-items:stretch}
.marketing-brand-kit label{display:grid;grid-template-rows:auto auto 44px;gap:4px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}
.marketing-brand-kit label strong{font-size:12px;color:var(--ink)}.marketing-brand-kit label small{font-size:10px;color:var(--muted);line-height:1.3}
.marketing-brand-kit input[type=color]{width:100%;height:44px;margin:0;padding:4px;cursor:pointer}

.marketing-editor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:18px 0 12px;padding:11px 14px;border:1px solid var(--line);border-radius:9px;background:#fff}
.marketing-editor-toolbar>div:first-child{display:grid;gap:2px}.marketing-editor-toolbar strong{font-size:14px}.marketing-editor-toolbar span{font-size:11px;color:var(--muted)}
.marketing-device-switch{display:flex;gap:6px;align-items:center}.marketing-device-switch .text-button{border:1px solid var(--line);border-radius:6px;padding:7px 10px;text-decoration:none}.marketing-device-switch .text-button.active{background:var(--ink);color:#fff;border-color:var(--ink)}

.marketing-builder-workspace{display:grid;grid-template-columns:190px minmax(420px,1fr) 340px;gap:16px;align-items:start}
.marketing-palette{position:sticky;top:18px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}
.marketing-palette h3{margin:0 0 6px}.marketing-palette-help{margin:0 0 12px;line-height:1.4}
.marketing-palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.marketing-palette-item{min-height:72px;padding:9px 6px;border:1px solid #9fa9a2;border-radius:8px;background:#fff;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-weight:700;cursor:grab;text-align:center}
.marketing-palette-item:hover{border-color:var(--ink);background:var(--light)}.marketing-palette-item:active{cursor:grabbing}
.marketing-palette-icon{font-size:22px;line-height:1;font-weight:700}.marketing-palette-item span:last-child{font-size:11px}

.marketing-canvas-column{min-width:0}
.marketing-canvas-frame{background:#eef1f2;border:1px solid var(--line);border-radius:10px;padding:18px;overflow:auto;min-height:680px}
.marketing-canvas-frame.mobile-preview .marketing-email-canvas{max-width:360px}
.marketing-canvas{min-width:0}
.marketing-email-canvas{width:100%;max-width:640px;margin:0 auto;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.08);overflow:visible;position:relative}
.marketing-canvas-block{position:relative;border:2px solid transparent;background:transparent;cursor:pointer;transition:border-color .12s,box-shadow .12s}
.marketing-canvas-block:hover{border-color:#a6b5aa}.marketing-canvas-block.selected{border-color:#0b6b57;box-shadow:0 0 0 2px rgba(11,107,87,.08)}
.marketing-canvas-block.dragging{opacity:.45}
.marketing-canvas-block-toolbar{display:none;position:absolute;z-index:5;left:-2px;right:-2px;top:-34px;min-height:32px;padding:5px 8px;background:#0b2b42;color:#fff;border-radius:7px 7px 0 0;align-items:center;gap:8px;box-shadow:0 3px 12px rgba(0,0,0,.12)}
.marketing-canvas-block:hover>.marketing-canvas-block-toolbar,.marketing-canvas-block.selected>.marketing-canvas-block-toolbar{display:flex}
.marketing-canvas-block-toolbar strong{font-size:11px}.marketing-canvas-drag{cursor:grab;font-size:17px}.marketing-canvas-tools{margin-left:auto;display:flex;gap:8px}.marketing-canvas-tools .text-button{color:#fff!important;text-decoration:none;padding:3px 5px;font-size:10px}.marketing-canvas-tools .danger-text{color:#ffd8d0!important}
.marketing-canvas-block-content{min-height:10px}
.marketing-image-placeholder{margin:0;padding:42px 24px;text-align:center;border:2px dashed #bdc6c0;background:#f7f9f7;color:var(--muted);font-size:12px}
.marketing-preview-divider{height:2px;margin:12px 38px}.marketing-preview-spacer{background:repeating-linear-gradient(135deg,#f7f8f7,#f7f8f7 8px,#eef1ee 8px,#eef1ee 16px)}
.marketing-canvas-empty{padding:72px 30px;text-align:center;color:var(--muted);border:2px dashed #bdc6c0;margin:18px}

.marketing-drop-zone{height:12px;display:flex;align-items:center;justify-content:center;position:relative;z-index:4;transition:height .12s,background .12s}
.marketing-drop-zone span{opacity:0;font-size:10px;padding:5px 10px;border-radius:999px;background:#0b6b57;color:#fff;pointer-events:none;white-space:nowrap}
.marketing-drop-zone:hover,.marketing-drop-zone.active{height:36px;background:#e7f4ef}.marketing-drop-zone:hover span,.marketing-drop-zone.active span{opacity:1}

.marketing-inspector{position:sticky;top:18px;border:1px solid var(--line);border-radius:10px;background:#fff;max-height:calc(100vh - 36px);overflow:auto}
.marketing-inspector-head{display:grid;gap:2px;padding:13px 14px;border-bottom:1px solid var(--line);background:var(--light);position:sticky;top:0;z-index:4}
.marketing-inspector-head span{font-weight:700}.marketing-inspector-head small{font-size:10px;color:var(--muted)}
.marketing-inspector-body{padding:14px}.marketing-inspector-empty{padding:24px 8px;text-align:center}.marketing-inspector-empty p{font-size:12px;line-height:1.5}
.marketing-selected-block-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.marketing-selected-block-head small{display:block;color:var(--muted);font-size:10px}.marketing-selected-block-head h3{margin:2px 0 0;font-size:18px}
.marketing-selected-block-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.marketing-selected-block-actions button{padding:6px 8px;min-height:32px;font-size:10px}
.marketing-inspector-fields{display:grid;gap:12px}.marketing-inspector-fields .marketing-field{margin:0}.marketing-inspector-fields textarea{min-height:120px}
.marketing-color-use-note{margin:0;padding:10px 12px;border-left:3px solid var(--orange);background:#fff8ef;font-size:11px;line-height:1.45}
.marketing-card-editor{background:#fafbf9}.marketing-card-editor h4{margin:0 0 4px}
.marketing-current-image{max-width:none}.marketing-current-image img{max-height:220px}
.marketing-image-actions{display:grid;grid-template-columns:1fr;gap:7px}
.marketing-image-actions button{width:100%}

.marketing-preview-text{padding:12px 28px}.marketing-preview-text p{line-height:1.55;margin:0 0 14px}
.marketing-preview-hero{width:100%;height:auto;display:block}.marketing-preview-image{display:block;width:calc(100% - 56px);height:auto;margin:12px 28px;border-radius:8px}
.marketing-preview-button-row{padding:12px 28px 24px}.marketing-preview-button{display:inline-block;padding:11px 18px;border-radius:6px;color:#fff;font-weight:700}
.marketing-preview-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:14px 28px}.marketing-preview-card img{display:block;width:100%;height:auto;border-radius:7px}.marketing-preview-card h3{padding:12px 0 4px;margin:0}.marketing-preview-card p{font-size:14px;line-height:1.5}.marketing-preview-footer{padding:24px 28px;color:#fff}.marketing-preview-footer p{margin:8px 0}

@media(max-width:1250px){
  .marketing-builder-workspace{grid-template-columns:170px minmax(380px,1fr) 300px}
  .marketing-brand-kit{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1000px){
  .marketing-builder-workspace{grid-template-columns:170px 1fr}
  .marketing-inspector{grid-column:1/-1;position:static;max-height:none}
}
@media(max-width:760px){
  .marketing-brand-kit{grid-template-columns:1fr 1fr}.marketing-editor-toolbar{align-items:flex-start;flex-direction:column}
  .marketing-builder-workspace{grid-template-columns:1fr}.marketing-palette{position:static}
  .marketing-palette-grid{grid-template-columns:repeat(4,1fr)}
  .marketing-canvas-frame{padding:8px;min-height:420px}.marketing-drop-zone{height:28px}.marketing-drop-zone span{opacity:1}
}
@media(max-width:520px){
  .marketing-brand-kit{grid-template-columns:1fr}.marketing-palette-grid{grid-template-columns:1fr 1fr}
  .marketing-preview-cols{grid-template-columns:1fr}
}


/* Marketing builder content v2 */
.marketing-style-control{display:grid;gap:6px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fafbf9}
.marketing-style-label{font-size:12px;font-weight:700}
.marketing-style-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.marketing-style-row input[type=color]{width:100%;height:42px;margin:0;padding:4px;cursor:pointer}
.marketing-style-row .text-button{border:1px solid var(--line);border-radius:6px;padding:8px 10px;text-decoration:none;background:#fff}
.marketing-preview-cols.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-left:20px;padding-right:20px}
.marketing-preview-cols.three .marketing-preview-card h3{font-size:16px}
.marketing-preview-cols.three .marketing-preview-card p{font-size:12px}
.marketing-preview-cols.three .marketing-preview-button{font-size:11px;padding:9px 11px}
.marketing-preview-social{padding:16px 28px 24px}
.marketing-social-pill{display:inline-block;margin:4px 7px;font-size:13px;font-weight:700;text-decoration:none}
.marketing-social-placeholder{font-size:12px;color:var(--muted);font-style:italic}
@media(max-width:760px){
  .marketing-preview-cols.three{grid-template-columns:1fr}
}


/* Marketing social display/footer controls */
.marketing-social-icon{display:inline-block;min-width:36px;height:36px;line-height:32px;margin:5px 7px;padding:0 6px;border:2px solid currentColor;border-radius:999px;font-size:16px;font-weight:700;text-align:center;vertical-align:middle;box-sizing:border-box}
.marketing-preview-social.in-footer{margin-top:12px;padding:4px 0 0}
.marketing-preview-social.in-footer .marketing-social-placeholder{color:#fff}
.marketing-social-footer-placeholder{margin:10px 28px;padding:12px;border:1px dashed #b9c4bc;border-radius:7px;background:#f8faf8;color:var(--muted);font-size:11px;text-align:center}


/* Marketing builder v0.4 categorized library + expanded blocks */
.marketing-library{width:220px;max-height:calc(100vh - 36px);overflow:auto}
.marketing-library-search{display:grid;gap:5px;margin:0 0 10px}.marketing-library-search span{font-size:11px;font-weight:700}.marketing-library-search input{margin:0}
.marketing-library-tabs{display:grid;gap:5px;margin-bottom:12px}
.marketing-library-tab{width:100%;padding:9px 10px;text-align:left;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font-weight:700}
.marketing-library-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.marketing-library-panel{display:none}.marketing-library-panel.active{display:block}.marketing-library-panel>p{font-size:11px;line-height:1.4}
.marketing-library-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.marketing-library-card{min-height:76px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);display:grid;gap:6px;align-content:center;justify-items:center;text-align:center;cursor:grab}
.marketing-library-card:hover{border-color:var(--ink);background:var(--light)}.marketing-library-card.wide{grid-column:1/-1;justify-items:start;text-align:left;min-height:62px}.marketing-library-card strong{font-size:11px}.marketing-library-card small{font-size:9px;color:var(--muted);line-height:1.35}
.library-preview{width:100%;height:38px;border:1px solid #d7dcda;border-radius:4px;background:#f5f7f6;display:grid;gap:3px;padding:5px;box-sizing:border-box}
.library-preview.one{grid-template-columns:1fr}.library-preview.two{grid-template-columns:1fr 1fr}.library-preview.three{grid-template-columns:repeat(3,1fr)}.library-preview.large-small{grid-template-columns:2fr 1fr}.library-preview.small-large{grid-template-columns:1fr 2fr}
.library-preview::before,.library-preview::after{content:"";background:#d8ddda;border-radius:2px}.library-preview.three::after{box-shadow:calc(100% + 3px) 0 0 #d8ddda}

.marketing-rich-editor{display:grid;gap:7px}.marketing-rich-toolbar{display:flex;gap:5px;flex-wrap:wrap}.marketing-rich-toolbar button{padding:6px 8px;min-height:30px;font-size:11px}
.marketing-rich-content{min-height:130px;padding:10px;border:1px solid var(--line);border-radius:7px;background:#fff;line-height:1.55;outline:none}.marketing-rich-content:focus{border-color:#6e8f82;box-shadow:0 0 0 2px rgba(47,184,154,.1)}
.marketing-rich-content p{margin:0 0 10px}.marketing-rich-content p:last-child{margin-bottom:0}
.marketing-heading-preview{padding-left:28px;padding-right:28px}.marketing-heading-preview h1,.marketing-heading-preview h2,.marketing-heading-preview h3{margin:0}

.marketing-preview-section{display:grid;gap:14px;padding:14px 22px}.marketing-preview-section.layout-1{grid-template-columns:1fr}.marketing-preview-section.layout-2{grid-template-columns:1fr 1fr}.marketing-preview-section.layout-3{grid-template-columns:repeat(3,1fr)}.marketing-preview-section.layout-2-1{grid-template-columns:2fr 1fr}.marketing-preview-section.layout-1-2{grid-template-columns:1fr 2fr}
.marketing-preview-quote{margin-left:28px;margin-right:28px;padding:8px 0 8px 16px;border-left:4px solid var(--orange);font-size:17px;line-height:1.55;font-style:italic}.marketing-preview-quote cite{display:block;margin-top:7px;font-size:12px;font-style:normal;font-weight:700}
.marketing-preview-button-group{padding:12px 28px 24px}.marketing-preview-button-group .marketing-preview-button{margin:4px}
.marketing-preview-media-card{margin:12px 28px;display:grid;gap:8px}.marketing-preview-media-card img{display:block;width:100%;height:auto;border-radius:7px}.marketing-media-placeholder{min-height:150px;display:flex;align-items:center;justify-content:center;background:#eef1f2;font-size:42px;border-radius:7px}
.marketing-preview-audio{margin:12px 28px;padding:10px;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:12px}.marketing-preview-audio img{width:70px;height:70px;object-fit:cover;border-radius:6px}.marketing-preview-audio small{display:block;color:var(--muted);margin-top:3px}.marketing-audio-play{font-size:22px}
.marketing-preview-table{width:calc(100% - 56px);margin:12px 28px;border-collapse:collapse}.marketing-preview-table th,.marketing-preview-table td{padding:8px;border:1px solid var(--line);font-size:12px;text-align:left}.marketing-preview-table th{background:#f3f6f8}
.marketing-preview-gallery{display:grid;gap:8px;padding:12px 28px}.marketing-preview-gallery.mode-1{grid-template-columns:1fr}.marketing-preview-gallery.mode-2{grid-template-columns:repeat(2,1fr)}.marketing-preview-gallery.mode-3{grid-template-columns:repeat(3,1fr)}.marketing-preview-gallery.mode-4{grid-template-columns:repeat(4,1fr)}.marketing-preview-gallery.mode-5,.marketing-preview-gallery.mode-carousel{grid-template-columns:repeat(5,1fr)}
.marketing-gallery-cell img{display:block;width:100%;height:auto}.marketing-gallery-cell .marketing-image-placeholder{margin:0;padding:28px 8px}
.marketing-preview-accordion{display:grid;gap:8px;padding:12px 28px}.marketing-accordion-item{border:1px solid var(--line);border-radius:7px;padding:12px}.marketing-accordion-item p{margin:7px 0 0;font-size:13px;line-height:1.5}
.marketing-preview-footer{cursor:pointer}.marketing-preview-footer.selected-footer{outline:3px solid #0b2b42;outline-offset:-3px}.marketing-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.marketing-footer-grid.aligned>div:last-child{text-align:right}.marketing-footer-centered{text-align:center}.marketing-footer-centered p,.marketing-footer-grid p{margin:7px 0}
@media(max-width:1250px){.marketing-library{width:190px}}
@media(max-width:760px){
  .marketing-library{width:auto;max-height:none}.marketing-library-tabs{grid-template-columns:1fr 1fr}.marketing-library-cards{grid-template-columns:1fr 1fr}
  .marketing-preview-section.layout-2,.marketing-preview-section.layout-3,.marketing-preview-section.layout-2-1,.marketing-preview-section.layout-1-2{grid-template-columns:1fr}
  .marketing-preview-gallery.mode-3,.marketing-preview-gallery.mode-4,.marketing-preview-gallery.mode-5,.marketing-preview-gallery.mode-carousel{grid-template-columns:repeat(2,1fr)}
  .marketing-footer-grid{grid-template-columns:1fr}.marketing-footer-grid.aligned>div:last-child{text-align:left}
}


.marketing-builder-workspace{grid-template-columns:230px minmax(420px,1fr) 340px}
.marketing-preview-countdown{padding:18px 28px;text-align:center}.marketing-preview-countdown small{display:block;color:var(--muted);margin-bottom:8px}.marketing-preview-countdown strong{display:block;font-size:28px;letter-spacing:1px}
@media(max-width:1250px){.marketing-builder-workspace{grid-template-columns:200px minmax(380px,1fr) 300px}}
@media(max-width:1000px){.marketing-builder-workspace{grid-template-columns:180px 1fr}}
@media(max-width:760px){.marketing-builder-workspace{grid-template-columns:1fr}}


/* Email Marketing v0.5 premium shell */
.marketing-container{max-width:1440px}
.marketing-subnav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #e4e8e6;box-shadow:0 6px 20px rgba(1,39,58,.04)}
.marketing-subnav-inner{max-width:1440px;margin:0 auto;padding:0 32px;display:flex;gap:6px;overflow:auto}
.marketing-subnav a{position:relative;padding:13px 14px;color:#40515a;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap;border-radius:8px 8px 0 0}
.marketing-subnav a:hover{background:#f5f7f6;color:#01273a}
.marketing-subnav a.active{color:#01273a}.marketing-subnav a.active::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:#ef7f23}

.marketing-hero{margin:18px 0 20px;padding:28px 30px;border:1px solid #e1e7e4;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#fbfcfb 55%,#f3f8f6 100%);box-shadow:0 16px 44px rgba(1,39,58,.06);display:flex;justify-content:space-between;align-items:center;gap:24px}
.marketing-hero h1{margin:2px 0 6px;font-size:38px;letter-spacing:-1px}.marketing-hero .lead{margin:0;max-width:720px}
.marketing-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.marketing-mode-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;border:1px solid #d8e2de;background:#f7faf9;color:#466057}
.marketing-mode-pill.test{background:#fff5e9;border-color:#f4c990;color:#9b5c10}.marketing-mode-pill.production{background:#fff0ee;border-color:#efb2a9;color:#a53f31}
.marketing-test-banner{border-color:#f0c98f;background:linear-gradient(90deg,#fff8ed,#fffdf8)}

.marketing-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 18px}
.marketing-kpi-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}
.marketing-kpi{display:grid;gap:5px;min-height:128px;padding:17px 18px;border:1px solid #e0e6e3;border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(1,39,58,.045);text-decoration:none;color:inherit}
.marketing-kpi span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#697a72}.marketing-kpi strong{font-size:30px;line-height:1;color:#132f3d}.marketing-kpi small{font-size:10px;line-height:1.45;color:#7b8983}
.marketing-kpi.clickable{transition:transform .15s,box-shadow .15s,border-color .15s}.marketing-kpi.clickable:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(1,39,58,.08);border-color:#bdccc6}

.marketing-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}.marketing-dashboard-grid.two{grid-template-columns:1fr 1fr}
.marketing-command-card{padding:20px;border:1px solid #dfe6e3;border-radius:15px;background:#fff;box-shadow:0 12px 30px rgba(1,39,58,.045);display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}
.marketing-command-card>a{grid-column:2;justify-self:start}.marketing-command-card h2{margin:1px 0 6px}.marketing-command-card p:not(.eyebrow){margin:0;color:#65766f;font-size:12px;line-height:1.5}
.marketing-command-icon{width:42px;height:42px;border-radius:12px;background:#eef7f3;color:#137b63;display:grid;place-items:center;font-size:20px;font-weight:800}
.marketing-premium-card{border-radius:15px;box-shadow:0 12px 30px rgba(1,39,58,.045)}
.status-dot{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800;background:#f4f5f4;color:#66736e}.status-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:#9ba6a1}.status-dot.ok{background:#eef8f4;color:#22705d}.status-dot.ok::before{background:#2fa47f}.status-dot.off::before{background:#a3aaa7}
.marketing-last-test{display:grid;gap:4px;padding:14px;border-radius:11px;background:#f7faf8}.marketing-last-test span{font-size:10px;color:#74847d;text-transform:uppercase;font-weight:800}.marketing-last-test strong{font-size:16px}.marketing-last-test small{color:#71817a}

.marketing-mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.marketing-mini-metrics>div{padding:12px;border-radius:10px;background:#f7faf8;display:grid;gap:3px}.marketing-mini-metrics span{font-size:10px;color:#72827b}.marketing-mini-metrics strong{font-size:20px;color:#173743}
.marketing-campaign-list{display:grid}.marketing-campaign-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:13px 4px;border-bottom:1px solid #edf0ee;text-decoration:none;color:inherit}.marketing-campaign-row:last-child{border-bottom:0}.marketing-campaign-row:hover{background:#fbfcfb}.marketing-campaign-row>div{display:grid;gap:3px}.marketing-campaign-row>div span{color:#73827b;font-size:11px}.marketing-campaign-row small{color:#74827c;white-space:nowrap}
.marketing-import-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.marketing-import-grid>div{display:grid;gap:3px;padding:12px;border-radius:10px;background:#f7faf8}.marketing-import-grid span,.marketing-import-grid small{font-size:10px;color:#73827b}

.marketing-analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 18px}.marketing-metric-lines{display:grid}.marketing-metric-lines>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #edf0ee}.marketing-metric-lines>div:last-child{border-bottom:0}.marketing-metric-lines span{color:#65766f}.marketing-metric-lines strong{color:#173743}
.marketing-neutral{background:#f6f8f7;border-color:#dce3e0;color:#465851}.marketing-performance-table td:first-child{min-width:220px}.marketing-performance-table td:first-child small{display:block;margin-top:4px;color:#7b8882;max-width:340px}.marketing-analytics-note{margin-top:12px}

.marketing-test-dock{position:sticky;top:53px;z-index:24;margin:0 0 16px;padding:11px 13px;border:1px solid #d8e4df;border-radius:12px;background:rgba(249,252,250,.97);backdrop-filter:blur(10px);box-shadow:0 10px 28px rgba(1,39,58,.055);display:flex;justify-content:space-between;align-items:center;gap:14px}
.marketing-test-copy{display:flex;align-items:center;gap:10px;min-width:0}.marketing-test-copy>div{display:grid;gap:2px}.marketing-test-copy small{color:#6f8078;font-size:10px;line-height:1.35}.marketing-test-icon{width:34px;height:34px;border-radius:10px;background:#eef7f3;display:grid;place-items:center;font-size:16px;color:#137b63}
.marketing-test-inline{display:grid;grid-template-columns:minmax(210px,290px) auto;gap:8px;align-items:center}.marketing-test-inline input{margin:0}.marketing-test-inline button{white-space:nowrap}

@media(max-width:1100px){.marketing-kpi-grid{grid-template-columns:repeat(3,1fr)}.marketing-kpi-grid.compact{grid-template-columns:repeat(2,1fr)}.marketing-dashboard-grid{grid-template-columns:1fr}.marketing-dashboard-grid.two,.marketing-analytics-grid{grid-template-columns:1fr}}
@media(max-width:720px){.marketing-subnav-inner{padding:0 14px}.marketing-hero{padding:20px;align-items:flex-start;flex-direction:column}.marketing-hero h1{font-size:31px}.marketing-hero-actions{justify-content:flex-start}.marketing-kpi-grid,.marketing-kpi-grid.compact{grid-template-columns:1fr 1fr}.marketing-import-grid{grid-template-columns:1fr}.marketing-test-dock{position:static;align-items:stretch;flex-direction:column}.marketing-test-inline{grid-template-columns:1fr}.marketing-campaign-row{grid-template-columns:1fr auto}.marketing-campaign-row>small{grid-column:1/-1}}
@media(max-width:480px){.marketing-kpi-grid,.marketing-kpi-grid.compact{grid-template-columns:1fr}}


.marketing-container .card{border-color:#e2e8e5;border-radius:14px;box-shadow:0 10px 28px rgba(1,39,58,.035)}
.marketing-container input,.marketing-container select,.marketing-container textarea{border-radius:8px;border-color:#cfd8d4}
.marketing-container input:focus,.marketing-container select:focus,.marketing-container textarea:focus{outline:none;border-color:#6d9f8f;box-shadow:0 0 0 3px rgba(47,184,154,.10)}
.marketing-container .button,.marketing-container button{border-radius:8px}
.marketing-container .page-top h1{letter-spacing:-.5px}
.marketing-container .table-wrap{border-radius:10px;overflow:hidden}
.marketing-container table thead th{background:#f7f9f8;color:#52655c;font-size:10px;text-transform:uppercase;letter-spacing:.045em}
.marketing-container table tbody tr:hover{background:#fbfcfb}
.compact-hero{padding-top:22px;padding-bottom:22px}.compact-hero h1{font-size:32px}


/* Marketing builder v0.6 premium editing experience */
.marketing-editor-toolbar{position:sticky;top:53px;z-index:22;box-shadow:0 10px 24px rgba(1,39,58,.06)}
.marketing-editor-title{display:grid;gap:2px;min-width:180px}
.marketing-builder-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.marketing-history-actions{display:flex;gap:5px}.marketing-history-actions button:disabled{opacity:.38;cursor:not-allowed}
.marketing-save-state{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#edf6f2;color:#36705f;font-size:10px;font-weight:800;white-space:nowrap}
.marketing-save-state::before{content:"";width:7px;height:7px;border-radius:50%;background:#4ba486}.marketing-save-state.dirty{background:#fff4e5;color:#945a10}.marketing-save-state.dirty::before{background:#ef8c24}
.marketing-toolbar-save{padding:8px 13px!important;min-height:34px!important}
.marketing-media-browse{width:100%;margin:0}

.marketing-media-modal{position:fixed;inset:0;z-index:1000;background:rgba(4,24,35,.58);backdrop-filter:blur(5px);display:grid;place-items:center;padding:24px}
.marketing-media-dialog{width:min(900px,96vw);max-height:min(760px,90vh);overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px;padding:18px;border-radius:16px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.22)}
.marketing-media-dialog-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.marketing-media-dialog-head>div{display:grid;gap:2px}.marketing-media-dialog-head button{font-size:18px;text-decoration:none}
.marketing-media-search{margin:0}
.marketing-media-grid{overflow:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:2px}
.marketing-media-card{min-width:0;padding:7px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);display:grid;gap:7px;text-align:left;cursor:pointer}
.marketing-media-card:hover,.marketing-media-card.selected{border-color:#1e8069;box-shadow:0 0 0 2px rgba(47,184,154,.1)}
.marketing-media-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:7px;background:#f3f6f5}.marketing-media-card span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.marketing-media-empty{grid-column:1/-1;text-align:center;padding:36px;color:var(--muted)}
.marketing-library-select-fallback{display:none!important}

body.marketing-builder-focus{overflow:hidden}
body.marketing-builder-focus .site-header,
body.marketing-builder-focus .marketing-subnav,
body.marketing-builder-focus .marketing-test-dock,
body.marketing-builder-focus .marketing-container>.back,
body.marketing-builder-focus .marketing-container>.page-top,
body.marketing-builder-focus .marketing-container>.marketing-media-panel,
body.marketing-builder-focus #marketing-campaign-form>section.card:not(.marketing-builder-shell),
body.marketing-builder-focus #marketing-campaign-form>.actions,
body.marketing-builder-focus>footer{display:none!important}
body.marketing-builder-focus .marketing-container{max-width:none;padding:0;margin:0;height:100vh}
body.marketing-builder-focus .marketing-builder-shell{position:fixed;inset:0;z-index:950;margin:0;border:0;border-radius:0;padding:14px 18px;background:#f8faf9;overflow:auto}
body.marketing-builder-focus .marketing-builder-shell>.section-heading,
body.marketing-builder-focus .marketing-preset-bar,
body.marketing-builder-focus .marketing-brand-section{display:none}
body.marketing-builder-focus .marketing-editor-toolbar{top:0;margin-top:0}
body.marketing-builder-focus .marketing-builder-workspace{grid-template-columns:240px minmax(520px,1fr) 360px;min-height:calc(100vh - 76px)}
body.marketing-builder-focus .marketing-palette,
body.marketing-builder-focus .marketing-inspector{top:70px;max-height:calc(100vh - 86px)}
body.marketing-builder-focus .marketing-canvas-frame{min-height:calc(100vh - 94px)}

@media(max-width:1000px){
  .marketing-editor-toolbar{position:static}.marketing-builder-actions{justify-content:flex-start}.marketing-editor-toolbar{align-items:flex-start;flex-direction:column}
  .marketing-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.marketing-builder-focus .marketing-builder-workspace{grid-template-columns:190px 1fr}
  body.marketing-builder-focus .marketing-inspector{position:fixed;right:10px;bottom:10px;top:auto;width:min(420px,calc(100vw - 20px));max-height:55vh;z-index:970}
}
@media(max-width:650px){
  .marketing-media-modal{padding:10px}.marketing-media-dialog{padding:12px}.marketing-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .marketing-builder-actions{width:100%}.marketing-device-switch{order:2}.marketing-toolbar-save{margin-left:auto}
  body.marketing-builder-focus .marketing-builder-workspace{grid-template-columns:1fr}.marketing-palette{max-height:none}
}


/* Marketing deliverability / Google Postmaster */
.deliverability-dns-grid .marketing-kpi strong{font-size:24px}
.marketing-setup-steps{display:grid;gap:10px;margin-top:14px}
.marketing-setup-steps>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:11px 12px;border:1px solid #e3e8e5;border-radius:10px;background:#fafcfb}
.marketing-setup-steps>div>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eef7f3;color:#16765f;font-size:12px;font-weight:800}
.marketing-setup-steps p{margin:0;display:grid;gap:3px}.marketing-setup-steps small{color:#6e7f77}.marketing-setup-steps code{display:block;margin-top:4px;padding:6px 8px;border-radius:6px;background:#eff3f1;font-size:10px;overflow-wrap:anywhere}
.marketing-compliance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 14px}
.marketing-compliance-grid>div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 11px;border-radius:9px;border:1px solid #e2e7e4;background:#f9fbfa}
.marketing-compliance-grid>div span{font-size:11px;color:#5d7067}.marketing-compliance-grid>div strong{font-size:11px}
.marketing-compliance-grid>div.ok{background:#eff8f4;border-color:#cfe5db}.marketing-compliance-grid>div.ok strong{color:#24705d}
.marketing-compliance-grid>div.warn{background:#fff5e9;border-color:#efd2aa}.marketing-compliance-grid>div.warn strong{color:#9c5a10}
.marketing-compliance-grid>div.neutral strong{color:#7b8983}
.marketing-disconnect-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.marketing-disconnect-form .check{margin:0}
@media(max-width:720px){.marketing-compliance-grid{grid-template-columns:1fr}}


/* Marketing campaign guided workflow */
.marketing-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 16px}
.marketing-flow-step{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:11px 12px;border:1px solid #e1e7e4;border-radius:12px;background:#fff;color:#6d7c76}
.marketing-flow-step>span{flex:0 0 27px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#f0f3f2;color:#60716a;font-size:11px;font-weight:800}
.marketing-flow-step>div{min-width:0;display:grid;gap:2px}.marketing-flow-step strong{font-size:11px;color:#40534b}.marketing-flow-step small{font-size:9px;line-height:1.3;color:#7d8a85}
.marketing-flow-step.active{border-color:#b8dcd0;background:linear-gradient(135deg,#f4fbf8,#fff);box-shadow:0 8px 20px rgba(47,184,154,.06)}
.marketing-flow-step.active>span{background:#2fb89a;color:#fff}.marketing-flow-step.active strong{color:#145e4e}
.marketing-flow-step.done{background:#f7faf8;color:#557067}.marketing-flow-step.done>span{background:#dff1e9;color:#1c745d}.marketing-flow-step.done strong{color:#315e50}
.marketing-audience-card .check{padding:10px 11px;border:1px solid #e6ebe8;border-radius:10px;background:#fbfcfb}
.marketing-audience-card .check:has(input:checked){border-color:#b9d9cf;background:#f2faf6;box-shadow:0 0 0 2px rgba(47,184,154,.06)}
.marketing-audience-summary{display:flex;align-items:flex-start;gap:7px;margin:0 0 14px;padding:10px 12px;border:1px solid #cfe5db;border-radius:10px;background:#f1f9f5;color:#386357;font-size:11px;line-height:1.45}
.marketing-audience-summary.warning{border-color:#efc993;background:#fff7eb;color:#8b591b}
.marketing-audience-summary strong{white-space:nowrap}
@media(max-width:900px){.marketing-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-flow-step:last-child{grid-column:1/-1}}
@media(max-width:520px){.marketing-flow{grid-template-columns:1fr}.marketing-flow-step:last-child{grid-column:auto}}


/* Newsletter color transparency controls */
.marketing-alpha-control{display:grid;gap:5px;margin-top:7px}
.marketing-alpha-label{font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#75847e}
.marketing-alpha-row{display:grid;grid-template-columns:minmax(90px,1fr) 42px;gap:8px;align-items:center}
.marketing-alpha-row input[type="range"]{width:100%;margin:0;accent-color:#2fb89a}
.marketing-alpha-value{font-size:10px;text-align:right;color:#42574e;font-variant-numeric:tabular-nums}
.marketing-brand-kit label>.marketing-alpha-control{grid-column:1/-1}
.marketing-brand-kit .marketing-alpha-label{text-transform:none;letter-spacing:0;font-weight:700}


/* Newsletter audience groups */
.marketing-group-search-results{display:grid;gap:8px;margin:12px 0}
.marketing-group-contact-choice{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border:1px solid #e3e9e6;border-radius:10px;background:#fbfcfb}
.marketing-group-contact-choice:has(input:checked){border-color:#b9d9cf;background:#f2faf6}
.marketing-group-contact-choice input{margin-top:3px}
.marketing-group-contact-choice span{display:grid;gap:2px}.marketing-group-contact-choice small{color:#71817a}
.marketing-danger-zone{border-color:#ecd6c7!important;background:linear-gradient(180deg,#fff,#fffaf7)}


/* Locked campaign audience summary */
.marketing-audience-lock-summary{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 16px;padding:15px 17px;border:1px solid #d8e5df;border-radius:13px;background:linear-gradient(135deg,#f7fbf9,#fff);box-shadow:0 8px 22px rgba(1,39,58,.035)}
.marketing-audience-lock-summary>div{display:grid;gap:4px;min-width:0}.marketing-audience-lock-summary strong{font-size:15px;color:#193e34}.marketing-audience-lock-summary small{color:#6c7c75;line-height:1.45}
.marketing-audience-count{flex:0 0 auto;min-width:54px;height:54px;padding:0 11px;border-radius:14px;display:grid;place-items:center;background:#eaf6f1;color:#176b57;font-size:20px;font-weight:800}
@media(max-width:620px){.marketing-audience-lock-summary{align-items:flex-start}.marketing-audience-count{min-width:46px;height:46px;font-size:17px}}