/* Pofka Event/If — user-selected appearance: opt-in overrides preserve existing layouts */
:root { --pofka-accent:#246648; --pofka-bg:#f6f6f1; --pofka-paper:#fff; --pofka-ink:#203b32; }
html[data-pofka-theme="ocean"] { --pofka-accent:#16638a; --pofka-bg:#edf6fa; --pofka-paper:#fff; --pofka-ink:#153e58; color-scheme:light; }
html[data-pofka-theme="rose"] { --pofka-accent:#9d4e68; --pofka-bg:#fff2f4; --pofka-paper:#fffafd; --pofka-ink:#552a3b; color-scheme:light; }
html[data-pofka-theme="dark"] { --pofka-accent:#7bd6ac; --pofka-bg:#121e22; --pofka-paper:#233039; --pofka-ink:#e9f5ef; color-scheme:dark; }
html[data-pofka-theme]:not([data-pofka-theme="forest"]) body { background:var(--pofka-bg)!important; color:var(--pofka-ink)!important; }
html[data-pofka-theme]:not([data-pofka-theme="forest"]) :is(.panel,.card,.tile,.module-card,.workspace-card,.visual-head,.feature-card,.stat-card) { background:var(--pofka-paper)!important; color:var(--pofka-ink)!important; border-color:color-mix(in srgb,var(--pofka-accent),transparent 75%)!important; }
html[data-pofka-theme]:not([data-pofka-theme="forest"]) :is(.btn-primary,button.primary,.btn.primary) { background:var(--pofka-accent)!important; color:var(--pofka-bg)!important; }
#pofka-settings-toggle {position:fixed;right:12px;bottom:15px;z-index:2147482000;display:flex;gap:7px;align-items:center;border:1px solid #859b92;background:#fff;color:#203b32;border-radius:100px;padding:9px 13px;box-shadow:0 3px 18px #0002;font:600 13px/1.3 system-ui;cursor:pointer;min-height:42px}
#pofka-settings-panel {position:fixed;right:12px;bottom:66px;z-index:2147482000;width:min(325px,calc(100vw - 24px));border-radius:15px;border:1px solid #b9c8c2;background:#fff;color:#203b32;padding:18px;box-shadow:0 10px 45px #0003;font:14px/1.45 system-ui}
#pofka-settings-panel[hidden]{display:none!important}
#pofka-settings-panel h2{font:700 18px/1.3 system-ui;margin:0 0 12px;color:inherit}
#pofka-settings-panel label{font-weight:650;display:block;margin:8px 0 5px}
#pofka-settings-panel select{width:100%;padding:10px;border:1px solid #a2b5aa;border-radius:8px;background:#fff;color:#203b32}
#pofka-settings-panel a{color:#155f8a;display:inline-block;margin-top:13px;text-decoration:underline}
@media print {#pofka-settings-toggle,#pofka-settings-panel{display:none!important}}

/* R33.3 customer QA: readable night theme on inherited light editor surfaces. */
/* Keep white/light editor paper readable instead of inheriting white body text. */
html[data-pofka-theme="dark"] :is(.feature,.feature-accent,.hero-visual,.eif-template-entry,.ds-pane,.subhead,details.accord) {
  color:#213f34 !important;
}
html[data-pofka-theme="dark"] :is(.feature,.hero-visual,.eif-template-entry,.ds-pane,.subhead,details.accord) :is(h1,h2,h3,h4,strong,label) {
  color:#213f34 !important;
}
html[data-pofka-theme="dark"] :is(.feature,.eif-template-entry,.ds-pane,details.accord) :is(p,small,.muted,.meta,.lead,.step-num,.feature-meta,.feature-icon) {
  color:#476352 !important;
}
html[data-pofka-theme="dark"] .hero-visual .visual-date,
html[data-pofka-theme="dark"] .hero-visual .visual-date :is(strong,small,span,b) {
  color:#f2f9f3 !important;
}
html[data-pofka-theme="dark"] .ds-pane :is(a,button) {color:#234635;}
/* Other open-light cards and the venue's measurement form remain paper-light. */
html[data-pofka-theme="dark"] :is(.ds-toolbar,.ds-editor-tools,.ds-canvas-wrap,details.accord .accord-body,details.accord .form-row) {
  color:#234635 !important;
}
html[data-pofka-theme="dark"] .subhead :is(h1,p,small,strong,span) {color:#234635 !important;}
html[data-pofka-theme="dark"] :is(.panel,.card) :is(.muted,.meta,.lead) {color:#c4d9ce !important;}
html[data-pofka-theme="dark"] :is(.panel,.card) :is(label,small) {color:#c4d9ce;}
html[data-pofka-theme="dark"] :is(.panel,.card) :is(input,select,textarea) {background:#f7fbf7;color:#224536;border:1px solid #a5b9ac;}
html[data-pofka-theme="dark"] :is(.note,.warn,.warning,.context) {color:#5f4b2b !important;}
html[data-pofka-theme="dark"] .feature p {color:#44604e !important;}
html[data-pofka-theme="dark"] .feature-meta {color:#4b6a57 !important;}
html[data-pofka-theme="dark"] .hero-visual :is(.visual-kicker,.visual-foot,.visual-step small) {color:#41614f !important;}
/* Increase small supplementary-copy contrast in every light theme. */
html:not([data-pofka-theme="dark"]) :is(.hero-sub,.feature p,.section-sub,.trustline,.visual-foot) {color:#496753;}
html:not([data-pofka-theme="dark"]) :is(.feature-meta,.home-footer) {color:#4a6b54;}
/* Contrast follow-up after screenshots: headline placed on dark visual header. */
html[data-pofka-theme="dark"] .hero-visual .visual-head :is(h2,.visual-kicker) {color:#ecf7ed!important;}
html[data-pofka-theme="dark"] :is(.panel.side,.panel.right) :is(.meta,.muted,small,.hint,.section-sub) {color:#c5d8ce!important;}
html[data-pofka-theme="dark"] .panel.right :is(.rightgroup h3,.rightgroup strong) {color:#e7f2ec!important;}
html[data-pofka-theme="dark"] :is(.ds-gallery-title .ds-lead,.ds-small) {color:#c3d6cb!important;}

/* R42.12: discoverable, scrollable settings for desktop and small phone screens */
#pofka-settings-panel{width:min(420px,calc(100vw - 20px));max-height:min(83vh,760px);overflow-y:auto;padding:18px;box-sizing:border-box;overscroll-behavior:contain}
#pofka-settings-panel .pofka-settings-head{display:flex;justify-content:space-between;align-items:center;gap:9px}
#pofka-settings-panel .pofka-settings-close{border:0;background:#e8f0eb;color:#204d35;border-radius:8px;padding:8px 10px;cursor:pointer}
#pofka-settings-panel .pofka-settings-hint{font:12px/1.45 system-ui;color:#56695e;margin:7px 0 12px}
#pofka-settings-panel .pofka-setting-field{display:grid;gap:5px;margin:10px 0;font:650 12px/1.4 system-ui;color:#274835}
#pofka-settings-panel :is(input[type=text],input[type=file],input[type=color]){width:100%;box-sizing:border-box;border:1px solid #bfd0c4;border-radius:8px;padding:9px;background:#fff;color:#203b32;font:13px system-ui;min-height:42px}
#pofka-settings-panel input[type=color]{padding:5px;height:43px}
#pofka-settings-panel .pofka-setting-image{padding-top:4px;border-top:1px solid #edf2ed}
#pofka-settings-panel .pofka-setting-remove{display:flex;align-items:center;gap:7px;margin-top:3px;font-size:12px;color:#4c6053;font-weight:400}
#pofka-settings-panel .pofka-setting-remove input{width:17px;height:17px}
#pofka-settings-panel .pofka-settings-actions{display:flex;gap:9px;margin-top:12px;flex-wrap:wrap}
#pofka-settings-panel .pofka-settings-actions button{border:1px solid #adc8b5;border-radius:9px;padding:10px 12px;cursor:pointer;background:#edf5ee;color:#225139;font-weight:700}
#pofka-settings-panel .pofka-settings-actions .pofka-settings-save{background:#236147;color:#fff}
#pofka-settings-panel .pofka-settings-actions button:disabled{opacity:.5;cursor:wait}
#pofka-settings-panel .pofka-settings-status{font:650 12px/1.4 system-ui;color:#245e44;min-height:18px;margin:8px 0 2px}
#pofka-settings-panel a{margin-top:10px}
#pofka-settings-panel .pofka-settings-status.error{color:#922b1a}
/* Application chrome follows RTL; coordinates and external identifiers keep
   their logical left-to-right order, independent of the user's language. */
html[dir="rtl"] :is(label,th,td,.pofka-setting-field,.pofka-settings-hint,.ef-notice){text-align:start}
html[dir="rtl"] :is(input[type="email"],input[type="url"],input[type="tel"],input[type="number"],#eif-qr-value,#rsvpPhone,#ef-map-import-url){direction:ltr;text-align:left}
html[dir="rtl"] :is(#pofka-settings-toggle,#pofka-settings-panel){right:auto;left:12px}
html[dir="rtl"] .accord summary::after{margin-left:0;margin-inline-start:auto}
.top-end .eif-settings-action{display:inline-flex;align-items:center;border:1px solid #b1c7b5;color:#204b38;background:#f3f7f2;border-radius:9px;padding:8px 12px;font:650 13px system-ui;cursor:pointer;white-space:nowrap}
#personal-topbar [data-open-eventif-settings]{border:1px solid #98c8a8;border-radius:8px;background:#285f48;color:#fff;padding:7px 10px;font:650 12px system-ui;cursor:pointer}
.ds-header-actions [data-open-eventif-settings]{border:1px solid #c7daca!important;background:#eaf2e9!important;color:#1f5437!important;border-radius:9px!important}
body.pj-branded-background{background-image:linear-gradient(rgba(255,255,255,.84),rgba(255,255,255,.84)),var(--pj-custom-background)!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important}
html[data-pofka-theme="dark"] body.pj-branded-background{background-image:linear-gradient(rgba(18,27,31,.86),rgba(18,27,31,.86)),var(--pj-custom-background)!important}
.top-nav .logo-box.pj-icon-custom{overflow:hidden;padding:3px;display:grid;place-items:center}
.top-nav .logo-box.pj-icon-custom img{width:100%;height:100%;object-fit:contain}
@media(max-width:640px){#pofka-settings-toggle{bottom:12px;right:10px}#pofka-settings-panel{right:10px;bottom:61px;max-height:80vh}.top-end .eif-settings-action{font-size:12px;padding:7px 9px}}
@media print{#pofka-settings-toggle,#pofka-settings-panel,.eif-settings-action,[data-open-eventif-settings]{display:none!important}}

/* N08: foregrounds belong to their actual surface, not the page's theme.
   Paper editor panels stay light; themed cards retain their own dark surface. */
html[data-pofka-theme] :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),textarea,select){background:#fff!important;color:#203b32!important}
html[data-pofka-theme] :is(input,textarea)::placeholder{color:#4b6654!important;opacity:1}
html[data-pofka-theme] .pro-shell :is(.pro-brand small,kbd,.pro-side-foot,.pro-context small,.de-home-stats span,.pro-onboard-eyebrow,.pro-onboard small,.pro-section-top small,.pro-disclaimer,.pro-action-card small,.pro-overview-footer,.pro-project small){color:#435f4e!important}
html[data-pofka-theme] :is(.ds-step,.ds-step span,.ds-card-info small,.ds-pane .ds-small,.ds-stepbar .ds-small,.ds-inset .ds-small,.ds-properties .ds-small,.ds-canvas-help){color:#435f4e!important}
html[data-pofka-theme] .ds-gallery-title :is(small,.ds-lead){color:#526446!important}
html[data-pofka-theme] :is(.ds-foot,.foot,.footer){color:#435f4e}
html[data-pofka-theme] :is(.photoNote,.keycap,#eif-presets p,#eif-presets label){color:#405c4b!important}
html[data-pofka-theme] .finance-shell :is(.finance-brand span,.pro-muted){color:var(--finance-muted)!important}
html[data-pofka-theme] :is(.ef-muted,.ef-kpis span){color:#435f4e!important}
html[data-pofka-theme] .top-nav :is(.logo small,.logo-box small),html[data-pofka-theme] .top-nav .kicker{color:#536747!important}
html[data-pofka-theme] .status,html[data-pofka-theme] .pill{background:#eef5ef;color:#24523a!important}
html[data-pofka-theme] .status.error{background:#fff1ed;color:#812d24!important}
html[data-pofka-theme] label.btn{color:#234635!important}
html[data-pofka-theme="dark"]{--sub:#c5d8cf;--muted:#c5d8cf}
html[data-pofka-theme="dark"] :is(.ds-foot,.foot,.footer,.ds-gallery-title small,.ds-gallery-title .ds-lead){color:#c5d8cf!important}
html[data-pofka-theme="dark"] .top-nav :is(a,small,.kicker){color:#d2e5d7!important}
html[data-pofka-theme="dark"] :is(.panel.side,.panel.right) :is(h3,p,.legend,.canvas-tip){color:#c5d8cf!important}
html[data-pofka-theme="dark"] :is(.panel.side,.panel.right) :is(.keycap,#editor){background:#f6f9f5;color:#234635!important}
html[data-pofka-theme="dark"] .panel :is(p,h3){color:#c5d8cf!important}
html[data-pofka-theme="dark"] :is(.ef-card,.ef-panel){color:#203b32!important}
html[data-pofka-theme="dark"] :is(.ef-card,.ef-panel) :is(h2,label,summary,strong,span){color:inherit}
html[data-pofka-theme="dark"] :is(.card p,.lead,.intro,.muted){color:#c5d8cf}
html[data-pofka-theme="dark"] .card .empty{color:#c5d8cf!important}
html[data-pofka-theme="dark"] .step{color:#203b32!important}
html[data-pofka-theme="dark"] :is(#back,[data-acc-en="← Home"],.brand>small,main>.muted>span){color:#c5d8cf!important}
html[data-pofka-theme="dark"] :is(.brand,#home){color:#e9f5ef}

/* Contrast follow-up: small text and light inset panels in all four themes. */
html[data-pofka-theme] :is(.kicker,.eyebrow,.eye){color:#71562d!important}
html[data-pofka-theme] :is(#r38-subtitle,#r38-source,.lead,.intro,.ef-muted,.ef-kpi span,.ef-kpis span,#count){color:#435f4e!important}
html[data-pofka-theme] :is(.ds-stepbar .ds-small,.ds-pane .ds-small,.ds-inset .ds-small,.ds-properties .ds-small){color:#435f4e!important}
html[data-pofka-theme] :is(.brand>span,.brand>em){color:#71562d}
html[data-pofka-theme] :is(.note,.status) :is(span,strong){color:inherit!important}
html[data-pofka-theme] #eif-presets :is(h3,p,label),html[data-pofka-theme] :is(.photoNote,.pofka-easy-hint){color:#405c4b!important}
html[data-pofka-theme="dark"] :is(.kicker,.eyebrow,.eye,#r38-subtitle,#r38-source,.lead,.intro){color:#c5d8cf!important}
html[data-pofka-theme="dark"] .pfd-footer,html[data-pofka-theme="dark"] .pfd-footer strong{color:#c5d8cf!important}
html[data-pofka-theme="dark"] .top-nav .logo-text small{color:#c5d8cf!important}
html[data-pofka-theme="dark"] .top-nav .eif-account-action{color:#204635!important}
html[data-pofka-theme="dark"] .legend span{color:#c5d8cf!important}
html[data-pofka-theme="dark"] header:has(>.brand){background:#121e22!important;color:#e9f5ef!important}
html[data-pofka-theme="dark"] header:has(>.brand) .brand>span{color:#c5d8cf!important}
html[data-pofka-theme="dark"] #home.home{color:#204635!important}

html[data-pofka-theme] body.ef50{--efm:#435f4e}
html[data-pofka-theme] body.ef50 .ef-kpi span,html[data-pofka-theme] body.ef50 .ef-muted{color:#435f4e!important}
html[data-pofka-theme] .ds-step>span{opacity:1!important}
html[data-pofka-theme] #extent{color:#435f4e!important}
html[data-pofka-theme="dark"] #extent{color:#c5d8cf!important}
html[data-pofka-theme="dark"] header.top-nav small{color:#c5d8cf!important}
html[data-pofka-theme="dark"] body .brand em{color:#c5d8cf!important}
html[data-pofka-theme="dark"] body .note,html[data-pofka-theme="dark"] body .note span,html[data-pofka-theme="dark"] #remote-status span{color:#5f4b2b!important}
html[data-pofka-theme="dark"] body .panel.side #eif-presets :is(h3,p,label){color:#405c4b!important}
html[data-pofka-theme] body .card :is(.empty,p[data-t="cloudIntro"],p[data-t="limits"]){color:#435f4e!important}
html[data-pofka-theme="dark"] body .card :is(.empty,p[data-t="cloudIntro"],p[data-t="limits"]){color:#c5d8cf!important}
html[data-pofka-theme="dark"] #count{color:#c5d8cf!important}

html[data-pofka-theme] body.ef50 .ef-stat span{color:#435f4e!important}

html[data-pofka-theme] body :is(.empty,p[data-t="cloudIntro"],p[data-t="limits"]){color:#435f4e!important}
html[data-pofka-theme="dark"] body :is(.empty,p[data-t="cloudIntro"],p[data-t="limits"]){color:#c5d8cf!important}
html[data-pofka-theme="dark"] header.top-nav .logo small,html[data-pofka-theme="dark"] header.top-nav .brand small,html[data-pofka-theme="dark"] .top-nav .logo-box+span small{color:#c5d8cf!important}
html[data-pofka-theme="dark"] body .panel.side :is(.photoNote,.pofka-easy-hint){color:#405c4b!important}

html[data-pofka-theme="dark"] #dimensions{color:#c5d8cf!important}

html[data-pofka-theme] :is(.canvas-tip,.hint){color:#435f4e!important}
html[data-pofka-theme="dark"] body :is(.panel.side,.panel.right) :is(.canvas-tip,.hint){color:#c5d8cf!important}

/* Measured venue controls generated after the initial document has loaded. */
html[data-pofka-theme] .brand > [data-i18n-ignore]{color:inherit!important}
html[data-pofka-theme] .metric :is(small,b),
html[data-pofka-theme] .layer .kind,
html[data-pofka-theme] #editor .note,
html[data-pofka-theme] #warnings .alert{color:#294b38!important}
html[data-pofka-theme] .pro-shell :is(.ev-ext-head>small,.ev-ext-result>small,.ev-ext-result>span,.cm-tools>small,.cm-empty){color:#435f4e!important}
/* Pixel-backed follow-up for gradients, short numeric labels and gallery text
   that axe reports as undecided rather than as a definite violation. */
html[data-pofka-theme] .pro-shell :is(.pro-overline,.de-home-top small,.de-home-top p,.ef-location>p,#ef-place-feedback){color:#435f4e!important}
html[data-pofka-theme] :is(.pro-project>strong,.ds-card-info b,.ef-stat strong){color:#234635!important}
html[data-pofka-theme="dark"] .metrics article>b{color:#e9f5ef!important}
html[data-pofka-theme="dark"] #summary>.tile>b{color:#e9f5ef!important}
html[data-pofka-theme] .hero .eyebrow{color:#d2e5d7!important}
html[data-pofka-theme]:not([data-pofka-theme="dark"]) .ef-brand b{color:#71562d!important}
