/* Styling for the nuaxia Alert Signup survey (Decipher/Forsta Plus, * selfserve/3252/260710). Duplicated project from nuaxiaExpress Interest * Survey (selfserve/3252/260708) - every rule below is carried over * verbatim from express_interest_reveal.css where it was already found, * fixed, and verified live (see express_interest.md in this same folder, * particularly section 4.20's marker-collapse fix and 4.21's combobox font * fix - both included here from the start rather than needing to be * rediscovered on this survey too). * * v8 (2026-07-27): hides the "Survey Completed - Thank You" heading on the * post-Finish exit page (h1.exit-message-header) - confirmed live that our * own includeCSS/includeJS DO load on that page (it's Decipher's own * platform template, not something in this survey's XML, so the heading * text itself isn't editable - this is the only lever available to remove * it, flagged to the client). `.exit-message-header` is scoped to exit * pages specifically, confirmed via live inspection before hiding it. * * v7 (2026-07-27): .step-layout justify-content fix (see inline comment * below) - unrelated to the confirmation-page work, just bundled into the * same round of client feedback. * * v6 (2026-07-27): .nuaxia-inline-list styling for the confirmation page's * resend/change-email/junk-folder list (replacing the old italic line, see * the JS's v8 note). No other CSS changes needed for this round - the Step * 2 restructure and trust-bar gating are XML/JS-only. * * v4 (2026-07-27): styling for the "Resend confirmation email" / "Change * email address" inline links + form on the confirmation page (see the JS's * v7 note). * * v3 (2026-07-27): real bug fix - the hidden .cell-input span (position: * absolute, no explicit top/left) was landing on top of the click area per * the browser's static-position fallback, intercepting clicks meant for the * icon/card padding before they reached anything else (confirmed via * elementFromPoint at the exact click coordinates, not guessed). Fixed by * pinning it to top:0;left:0 and adding pointer-events:none so it can never * intercept a real click - programmatic input.click() forwarding (see the * JS's v5 change) is unaffected since that bypasses hit-testing entirely. * * v1 (2026-07-26): initial build. Trimmed down from the Express Interest * source - rules specific to that survey's own fields (contact_title_other, * doctor_primaryspecialty_other, the verification-page checkbox label hide, * the location info banner, step info-cards) are not included since this * survey doesn't have those same features in v1. */ /* Collapse every hidden-config marker block to zero footprint - these carry * a fieldId:match=target1,target2 string for initSelectToggle() to read and * are never meant to be seen. Without this, the outer element's * default padding/margin renders as empty space wherever it lands in * document order (found and fixed on Express Interest, section 4.20 - built * into this survey from the start instead of waiting to rediscover it). */ [id^="comment_toggle_cfg_"]{display:none!important;margin:0!important;padding:0!important;} /* Full-width bar (background/border only) - inner content capped and * centered separately, matching #primary's own cap. */ #nuaxia-survey-header{background:#fff;border-bottom:3px solid #ffa300;font-family:Arial,Helvetica,sans-serif;} .nuaxia-header-inner{display:flex;align-items:center;gap:16px;padding:16px 24px;max-width:980px;margin:0 auto;box-sizing:border-box;} .nuaxia-header-inner img{height:28px;width:auto;display:block;} .nuaxia-header-inner span{color:#26373e;font-size:14px;} @media (max-width:480px){.nuaxia-header-inner span{display:none;}} #primary{max-width:980px;margin:0 auto;} /* Validation error text on its own line below the field, not before the * label (Express Interest section 4.15/4.16's fix, applied here from the * start). */ .question.select .question-error,.question.text .question-error{order:4;flex:0 0 100%;} .question.select .reveal-required-msg,.question.text .reveal-required-msg{order:4;flex:0 0 100%;} /* Dropdown + open-text field rows: label and field side by side, sharing a * fixed-width label column so every row aligns regardless of label length. */ .question.select,.question.text{display:flex;align-items:center;flex-wrap:wrap;gap:4px 16px;} .question.select .question-text,.question.text .question-text{margin:0;order:1;flex:0 0 240px;width:240px!important;} .question.select .answers-list,.question.text .answers-list{margin:0;order:2;width:auto!important;max-width:320px;flex:1 1 200px;} .question.select .answers-list select,.question.text .answers-list input{width:280px!important;max-width:100%;box-sizing:border-box;} .question.select .instruction-text,.question.text .instruction-text{order:3;flex:0 0 100%;margin-top:-3px;margin-bottom:0;color:#4685bf;font-size:13px;} @media (max-width:600px){ .question.select,.question.text{display:block;} .question.select .question-text,.question.text .question-text{margin-bottom:8px;width:auto!important;} .question.select .answers-list,.question.text .answers-list{max-width:none;} .question.select .answers-list select,.question.text .answers-list input{width:100%!important;} .nuaxia-combobox .combobox-input,.nuaxia-combobox .combobox-panel{width:100%;} } /* Searchable combobox overlay (specialty/country dropdowns). font-family set * explicitly (not "inherit") from the start - Express Interest found live * that "inherit" can resolve to an unrelated icon font depending on DOM * insertion point (section 4.21). Matches a native input's real computed * font: "Roboto Condensed Light", sans-serif at 15px. */ .question .answers-list{position:relative;} .nuaxia-combobox .combobox-input{width:280px;max-width:100%;box-sizing:border-box;padding:6px 8px;border:1px solid #ccd0d5;border-radius:4px;font-size:15px;font-family:"Roboto Condensed Light",sans-serif;} .nuaxia-combobox .combobox-panel{display:none;position:absolute;top:100%;left:0;z-index:50;width:280px;max-width:100%;max-height:240px;overflow-y:auto;background:#fff;border:1px solid #ccd0d5;border-top:none;box-shadow:0 4px 10px rgba(0,0,0,0.08);font-family:"Roboto Condensed Light",sans-serif;} .nuaxia-combobox .combobox-panel.open{display:block;} .nuaxia-combobox .combobox-option{padding:6px 8px;cursor:pointer;font-size:15px;} .nuaxia-combobox .combobox-option.active,.nuaxia-combobox .combobox-option:hover{background:#eef3fb;} .nuaxia-combobox .combobox-empty{padding:6px 8px;color:#888;font-size:14px;font-style:italic;} /* Platform-default footer ("Accessibility Statement - Help"). */ .footer{display:none;} /* Decipher's own post-Finish exit-page heading - see file header's v8 note. */ .exit-message-header{display:none;} /* Standalone blocks (not real questions) get id="comment_