/* HAVN Open Homes & Viewings — dark editorial campaign workspace. */
.havn-oh-shell { display:flex; flex-direction:column; gap:20px; }
.havn-oh-panel,.havn-oh-campaign,.havn-oh-empty,.havn-oh-phone,.havn-oh-side-card { background:var(--mc-surface); border:1px solid var(--mc-border); border-radius:var(--mc-radius-lg); }
.havn-oh-section-head,.havn-oh-campaign-meta,.havn-oh-attendee-main,.havn-oh-attendee-controls,.havn-oh-followup-top,.havn-oh-viewing,.havn-oh-form-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.havn-oh-eyebrow { margin:0 0 5px; color:var(--mc-accent); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
body .havn-mc .havn-oh-eyebrow { color:var(--mc-accent) !important; }
body .havn-mc .havn-oh-empty h2,body .havn-mc .havn-oh-campaign h1 { margin:0; color:var(--mc-text) !important; font-family:Fraunces,Georgia,serif; font-weight:500; letter-spacing:-.035em; }
body .havn-mc body .havn-mc .havn-oh-workspace { min-width:0; }
.havn-oh-campaign { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; padding:22px 24px; overflow:hidden; }
.havn-oh-campaign::before { content:""; position:absolute; top:0; left:0; width:3px; height:100%; background:var(--mc-accent); }
body .havn-mc .havn-oh-campaign h1 { font-size:clamp(26px,3vw,38px); line-height:1.12; }
body .havn-mc .havn-oh-campaign-copy > p:not(.havn-oh-eyebrow),body .havn-mc .havn-oh-muted { margin:6px 0 0; color:var(--mc-text-3) !important; font-size:12.5px; line-height:1.55; }
.havn-oh-campaign-meta { justify-content:flex-start; flex-wrap:wrap; margin-top:14px; }
body .havn-mc .havn-oh-campaign-meta > span:not(.havn-oh-state) { color:var(--mc-text-2) !important; font-size:11px; }
.havn-oh-campaign-actions { display:flex; flex-wrap:wrap; align-content:center; justify-content:flex-end; gap:7px; max-width:290px; }
.havn-oh-state { display:inline-flex; align-items:center; padding:4px 9px; border:1px solid var(--mc-border-2); border-radius:999px; font-size:10px; font-weight:650; line-height:1.25; white-space:nowrap; }
body .havn-mc .havn-oh-state { color:var(--mc-text-2) !important; }
body .havn-mc .havn-oh-state.is-draft { color:var(--mc-text-3) !important; background:var(--mc-bg-3); }
body .havn-mc .havn-oh-state.is-published { color:#8AB4F8 !important; background:rgba(138,180,248,.1); border-color:rgba(138,180,248,.28); }
body .havn-mc .havn-oh-state.is-open { color:#6FCF97 !important; background:rgba(111,207,151,.1); border-color:rgba(111,207,151,.28); }
body .havn-mc .havn-oh-state.is-closed,body .havn-mc .havn-oh-state.is-report_ready { color:var(--mc-accent) !important; background:var(--mc-accent-soft); }
body .havn-mc .havn-oh-state.is-cancelled { color:#E0857B !important; background:rgba(224,133,123,.1); }
.havn-oh-button { min-height:34px !important; padding:7px 13px !important; border-radius:999px !important; font-size:11.5px !important; white-space:nowrap; }
.havn-oh-button[disabled] { cursor:not-allowed; opacity:.48; }
.havn-oh-linkbox,.havn-oh-qr { grid-column:1/-1; overflow-wrap:anywhere; padding:10px 12px; border:1px solid var(--mc-border); border-radius:10px; background:var(--mc-bg-2); }
body .havn-mc .havn-oh-linkbox span { color:var(--mc-text-2) !important; font-size:12px; }
.havn-oh-qr { display:flex; align-items:center; justify-content:center; min-height:80px; }
.havn-oh-qr[hidden],.havn-oh-linkbox[hidden] { display:none !important; }
.havn-oh-kpis { grid-template-columns:repeat(5,minmax(0,1fr)); gap:9px; margin:12px 0 17px; }
.havn-oh-kpi { min-width:0; padding:13px 14px !important; }
body .havn-mc .havn-oh-kpi .havn-mc-kpi-label { color:var(--mc-text-3) !important; font-size:10px; }
body .havn-mc .havn-oh-kpi .havn-mc-kpi-value { display:block; color:var(--mc-text) !important; font-size:22px; line-height:1.25; font-variant-numeric:tabular-nums; }
body .havn-mc .havn-oh-kpi .havn-mc-kpi-sub { display:block; margin-top:4px; color:var(--mc-text-3) !important; font-size:10px; }
.havn-oh-tabs { display:flex; flex-wrap:wrap; gap:4px; width:max-content; max-width:100%; margin:0 0 14px; padding:4px; border:1px solid var(--mc-border); border-radius:999px; background:var(--mc-bg-2); }
.havn-oh-tab,.havn-oh-chip { display:inline-flex; align-items:center; justify-content:center; padding:7px 13px; border:1px solid transparent; border-radius:999px; background:transparent; cursor:pointer; font:inherit; font-size:11px; transition:background .15s ease,color .15s ease; }
body .havn-mc .havn-oh-tab { color:var(--mc-text-3) !important; }
.havn-oh-tab:hover,.havn-oh-chip:hover { background:var(--mc-bg-3); }
.havn-oh-tab.is-active,.havn-oh-tab.is-active:hover,.havn-oh-chip.is-active { background:#D4B370; border-color:transparent; }
body .havn-mc .havn-oh-tab.is-active,body .havn-mc .havn-oh-tab.is-active:hover,body .havn-mc .havn-oh-chip.is-active { color:#1A1305 !important; font-weight:650; }
.havn-oh-tab-panel { min-width:0; }
.havn-oh-panel { padding:18px; }
.havn-oh-section-head { align-items:flex-start; margin-bottom:12px; }
body .havn-mc .havn-oh-section-head h3,body .havn-mc .havn-oh-panel h3,body .havn-mc .havn-oh-viewing h3 { margin:0; color:var(--mc-text) !important; font-family:Fraunces,Georgia,serif; font-size:19px; font-weight:500; letter-spacing:-.02em; }
.havn-oh-checklist { display:grid; gap:7px; }
.havn-oh-check { display:flex; align-items:center; gap:12px; padding:13px 14px; border:1px solid var(--mc-border); border-radius:12px; background:var(--mc-bg-2); cursor:pointer; }
.havn-oh-check > input { position:absolute; opacity:0; width:1px; height:1px; }
.havn-oh-checkmark { width:18px; height:18px; flex:0 0 18px; border:1px solid var(--mc-border-2); border-radius:5px; background:var(--mc-surface); }
.havn-oh-check > input:checked + .havn-oh-checkmark { position:relative; border-color:var(--mc-accent); background:var(--mc-accent); }
.havn-oh-check > input:checked + .havn-oh-checkmark::after { content:""; position:absolute; left:5px; top:2px; width:5px; height:9px; border:solid #1A1305; border-width:0 2px 2px 0; transform:rotate(45deg); }
.havn-oh-check-copy { display:flex; flex:1; flex-direction:column; gap:3px; min-width:0; }
body .havn-mc .havn-oh-check-copy strong { color:var(--mc-text) !important; font-size:12.5px; font-weight:600; }
body .havn-mc .havn-oh-check-copy small,body .havn-mc .havn-oh-ready,body .havn-mc .havn-oh-missing { color:var(--mc-text-3) !important; font-size:10.5px; }
body .havn-mc .havn-oh-ready { color:#6FCF97 !important; }
body .havn-mc .havn-oh-missing { color:#E2B76A !important; }
.havn-oh-signin-layout,.havn-oh-live-layout { display:grid; grid-template-columns:minmax(260px,1fr) minmax(230px,.8fr); gap:14px; align-items:start; }
.havn-oh-phone { width:min(100%,390px); margin:0 auto; padding:8px; border-radius:30px; background:#101216; }
.havn-oh-phone-top { display:flex; align-items:center; justify-content:center; position:relative; height:30px; }
.havn-oh-phone-top > span { position:absolute; width:46px; height:5px; border-radius:8px; background:#30343B; }
body .havn-mc .havn-oh-phone-top small { color:var(--mc-text-3) !important; font-size:8px; }
.havn-oh-phone-body { padding:17px 16px 18px; border:1px solid var(--mc-border); border-radius:22px; background:var(--mc-surface); }
body .havn-mc .havn-oh-phone-body h3 { margin:0; color:var(--mc-text) !important; font-family:Fraunces,Georgia,serif; font-size:23px; font-weight:500; }
.havn-oh-form { display:flex; flex-direction:column; gap:11px; margin-top:13px; }
.havn-oh-fields-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.havn-oh-field { display:flex; flex-direction:column; gap:5px; min-width:0; }
body .havn-mc .havn-oh-field > span { color:var(--mc-text-2) !important; font-size:11px; font-weight:600; }
.havn-oh-field input,.havn-oh-field select,.havn-oh-field textarea { appearance:none; width:100% !important; min-width:0; min-height:0 !important; margin:0 !important; padding:9px 10px !important; border:1px solid var(--mc-border) !important; border-radius:9px !important; outline:none; background:var(--mc-bg-3) !important; box-shadow:none !important; color:var(--mc-text) !important; font:inherit !important; font-size:12px !important; line-height:1.4; }
.havn-oh-field input:focus,.havn-oh-field select:focus,.havn-oh-field textarea:focus { border-color:var(--mc-accent) !important; box-shadow:0 0 0 3px var(--mc-accent-soft) !important; }
.havn-oh-field textarea { resize:vertical; }
.havn-oh-check-option { display:flex; align-items:flex-start; gap:8px; color:var(--mc-text-2); font-size:11px; line-height:1.45; cursor:pointer; }
.havn-oh-check-option input { flex:0 0 auto; accent-color:#D4B370; margin:1px 0 0; }
body .havn-mc .havn-oh-check-option span { color:var(--mc-text-2) !important; }
body .havn-mc .havn-oh-privacy { margin:0; color:var(--mc-text-3) !important; font-size:10px; line-height:1.45; }
.havn-oh-phone .havn-oh-button { width:100%; justify-content:center; }
.havn-oh-side-card { padding:19px; }
.havn-oh-divider { height:1px; margin:18px 0; background:var(--mc-border); }
.havn-oh-buyer-results { min-height:36px; margin-top:8px; }
body .havn-mc .havn-oh-buyer-results span { color:var(--mc-text-3) !important; font-size:11px; }
.havn-oh-live-layout { grid-template-columns:minmax(0,1.5fr) minmax(230px,.7fr); }
.havn-oh-count { padding:4px 9px; border:1px solid var(--mc-border); border-radius:999px; color:var(--mc-text-3); font-size:10px; white-space:nowrap; }
.havn-oh-attendees { display:grid; gap:9px; }
.havn-oh-attendee { display:grid; gap:10px; padding:14px; border:1px solid var(--mc-border); border-radius:12px; background:var(--mc-bg-2); }
.havn-oh-person { display:flex; flex-direction:column; gap:3px; }
body .havn-mc .havn-oh-person strong,body .havn-mc .havn-oh-feedback .havn-oh-section-head strong { color:var(--mc-text) !important; font-size:13px; }
body .havn-mc .havn-oh-person span,body .havn-mc .havn-oh-attendee-meta span { color:var(--mc-text-3) !important; font-size:10.5px; }
.havn-oh-badges { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:5px; }
.havn-oh-contact,.havn-oh-repeat { padding:4px 7px; border-radius:999px; background:var(--mc-bg-3); color:var(--mc-text-3); font-size:9px; }
.havn-oh-contact.is-known { color:#8AB4F8; background:rgba(138,180,248,.1); }
.havn-oh-contact.is-new { color:#D4B370; background:var(--mc-accent-soft); }
.havn-oh-repeat { color:var(--mc-text-2); }
.havn-oh-attendee-controls { align-items:end; flex-wrap:wrap; }
.havn-oh-attendee-controls .havn-oh-field { flex:1 1 160px; }
.havn-oh-safety { position:sticky; top:16px; }
.havn-oh-safety-actions { display:flex; flex-wrap:wrap; gap:6px; margin-top:14px; }
.havn-oh-timer { display:grid; grid-template-columns:1fr auto; gap:4px; margin-top:17px; padding:14px; border-radius:12px; background:var(--mc-bg-2); }
.havn-oh-timer > span { color:var(--mc-text-3); font-size:10px; }
.havn-oh-timer > strong { grid-column:2; grid-row:1/3; color:var(--mc-text); font-size:24px; font-variant-numeric:tabular-nums; }
.havn-oh-timer > strong small { font-size:10px; }
.havn-oh-feedback-list,.havn-oh-viewing-list { display:grid; gap:10px; }
.havn-oh-feedback,.havn-oh-viewing,.havn-oh-followup { padding:15px; border:1px solid var(--mc-border); border-radius:12px; background:var(--mc-surface); }
.havn-oh-feedback .havn-oh-section-head { align-items:center; }
.havn-oh-feedback .havn-oh-section-head .havn-oh-field { flex:0 1 190px; }
.havn-oh-chip-row { display:flex; flex-wrap:wrap; gap:5px; margin:12px 0; }
.havn-oh-chip { padding:7px 11px; border:1px solid var(--mc-border); color:var(--mc-text-3); }
body .havn-mc .havn-oh-chip { color:var(--mc-text-3) !important; }
.havn-oh-feedback > .havn-oh-button { margin-top:9px; }
.havn-oh-followup-groups { display:grid; gap:14px; }
.havn-oh-followup-group { display:grid; gap:8px; }
body .havn-mc .havn-oh-followup-group h3 { margin:0; color:var(--mc-text-2) !important; font-size:11px; font-weight:650; }
.havn-oh-followup-top span { color:var(--mc-text-3); font-size:10.5px; }
body .havn-mc .havn-oh-followup-top strong { color:var(--mc-text) !important; font-size:13px; }
.havn-oh-followup blockquote { margin:9px 0 12px; padding:10px 12px; border-left:2px solid var(--mc-accent); border-radius:0 9px 9px 0; background:var(--mc-bg-2); color:var(--mc-text-2); font-size:11px; line-height:1.55; }
body .havn-mc .havn-oh-lock-reason { margin:8px 0; color:#E0857B !important; font-size:10.5px; }
.havn-oh-viewing { align-items:center; }
.havn-oh-calendar-added { color:#6FCF97; font-size:11px; font-weight:650; }
.havn-oh-report { display:grid; gap:12px; }
.havn-oh-report-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.havn-oh-report-stats article { display:flex; flex-direction:column; gap:6px; padding:13px; border:1px solid var(--mc-border); border-radius:12px; background:var(--mc-surface); }
body .havn-mc .havn-oh-report-stats article span { color:var(--mc-text-3) !important; font-size:10px; }
body .havn-mc .havn-oh-report-stats article strong { color:var(--mc-text) !important; font-size:22px; }
.havn-oh-report-bars { display:grid; gap:10px; }
.havn-oh-report-row { display:grid; grid-template-columns:minmax(90px,150px) minmax(40px,1fr) 26px; align-items:center; gap:10px; }
body .havn-mc .havn-oh-report-row > span:first-child { color:var(--mc-text-2) !important; font-size:11px; }
.havn-oh-report-track { height:7px; overflow:hidden; border-radius:99px; background:var(--mc-bg-3); }
.havn-oh-report-track i { display:block; height:100%; border-radius:inherit; background:var(--mc-accent); }
body .havn-mc .havn-oh-report-row strong { color:var(--mc-text-3) !important; font-size:11px; text-align:right; }
.havn-oh-theme-list { display:flex; flex-wrap:wrap; gap:7px; }
.havn-oh-theme-list span { padding:7px 10px; border:1px solid var(--mc-border); border-radius:999px; background:var(--mc-bg-2); color:var(--mc-text-2); font-size:11px; }
body .havn-mc .havn-oh-report-footnote { margin:0; color:var(--mc-text-3) !important; font-size:10px; }
.havn-oh-empty { display:flex; flex-direction:column; align-items:flex-start; gap:11px; padding:34px; }
.havn-oh-empty-mark { display:grid; place-items:center; width:44px; height:44px; border:1px solid var(--mc-accent-soft); border-radius:14px; color:var(--mc-accent); font-family:Fraunces,Georgia,serif; font-size:16px; }
body .havn-mc .havn-oh-empty h2 { font-size:30px; }
body .havn-mc .havn-oh-empty > p:not(.havn-oh-eyebrow) { max-width:480px; margin:0; color:var(--mc-text-3) !important; font-size:13px; line-height:1.6; }
.havn-oh-empty-small { display:flex; flex-direction:column; gap:5px; padding:17px; border:1px dashed var(--mc-border-2); border-radius:12px; background:var(--mc-bg-2); }
body .havn-mc .havn-oh-empty-small strong { color:var(--mc-text-2) !important; font-size:12px; }
body .havn-mc .havn-oh-empty-small span { color:var(--mc-text-3) !important; font-size:11px; line-height:1.45; }
.havn-oh-modal { position:fixed; inset:0; z-index:10050; display:grid; place-items:center; padding:22px; }
.havn-oh-backdrop { position:absolute; inset:0; background:rgba(6,8,12,.68); backdrop-filter:blur(2px); }
.havn-oh-modal-panel { position:relative; width:min(560px,100%); max-height:min(88vh,840px); overflow:auto; padding:22px; border:1px solid var(--mc-border-2); border-radius:var(--mc-radius-lg); background:var(--mc-surface); box-shadow:var(--mc-shadow); }
.havn-oh-modal-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
body .havn-mc .havn-oh-modal-head h3 { margin:0; color:var(--mc-text) !important; font-family:Fraunces,Georgia,serif; font-size:22px; font-weight:500; }
.havn-oh-modal-x { width:30px !important; height:30px !important; min-height:0 !important; padding:0 !important; border:1px solid var(--mc-border) !important; border-radius:50% !important; background:transparent !important; color:var(--mc-text-2) !important; font-size:20px !important; line-height:1 !important; }
.havn-oh-form .havn-oh-form-actions { justify-content:flex-end; flex-wrap:wrap; margin-top:5px; }
.havn-oh-toast { position:fixed; right:18px; bottom:18px; z-index:10060; max-width:min(420px,calc(100vw - 36px)); padding:10px 14px; border:1px solid rgba(111,207,151,.35); border-radius:12px; background:var(--mc-surface); color:#6FCF97; box-shadow:var(--mc-shadow); font-size:12px; }
body .havn-mc .havn-oh-toast.is-error { border-color:rgba(224,133,123,.4); color:#E0857B !important; }
.havn-oh-toast[hidden] { display:none !important; }
.havn-oh-kpi .havn-mc-kpi-sub { display:block; margin-top:4px; color:var(--mc-text-3); }
body .havn-mc .havn-oh-kpi .havn-mc-kpi-sub { display:block; margin-top:4px; color:var(--mc-text-3) !important; }
.havn-oh-phone-top { display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:5px; position:relative; height:44px; padding-bottom:6px; }
.havn-oh-phone-top > span { position:static; order:2; flex:0 0 auto; }
body .havn-mc .havn-oh-phone-top small { position:static; order:1; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--mc-text-3) !important; font-size:8px; }
.havn-oh-buyer-results { display:grid; gap:5px; margin-top:7px; }
.havn-oh-buyer-result { display:flex; flex-direction:column; align-items:flex-start; gap:3px; width:100%; padding:9px 10px; border:1px solid var(--mc-border); border-radius:9px; background:var(--mc-bg-2); text-align:left; cursor:pointer; }
.havn-oh-buyer-result:hover { border-color:var(--mc-accent); }
body .havn-mc .havn-oh-buyer-result strong { color:var(--mc-text) !important; font-size:11px; }
body .havn-mc .havn-oh-buyer-result span { color:var(--mc-text-3) !important; font-size:10px; }
body .havn-mc .havn-oh-buyer-results > span { color:var(--mc-text-3) !important; font-size:11px; }
.havn-oh-followup .havn-oh-lock-reason { margin:8px 0; white-space:nowrap; }
.havn-oh-followup .havn-oh-button[disabled] { opacity:.65; }

.is-light .havn-oh-phone { background:#E6E8EC; }
.is-light .havn-oh-phone-top > span { background:#B9BDC5; }
.is-light .havn-oh-phone-body { background:var(--mc-surface); }
.is-light @media (max-width:900px) {
			.havn-oh-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
	.havn-oh-campaign { grid-template-columns:minmax(0,1fr); }
	.havn-oh-campaign-actions { justify-content:flex-start; max-width:none; }
}
@media (max-width:560px) {
	.havn-oh-shell { gap:12px; }
			.havn-oh-campaign { padding:17px 15px; border-radius:var(--mc-radius); }
	.havn-oh-campaign-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
	.havn-oh-campaign-actions .havn-oh-button { justify-content:center; white-space:normal; }
	.havn-oh-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
	.havn-oh-kpi { padding:11px !important; }
	.havn-oh-kpi:last-child { grid-column:1/-1; }
	.havn-oh-tabs { width:100%; flex-wrap:nowrap; overflow-x:auto; justify-content:flex-start; border-radius:16px; }
	.havn-oh-tab { flex:0 0 auto; padding:7px 11px; }
	.havn-oh-signin-layout,.havn-oh-live-layout { grid-template-columns:minmax(0,1fr); }
	.havn-oh-safety { position:static; }
	.havn-oh-fields-row { grid-template-columns:minmax(0,1fr); }
	.havn-oh-feedback .havn-oh-section-head { align-items:stretch; flex-direction:column; }
	.havn-oh-feedback .havn-oh-section-head .havn-oh-field { flex:auto; }
	.havn-oh-attendee-main { align-items:flex-start; flex-direction:column; }
	.havn-oh-badges { justify-content:flex-start; }
	.havn-oh-attendee-controls { align-items:stretch; flex-direction:column; }
	.havn-oh-attendee-controls .havn-oh-button { align-self:flex-start; }
	.havn-oh-report-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.havn-oh-report-stats article:last-child { grid-column:1/-1; }
	.havn-oh-report-row { grid-template-columns:minmax(80px,115px) minmax(25px,1fr) 20px; gap:7px; }
	.havn-oh-panel { padding:14px; }
	.havn-oh-empty { padding:24px 18px; }
	.havn-oh-modal { padding:0; }
	.havn-oh-modal-panel { width:100%; height:100%; max-height:100vh; padding:20px 16px; border:0; border-radius:0; }
	.havn-oh-form .havn-oh-form-actions { justify-content:stretch; }
	.havn-oh-form-actions .havn-oh-button { flex:1 1 auto; justify-content:center; }
}
.is-light .is-light .havn-oh-state.is-open { background:rgba(36,140,84,.09); }
.is-light .havn-oh-state.is-cancelled { background:rgba(190,65,58,.08); }

/* QR panel (v2.2.210 sweep): fixed-size code on white, caption beside it. */
.havn-oh-qr:not([hidden]) { display: flex; gap: 20px; align-items: center; margin-top: 18px; padding: 16px; border: 1px solid var(--mc-border); border-radius: 14px; justify-content: flex-start; }
.havn-oh-qr-code { flex: 0 0 168px; width: 168px; height: 168px; padding: 8px; background: #fff; border-radius: 10px; }
.havn-oh-qr-code svg { display: block; width: 100%; height: 100%; }
.havn-oh-qr-copy { display: grid; gap: 6px; justify-items: start; }
.havn-oh-qr-copy span { color: var(--mc-text-2); font-size: 13px; max-width: 34ch; }
@media (max-width: 640px) { .havn-oh-qr:not([hidden]) { flex-direction: column; align-items: flex-start; } }
.havn-oh-viewing-when { min-width: 220px; }

/* Date/time inputs carry browser padding on their inner fields and render
   2px taller than text inputs; lock every field to the house 38px. */
.havn-oh-field input, .havn-oh-field select { height: 38px !important; box-sizing: border-box !important; line-height: 18px; }
.havn-oh-field input::-webkit-datetime-edit, .havn-oh-field input::-webkit-datetime-edit-fields-wrapper { padding: 0; }
.havn-oh-field input::-webkit-calendar-picker-indicator { margin: 0; padding: 0; opacity: .6; filter: invert(1); cursor: pointer; }

/* ---- Title bar merged into the campaign card (v2.2.210) ---- */
.havn-oh-titlebar { grid-column:1/-1; display:flex; align-items:flex-end; justify-content:space-between; gap:16px; flex-wrap:wrap; padding-bottom:18px; margin-bottom:4px; border-bottom:1px solid var(--mc-border); }
body .havn-mc .havn-oh-page-title { margin:4px 0 0; color:var(--mc-text) !important; font-family:Fraunces,Georgia,serif; font-weight:500; font-size:clamp(24px,2.4vw,32px); line-height:1.1; letter-spacing:-.03em; }
.havn-oh-titlebar-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.havn-oh-switch { min-width:300px; max-width:420px; }
.havn-oh-sr { position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.havn-oh-empty .havn-oh-titlebar { align-self:stretch; }
.havn-oh-empty-body { display:flex; flex-direction:column; align-items:flex-start; gap:11px; padding-top:14px; }
@media (max-width:640px) {
	.havn-oh-titlebar-actions { width:100%; }
	.havn-oh-switch { min-width:0; max-width:none; flex:1 1 100%; }
}