/* Vaulex Group – order form (the /order/ wizard) in the brand dark theme.
   R72, 21 Sep 2026; v2 (R76, 5 Oct 2026) adds section 19, the postcode lookup results. Scoped to #ef-order-form and the order-form help modal only. */

#ef-order-form{--vx-bg:#070d1a;--vx-card:#0a1122;--vx-card2:#0d1628;--vx-line:rgba(148,163,184,.14);--vx-line2:rgba(148,163,184,.22);--vx-ink:#e2e8f0;--vx-ink2:#cbd5e1;--vx-mute:#94a3b8;--vx-mute2:#64748b;--vx-cyan:#38bdf8;--vx-cyan2:#7dd3fc;--vx-on:#04121c;--vx-green:#34d399;font-family:Inter,-apple-system,'Segoe UI',Arial,sans-serif !important;color:var(--vx-ink2);margin:6px 0 40px}
#ef-order-form *{font-family:inherit}
#ef-order-form .w-container{max-width:1180px}

/* ---- 1. The three section tabs ---- */
#ef-order-form .ef-order-form-nav-wrapper{background:transparent !important;border:0 !important;margin:0 0 14px}
#ef-order-form #ef-order-form-nav-section-content{display:flex !important;gap:10px;padding:0 !important;float:none !important}
#ef-order-form #ef-order-form-nav-section-content:before,#ef-order-form #ef-order-form-nav-section-content:after{display:none !important}
#ef-order-form .ef-nav-section-link{flex:1 1 0;width:auto !important;height:auto !important;float:none !important;padding:16px 18px !important;background:var(--vx-card) !important;border:1px solid var(--vx-line) !important;border-radius:14px !important;position:relative;overflow:hidden}
#ef-order-form .ef-nav-section-link .ef-nav-section-title,#ef-order-form .ef-nav-section-link a{color:var(--vx-mute) !important;font:700 15px/1.3 Inter,Arial,sans-serif !important;text-align:left !important;text-decoration:none !important;display:block}
#ef-order-form .ef-nav-section-link .ef-nav-section-description{display:block !important;color:var(--vx-mute2) !important;font:500 12.5px/1.4 Inter,Arial,sans-serif !important;margin-top:3px}
#ef-order-form .ef-nav-section-link.current{background:linear-gradient(180deg,rgba(56,189,248,.14),rgba(56,189,248,.04)) !important;border-color:rgba(56,189,248,.45) !important}
#ef-order-form .ef-nav-section-link.current:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--vx-cyan)}
#ef-order-form .ef-nav-section-link.current .ef-nav-section-title,#ef-order-form .ef-nav-section-link.current a{color:#fff !important}
#ef-order-form .ef-nav-section-link.current .ef-nav-section-description{color:var(--vx-cyan2) !important}

/* ---- 2. The step strip ---- */
#ef-order-form .ef-order-form-nav-step-wrapper{background:var(--vx-card2) !important;border:1px solid var(--vx-line) !important;border-radius:14px !important;padding:10px 12px !important;max-width:1180px;margin:0 auto 18px !important;box-sizing:border-box}
#ef-order-form .ef-order-form-nav-step-content{display:flex !important;flex-wrap:wrap;gap:6px;padding:0 !important;counter-reset:vxstep;max-width:none !important;margin:0 !important;width:100% !important}
#ef-order-form .ef-order-form-nav-step-content:before,#ef-order-form .ef-order-form-nav-step-content:after{display:none !important}
#ef-order-form a.ef-order-form-nav-item{counter-increment:vxstep;flex:1 1 0;min-width:0;width:auto !important;height:auto !important;float:none !important;display:flex !important;align-items:center;gap:10px;padding:8px 10px !important;border-radius:10px;color:var(--vx-mute) !important;text-decoration:none !important}
#ef-order-form a.ef-order-form-nav-item:hover{background:rgba(56,189,248,.06)}
#ef-order-form .ef-order-form-nav-item-indicator{display:flex !important;align-items:center;justify-content:center;flex:0 0 28px;width:28px !important;height:28px !important;margin:0 !important;padding:0 !important;float:none !important;border-radius:50%;background:transparent none !important;border:1.5px solid rgba(148,163,184,.35);color:var(--vx-mute);font:700 13px/1 Inter,Arial,sans-serif}
#ef-order-form .ef-order-form-nav-item-indicator:before{content:counter(vxstep)}
#ef-order-form .ef-order-form-nav-item-indicator[class*="-active"]{background:var(--vx-cyan) !important;border-color:var(--vx-cyan);color:var(--vx-on);box-shadow:0 0 0 4px rgba(56,189,248,.16)}
#ef-order-form .ef-order-form-nav-item-indicator.step-complete{background:rgba(52,211,153,.14) !important;border-color:rgba(52,211,153,.55);color:var(--vx-green)}
#ef-order-form .ef-order-form-nav-item-indicator.step-complete:before{content:"✓";font-size:14px}
#ef-order-form .ef-order-form-nav-item-text{padding:0 !important;width:auto !important;background:transparent !important;border-radius:0 !important;color:var(--vx-mute) !important;font:600 14px/1.25 Inter,Arial,sans-serif !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ef-order-form .ef-order-form-nav-item-text.current{color:#fff !important}
#ef-order-form .ef-order-form-nav-item-text.complete{color:var(--vx-ink2) !important}

/* ---- 3. The step panel ---- */
#ef-order-form .ef-content-wrapper{padding:0 !important}
#ef-order-form .ef-panel-wrapper{background:var(--vx-card) !important;border:1px solid var(--vx-line) !important;border-radius:16px !important;box-shadow:0 18px 44px rgba(0,0,0,.34) !important;overflow:hidden;padding:0 0 6px !important;margin:0 0 24px !important}
#ef-order-form #ef-panel-title{background:var(--vx-card2) none !important;border:0 !important;border-bottom:1px solid var(--vx-line) !important;padding:18px 26px !important;margin:0 !important;color:#fff !important}
#ef-order-form #ef-panel-title h1,#ef-order-form .ef-content-wrapper h1{margin:0 !important;padding:0 !important;border:0 !important;color:#fff !important;font:800 22px/1.25 Inter,Arial,sans-serif !important;letter-spacing:-.01em}
#ef-order-form #ef-panel-content{padding:22px 26px 8px !important;background:transparent !important}
#ef-order-form #ef-panel-inner-content{padding:0 !important}
#ef-order-form h2,#ef-order-form h3{color:#fff !important;font-family:Inter,Arial,sans-serif !important;font-weight:700 !important}
#ef-order-form h2{font-size:18px !important}
#ef-order-form h3{font-size:16px !important}
#ef-order-form p,#ef-order-form li,#ef-order-form td{color:var(--vx-ink2)}
#ef-order-form a:not(.ef-btn):not(.ef-order-form-nav-item):not(.ef-nav-section-title):not([class*="spotlight"]){color:var(--vx-cyan2)}

/* ---- 4. Form sections, labels and fields ---- */
#ef-order-form .ef-form-wrap{background:var(--vx-card2) !important;border:1px solid var(--vx-line) !important;border-radius:12px !important;padding:18px 20px 10px !important;margin:0 0 16px !important;color:var(--vx-ink2) !important}
#ef-order-form .ef-form-wrap.last-margin{margin-bottom:6px !important}
#ef-order-form label,#efPageContent #ef-order-form label{color:var(--vx-ink2) !important;font:600 13.5px/1.35 Inter,Arial,sans-serif !important;margin:0 0 7px !important;display:inline-block}
#ef-order-form .ef-modal-help-icon{display:inline-flex;vertical-align:middle;margin-left:4px;opacity:.8}
#ef-order-form .ef-help-icon-img{width:16px !important;height:16px !important;filter:invert(1) brightness(1.4) sepia(1) hue-rotate(170deg) saturate(4)}
#ef-order-form .w-input,#ef-order-form .w-select,#ef-order-form input[type=text],#ef-order-form input[type=email],#ef-order-form input[type=tel],#ef-order-form input[type=number],#ef-order-form input[type=date],#ef-order-form select,#ef-order-form textarea{background:#070d1a !important;border:1px solid var(--vx-line2) !important;border-radius:10px !important;color:var(--vx-ink) !important;font:500 15px/1.4 Inter,Arial,sans-serif !important;height:auto !important;min-height:44px;padding:10px 13px !important;box-shadow:none !important;margin-bottom:12px}
#ef-order-form textarea{min-height:96px}
#ef-order-form .w-input:focus,#ef-order-form .w-select:focus,#ef-order-form input:focus,#ef-order-form select:focus,#ef-order-form textarea:focus{outline:none !important;border-color:rgba(56,189,248,.7) !important;box-shadow:0 0 0 3px rgba(56,189,248,.18) !important}
#ef-order-form select option{background:#0d1628;color:#e2e8f0}
#ef-order-form input[type=checkbox],#ef-order-form input[type=radio]{accent-color:#38bdf8;width:18px;height:18px;vertical-align:middle;margin-right:6px}
#ef-order-form input[type=file]{color:var(--vx-mute) !important;background:transparent !important;border:1px dashed var(--vx-line2) !important;padding:10px !important}
#ef-order-form .ef-company-name-field{color:var(--vx-ink) !important;font-weight:700 !important;letter-spacing:.01em}
#ef-order-form .ef-namecheck-wrapper{display:flex;flex-wrap:wrap;align-items:flex-end;gap:0 12px;color:var(--vx-ink2) !important}
#ef-order-form .ef-namecheck-wrapper>.w-col-5{width:auto;flex:1 1 320px}
#ef-order-form .ef-namecheck-wrapper>.w-col-2{width:auto;flex:0 0 auto;padding-bottom:12px}
#ef-order-form .ef-optional-span,#ef-order-form .ef-input-supplement-text,#ef-order-form .ef-applies-to-header{color:var(--vx-mute) !important}
#ef-order-form label.ef-required-field{color:#fca5a5 !important}

/* ---- 5. Buttons ---- */
#ef-order-form .ef-btn{border-radius:999px !important;font:700 14px/1 Inter,Arial,sans-serif !important;padding:13px 22px !important;text-shadow:none !important;box-shadow:none !important;transition:background .15s,color .15s,border-color .15s,transform .15s !important;background-image:none !important;letter-spacing:.01em;height:auto !important}
#ef-order-form .ef-btn:hover{transform:translateY(-1px)}
#ef-order-form .ef-btn.nextstep,#ef-order-form .ef-btn.ef-primary-btn.ef-submit-btn{background:var(--vx-cyan) !important;border:1px solid var(--vx-cyan) !important;color:var(--vx-on) !important;padding:15px 26px !important;min-width:220px;font-size:15px !important;box-shadow:0 10px 26px rgba(56,189,248,.22) !important}
#ef-order-form .ef-btn.nextstep:after{content:"→";margin-left:10px;font-weight:800}
#ef-order-form .ef-btn.nextstep:hover,#ef-order-form .ef-btn.nextstep:focus,#ef-order-form .ef-btn.ef-submit-btn:hover{background:var(--vx-cyan2) !important;border-color:var(--vx-cyan2) !important;color:var(--vx-on) !important}
#ef-order-form .ef-btn.prevstep,#ef-order-form .ef-btn.ef-cancel-btn,#ef-order-form .ef-btn.ef-back-btn,#ef-order-form .ef-btn.back{background:transparent !important;border:1px solid var(--vx-line2) !important;color:var(--vx-ink2) !important}
#ef-order-form .ef-btn.prevstep:before{content:"←";margin-right:10px;font-weight:800}
#ef-order-form .ef-btn.prevstep:hover,#ef-order-form .ef-btn.ef-cancel-btn:hover,#ef-order-form .ef-btn.ef-back-btn:hover{border-color:rgba(56,189,248,.5) !important;color:#fff !important;background:rgba(56,189,248,.06) !important}
#ef-order-form .ef-btn.ef-primary-btn,#ef-order-form #ef-namecheck-button,#ef-order-form .ef-choose-btn,#ef-order-form .ef-btn.add-bt,#ef-order-form .ef-btn.ef-small-btn{background:rgba(56,189,248,.14) !important;border:1px solid rgba(56,189,248,.4) !important;color:var(--vx-cyan2) !important;margin-left:0 !important}
#ef-order-form .ef-btn.ef-primary-btn:hover,#ef-order-form #ef-namecheck-button:hover,#ef-order-form .ef-choose-btn:hover,#ef-order-form .ef-btn.add-bt:hover,#ef-order-form .ef-btn.ef-small-btn:hover{background:rgba(56,189,248,.24) !important;color:#fff !important}
#ef-order-form #ef-namecheck-button{min-height:44px;padding:12px 24px !important;width:auto !important}
#ef-order-form .ef-btn.ef-alt-btn,#ef-order-form .ef-btn.details-but{background:transparent !important;border:1px solid rgba(56,189,248,.4) !important;color:var(--vx-cyan2) !important}
#ef-order-form #ef-next-prev-btn{max-width:1180px;margin:0 auto 10px !important;box-sizing:border-box}
#ef-order-form .ef-next-prev-btn{display:flex !important;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--vx-line)}
#ef-order-form .ef-next-prev-btn:before,#ef-order-form .ef-next-prev-btn:after{display:none !important}
#ef-order-form .ef-next-prev-btn>.w-col{width:auto !important;float:none !important;padding:0 !important}
#ef-order-form .ef-next-prev-btn>.w-col:last-child{margin-left:auto}
#ef-order-form .ef-next-prev-btn>.w-col{flex:0 1 auto;min-width:0}
#ef-order-form .ef-next-prev-btn>.w-col:last-child{display:flex;justify-content:flex-end}
#ef-order-form .ef-next-prev-btn>.w-col:empty{display:none}
#ef-order-form .ef-next-prev-btn .ef-btn{margin:0 !important;float:none !important;display:inline-flex;align-items:center;justify-content:center}
#ef-order-form .ef-add-officer-buttons{background:transparent !important}
#ef-order-form .ef-add-officer{border-radius:12px !important;background-color:rgba(56,189,248,.12) !important;border:1px solid rgba(56,189,248,.38) !important;color:#e0f2fe !important;font:700 14px/1.2 Inter,Arial,sans-serif !important;padding:14px 18px 14px 50px !important;background-position:14px 50% !important;background-size:24px !important;text-shadow:none !important}
#ef-order-form .ef-add-officer:hover,#ef-order-form .ef-add-officer:focus{background-color:rgba(56,189,248,.24) !important;color:#fff !important}
#ef-order-form .ef-add-officer.nominee{display:none !important}

/* ---- 6. Alerts and information boxes ---- */
#ef-order-form .ef-alert-box{border-radius:12px !important;padding:14px 16px !important;margin:0 0 16px !important;border:1px solid var(--vx-line2) !important;background:rgba(148,163,184,.08) !important;color:var(--vx-ink2) !important;font:500 14.5px/1.5 Inter,Arial,sans-serif !important}
#ef-order-form .ef-alert-box .ef-alert-box-main-text{font:600 15px/1.45 Inter,Arial,sans-serif !important;color:inherit !important}
#ef-order-form .ef-alert-box.success{background:rgba(52,211,153,.10) !important;border-color:rgba(52,211,153,.35) !important;color:#a7f3d0 !important}
#ef-order-form .ef-alert-box.success strong,#ef-order-form .ef-alert-box.success .ef-namecheck-choosen-name{color:#fff !important}
#ef-order-form .ef-alert-box.warning{background:rgba(251,191,36,.10) !important;border-color:rgba(251,191,36,.35) !important;color:#fde68a !important}
#ef-order-form .ef-alert-box.fail{background:rgba(248,113,113,.10) !important;border-color:rgba(248,113,113,.35) !important;color:#fecaca !important}
#ef-order-form .ef-alert-box p{color:inherit !important;margin:6px 0 0}
#ef-order-form .ef-information-box{background-color:rgba(56,189,248,.08) !important;border:1px solid rgba(56,189,248,.28) !important;border-radius:12px !important;color:var(--vx-ink2) !important;background-image:none !important;padding:16px 18px !important}
#ef-order-form .ef-information-box *{color:var(--vx-ink2) !important}
#ef-order-form .ef-list-item{background-color:transparent !important;border-bottom:1px solid var(--vx-line) !important;color:var(--vx-ink2) !important}
#ef-order-form .ef-included,#ef-order-form .ef-included-text{color:var(--vx-green) !important}

/* ---- 7. SIC codes ---- */
#ef-order-form #ef-js-sic-codes__filter{background:transparent !important;border:0 !important;padding:0 !important;height:auto !important}
#ef-order-form .ef-js-sic-codes__filter__label{color:var(--vx-mute) !important;font-weight:600}
#ef-order-form #ef-js-sic-codes__filter__found{background:#070d1a;border:1px solid var(--vx-line);border-radius:10px;max-height:260px;overflow:auto;margin-top:6px}
#ef-order-form .ef-js-sic-code-row{background:transparent !important;border-bottom:1px solid var(--vx-line) !important;color:var(--vx-ink2) !important;padding:9px 12px !important}
#ef-order-form .ef-js-sic-code-row:hover{background:rgba(56,189,248,.08) !important}
#ef-order-form #ef-js-sic-codes__filter__found a,#ef-order-form #ef-js-sic-codes__filter__found a:link,#ef-order-form #ef-js-sic-codes__filter__found a:visited{color:var(--vx-ink) !important}
#ef-order-form .ef-sic-codes-selected{background:#070d1a;border:1px dashed var(--vx-line2);border-radius:12px;padding:12px 14px;min-height:92px}
#ef-order-form .ef-sic-code-list{margin:6px 0 0 !important;padding:0 !important;list-style:none}
#ef-order-form .ef-sic-code{background:rgba(52,211,153,.10) !important;border:1px solid rgba(52,211,153,.35) !important;border-radius:10px !important;color:#d1fae5 !important;padding:8px 10px !important;margin:0 0 6px !important}
#ef-order-form .ef-no-sic-code{color:var(--vx-mute) !important;font-style:italic}
#ef-order-form .ef-remove-sic-code-img{filter:invert(1) brightness(1.3)}

/* ---- 8. Tables (appointments, shareholders, review) ---- */
#ef-order-form table{border-collapse:separate !important;border-spacing:0 !important;width:100%;background:transparent !important;border:1px solid var(--vx-line) !important;border-radius:12px !important;overflow:hidden;margin:0 0 16px}
#ef-order-form table th,#ef-order-form tr.ef-header,#ef-order-form tr.ef-header td,#ef-order-form .ef-primary-table th{background:var(--vx-card2) !important;color:var(--vx-cyan) !important;font:800 10.5px/1.3 Inter,Arial,sans-serif !important;letter-spacing:.14em;text-transform:uppercase;border:0 !important;border-bottom:1px solid var(--vx-line) !important;padding:11px 14px !important}
#ef-order-form table td,#ef-order-form .ef-primary-table td,#ef-order-form .ef-primary-table tr td:first-child{background:transparent !important;color:var(--vx-ink2) !important;border:0 !important;border-bottom:1px solid rgba(148,163,184,.09) !important;padding:11px 14px !important;font-size:14px}
#ef-order-form table tr:last-child td{border-bottom:0 !important}

/* ---- 9. Officer tabs and item boxes ---- */
#ef-order-form .ef-officer-form-tab-menu{border-bottom:1px solid var(--vx-line) !important;display:flex;gap:2px;flex-wrap:wrap}
#ef-order-form .ef-tab-link,#ef-order-form .w-tab-link{background:transparent !important;border:0 !important;border-bottom:2px solid transparent !important;color:var(--vx-mute2) !important;font:700 13.5px/1 Inter,Arial,sans-serif !important;padding:13px 16px !important}
#ef-order-form .ef-tab-link>div{background:transparent !important;color:inherit !important}
#ef-order-form .ef-tab-link.w--current,#ef-order-form .w-tab-link.w--current,#ef-order-form .ef-tab-link.w--current>div{color:#fff !important;border-bottom-color:var(--vx-cyan) !important;background:transparent !important}
#ef-order-form .ef-item-box{background:var(--vx-card2) !important;border:1px solid var(--vx-line) !important;border-radius:14px !important;color:var(--vx-ink2) !important}
#ef-order-form .ef-item-box.ef-selected,#ef-order-form .ef-selected-hosting-item-box,#ef-order-form .ef-cart-available-message{background:rgba(56,189,248,.08) !important;border-color:rgba(56,189,248,.5) !important}
#ef-order-form .ef-item-bottom-border,#ef-order-form .ef-item-vertical-details{border-color:var(--vx-line) !important}
#ef-order-form .ef-highlight-selected{background:rgba(52,211,153,.18) !important;color:#d1fae5 !important}

/* ---- 10. Loaders, tooltips and the help pop-up ---- */
#ef-order-form #ef-panel-loader{background:var(--vx-card) !important}
#ef-order-form .ef-help-container{background:var(--vx-card2) !important;border:1px solid var(--vx-line2) !important;color:var(--vx-ink2) !important;box-shadow:0 14px 34px rgba(0,0,0,.45) !important;border-radius:12px !important}
.ef-info-modal{background:rgba(3,7,18,.72) !important;backdrop-filter:blur(2px)}
.ef-info-modal .ef-info-modal-content{background:#0a1122 !important;border:1px solid rgba(148,163,184,.22) !important;border-radius:16px !important;box-shadow:0 24px 60px rgba(0,0,0,.55) !important;color:#cbd5e1 !important;overflow:hidden}
.ef-info-modal .ef-info-modal-header{background:#0d1628 !important;color:#fff !important;border-bottom:1px solid rgba(148,163,184,.14)}
.ef-info-modal .ef-info-modal-title{color:#fff !important;font:700 17px/1.3 Inter,Arial,sans-serif !important}
.ef-info-modal .ef-info-modal-close{color:#94a3b8 !important}
.ef-info-modal .ef-info-modal-close:hover{color:#fff !important}
.ef-info-modal .ef-info-modal-body,.ef-info-modal .ef-info-modal-body *{color:#cbd5e1 !important;font-family:Inter,Arial,sans-serif !important}
.ef-info-modal .ef-info-modal-footer{background:#0d1628 !important}
.ef-info-modal .ef-modal-nationality-list-item{background:#0d1628 !important;color:#e2e8f0 !important;border-bottom:1px solid rgba(148,163,184,.1)}
.ef-info-modal .ef-modal-nationality-list-item:hover{background:rgba(56,189,248,.14) !important}

/* ---- 11. Phones ---- */
@media (max-width:767px){
 #ef-order-form #ef-order-form-nav-section-content{gap:6px}
 #ef-order-form .ef-nav-section-link{padding:12px 10px !important;border-radius:12px !important}
 #ef-order-form .ef-nav-section-link .ef-nav-section-title,#ef-order-form .ef-nav-section-link a{font-size:13px !important}
 #ef-order-form .ef-nav-section-link .ef-nav-section-description{display:none !important}
 #ef-order-form .ef-order-form-nav-step-content{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 #ef-order-form .ef-order-form-nav-step-content::-webkit-scrollbar{display:none}
 #ef-order-form a.ef-order-form-nav-item{flex:0 0 auto}
 #ef-order-form .ef-order-form-nav-item-text{font-size:13px !important}
 #ef-order-form a.ef-order-form-nav-item:not(:has(.current)) .ef-order-form-nav-item-text{display:none}
 #ef-order-form #ef-panel-title{padding:16px 18px !important}
 #ef-order-form #ef-panel-title h1{font-size:19px !important}
 #ef-order-form #ef-panel-content{padding:18px 16px 6px !important}
 #ef-order-form .ef-form-wrap{padding:16px 14px 8px !important}
 #ef-order-form .ef-next-prev-btn{flex-direction:column-reverse;align-items:stretch}
 #ef-order-form .ef-next-prev-btn>.w-col:last-child{margin-left:0}
 #ef-order-form .ef-next-prev-btn .ef-btn,#ef-order-form .ef-btn.nextstep{width:100% !important;min-width:0}
 #ef-order-form .ef-namecheck-wrapper>.w-col-2{padding-bottom:0}
 #ef-order-form #ef-namecheck-button{width:100% !important}
 #ef-order-form table{display:block;overflow-x:auto}
}

/* ---- 12. Step details found while testing ---- */
#ef-order-form .ef-information-box .ef-information-box-title{color:#fff !important;font-size:17px !important;margin:0 0 10px !important;padding-left:0 !important}
#ef-order-form .ef-information-box .ef-information-box-subtitle{color:#fff !important;font-weight:700 !important;display:block;margin-bottom:2px}
#ef-order-form .ef-information-box p{margin:0 0 12px !important;font-size:14px !important;line-height:1.6 !important}
#ef-order-form .ef-information-box>*{margin-left:0 !important;padding-left:0 !important}
#ef-order-form .renewal{color:var(--vx-mute) !important;font:500 12px/1.4 Inter,Arial,sans-serif !important;text-align:right;margin-top:4px}
#ef-order-form .ef-product-icon{filter:invert(.88) hue-rotate(180deg) brightness(1.05);opacity:.9}
#ef-order-form .ef-btn.prevstep{white-space:nowrap}
#ef-order-form .ef-item-box h3{margin:0 !important}
#ef-order-form .ef-included-text{font-weight:700 !important}
#ef-order-form h4{color:#fff !important;font:700 15px/1.3 Inter,Arial,sans-serif !important;margin:14px 0 10px !important}
#ef-order-form .simple-row-elem{background:#070d1a !important;border:1px solid var(--vx-line2) !important;border-radius:12px !important;padding:10px 14px !important;margin:0 0 8px !important}
#ef-order-form .simple-row-elem .ef-panel-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#ef-order-form .simple-row-elem .ef-panel-row:before,#ef-order-form .simple-row-elem .ef-panel-row:after{display:none}
#ef-order-form .simple-row-elem .w-col-8{flex:1 1 280px;width:auto !important;float:none !important;padding:0 !important}
#ef-order-form .simple-row-elem .w-col-4{flex:0 0 auto;width:auto !important;float:none !important;padding:0 !important;display:flex;gap:8px;justify-content:flex-end}
#ef-order-form .simple-row-elem p{margin:0 !important;color:var(--vx-ink) !important;font-size:14.5px}
#ef-order-form .simple-row-elem .ef-btn{padding:10px 18px !important;font-size:13px !important;margin:0 !important;float:none !important}
#ef-order-form .ef-address-form .ef-btn.ef-cancel-btn{margin-top:6px !important}
#ef-order-form .ef-add-officer{padding:14px 22px !important;min-width:170px}
#ef-order-form .ef-add-officer:before{content:"+";font-weight:800;margin-right:8px;color:var(--vx-cyan)}
#ef-order-form .ef-add-officer-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
#ef-order-form .price,#ef-order-form .item-box-price .price{color:#fff !important;font:800 18px/1.2 Inter,Arial,sans-serif !important}
#ef-order-form .w-checkbox{display:flex;align-items:center;gap:8px;margin:0 0 10px}
#ef-order-form .w-checkbox .w-form-label,#ef-order-form .w-checkbox label{margin:0 !important}
#ef-order-form .hr-line-1,#ef-order-form .hr-line-2{border-color:var(--vx-line) !important;background:var(--vx-line) !important}
.ui-autocomplete.ui-menu{background:#0d1628 !important;border:1px solid rgba(148,163,184,.22) !important;border-radius:10px !important;box-shadow:0 14px 34px rgba(0,0,0,.45) !important;padding:4px !important;font-family:Inter,Arial,sans-serif !important;z-index:3000 !important}
.ui-autocomplete .ui-menu-item,.ui-autocomplete .ui-menu-item-wrapper{color:#e2e8f0 !important;background:transparent !important;border:0 !important;border-radius:8px !important;padding:9px 12px !important;font-size:14.5px !important}
.ui-autocomplete .ui-menu-item-wrapper.ui-state-active,.ui-autocomplete .ui-menu-item:hover,.ui-autocomplete .ui-state-focus{background:rgba(56,189,248,.16) !important;color:#fff !important;margin:0 !important}
#ef-order-form .ef-autocomplete-wrapper{position:relative}
#ef-order-form .ef-autocomplete-items{background:#0d1628 !important;border:1px solid rgba(148,163,184,.22) !important;border-radius:10px !important;box-shadow:0 14px 34px rgba(0,0,0,.45) !important;overflow:hidden;z-index:50}
#ef-order-form .ef-autocomplete-items div{background:transparent !important;color:#cbd5e1 !important;border:0 !important;border-bottom:1px solid rgba(148,163,184,.1) !important;padding:10px 13px !important;cursor:pointer;font-size:14.5px}
#ef-order-form .ef-autocomplete-items div strong{color:#fff !important}
#ef-order-form .ef-autocomplete-items div:hover,#ef-order-form .ef-autocomplete-items .ef-autocomplete-active,#ef-order-form .ef-autocomplete-items .autocomplete-active{background:rgba(56,189,248,.16) !important;color:#fff !important}
#ef-order-form .ef-btn.ef-primary-btn.ef-submit-btn:hover,#ef-order-form .ef-btn.ef-primary-btn.ef-submit-btn:focus{background:var(--vx-cyan2) !important;border-color:var(--vx-cyan2) !important;color:var(--vx-on) !important}
#ef-order-form .ef-btn.prevstep,#ef-order-form .ef-btn.ef-cancel-btn,#ef-order-form .ef-btn.ef-back-btn,#ef-order-form .ef-btn.back{border-color:rgba(148,163,184,.38) !important}
#ef-order-form tr,#ef-order-form tr.w-row-odd,#ef-order-form tr.w-row-even,#ef-order-form tbody,#ef-order-form thead,#ef-order-form tfoot{background:transparent !important;color:var(--vx-ink2) !important}
#ef-order-form tbody tr:hover td{background:rgba(56,189,248,.05) !important}
#ef-order-form table td .ef-btn{padding:9px 16px !important;font-size:12.5px !important;margin:0 0 0 6px !important}

/* 13. Step buttons on Business Essentials and Review (plain .w-row with links) + Previous button width */
#ef-order-form>.w-row:has(#nextstep){display:flex !important;align-items:center;justify-content:space-between;gap:12px;max-width:1180px;margin:0 auto 10px !important;padding-top:14px;border-top:1px solid var(--vx-line);box-sizing:border-box}
#ef-order-form>.w-row:has(#nextstep):before,#ef-order-form>.w-row:has(#nextstep):after{display:none !important}
#ef-order-form>.w-row:has(#nextstep)>.w-col{width:auto !important;float:none !important;padding:0 !important;flex:0 1 auto;min-width:0}
#ef-order-form>.w-row:has(#nextstep)>.w-col:last-child{margin-left:auto;display:flex;justify-content:flex-end}
#ef-order-form a.ef-btn.prevstep,#ef-order-form a.ef-btn.nextstep{display:inline-flex !important;align-items:center;justify-content:center;margin:0 !important;float:none !important;text-decoration:none !important}
@media (min-width:768px){#ef-order-form .ef-btn.prevstep,#ef-order-form .ef-btn.nextstep{width:auto !important}}
@media (max-width:767px){#ef-order-form>.w-row:has(#nextstep){flex-direction:column-reverse;align-items:stretch}#ef-order-form>.w-row:has(#nextstep)>.w-col:last-child{margin-left:0}#ef-order-form>.w-row:has(#nextstep) .ef-btn{width:100% !important;min-width:0}}

/* 14. Bank account pop-up on Business Banking: neutral decline, brand accept */
.ef-info-modal .ef-16-actions{display:flex !important;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;height:auto !important;margin-top:8px}
.ef-info-modal .ef-16-actions:before,.ef-info-modal .ef-16-actions:after{display:none !important}
.ef-info-modal .ef-16-actions button{float:none !important;border-radius:999px !important;padding:12px 22px !important;font:700 15px/1.2 Inter,system-ui,sans-serif !important;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.ef-info-modal .ef-16-decline-advert{background:transparent !important;border:1px solid rgba(148,163,184,.38) !important;color:#cbd5e1 !important}
.ef-info-modal .ef-16-decline-advert:hover{border-color:rgba(56,189,248,.5) !important;color:#fff !important}
.ef-info-modal .ef-16-accept-advert{background:#38bdf8 !important;border:1px solid #38bdf8 !important;color:#04121c !important}
.ef-info-modal .ef-16-accept-advert:hover{background:#7dd3fc !important;border-color:#7dd3fc !important}
@media (max-width:767px){.ef-info-modal .ef-16-actions{flex-direction:column-reverse;align-items:stretch}.ef-info-modal .ef-16-actions button{width:100%}}

/* 15. Review: lawful-activity (and any terms-*) checkbox on dark */
#ef-order-form input[type=checkbox][id^=terms-]{-webkit-appearance:none;appearance:none;width:20px;height:20px;min-width:20px;margin:0 10px 0 0 !important;border:1.5px solid rgba(148,163,184,.55);border-radius:6px;background:#070d1a;vertical-align:-4px;cursor:pointer;transition:background-color .15s,border-color .15s}
#ef-order-form input[type=checkbox][id^=terms-]:hover{border-color:#38bdf8}
#ef-order-form input[type=checkbox][id^=terms-]:checked{border-color:#38bdf8;background:#38bdf8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%2304121c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
#ef-order-form input[type=checkbox][id^=terms-]:focus-visible{outline:2px solid #7dd3fc;outline-offset:2px}

/* 16. Partner spotlight card (Business Account step) keeps its light design: dark title so it can be read */
#ef-order-form .ef-spotlight .ef-spotlight__title,#ef-order-form .ef-spotlight h2,#ef-order-form .ef-spotlight h3{color:#2f4050 !important}

/* 17. Phones: add-on and document rows as compact two-line cards (name + price, then quantity + button) */
@media (max-width:767px){
 #ef-order-form .ef-panel-row.additional-document{display:grid !important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name price" "qty add";align-items:center;column-gap:12px;row-gap:10px;padding:14px 0 !important;margin:0 !important}
 #ef-order-form .ef-panel-row.additional-document:before,#ef-order-form .ef-panel-row.additional-document:after{display:none !important}
 #ef-order-form .ef-panel-row.additional-document>.w-col{width:auto !important;float:none !important;padding:0 !important;min-width:0}
 #ef-order-form .ef-panel-row.additional-document>.w-col-6{grid-area:name;text-align:left !important}
 #ef-order-form .ef-panel-row.additional-document>.w-col-6 *{text-align:left !important}
 #ef-order-form .ef-panel-row.additional-document>.w-col-2{grid-area:price;text-align:right}
 #ef-order-form .ef-panel-row.additional-document>.w-col-1{grid-area:qty}
 #ef-order-form .ef-panel-row.additional-document>.w-col-3{grid-area:add;justify-self:end}
 #ef-order-form .ef-panel-row.additional-document p{margin:0 !important}
 #ef-order-form .ef-panel-row.additional-document .price{font-size:16px !important;white-space:nowrap}
 #ef-order-form .ef-panel-row.additional-document>.w-col-1 input{width:72px !important;min-width:0 !important;margin:0 !important}
 #ef-order-form .ef-panel-row.additional-document>.w-col-3 .ef-btn{width:auto !important;min-width:118px;padding:10px 18px !important;margin:0 !important}
}

/* 18. The site's mobile "Compare plans / See pricing" bar has no place in checkout */
body:has(#ef-order-form) .vxmbar{display:none !important}
@media (max-width:767px){body:has(#ef-order-form){padding-bottom:0 !important}}

/* 19. Postcode lookup (R76, 5 Oct 2026). eFiling writes each found address as a white row with inline styles
   (background:#FFF, border #CCC, padding-top on the text column) – restyled here as dark rows, text first, Select at the end. */
#ef-order-form #postcodes{text-align:left !important;margin:2px 0 14px}
#ef-order-form #postcodes>.w-row{display:flex !important;align-items:center;flex-wrap:wrap;gap:10px 14px;background:#070d1a !important;border:1px solid var(--vx-line2) !important;border-radius:12px !important;padding:8px 10px 8px 16px !important;margin:0 0 8px !important;box-sizing:border-box;transition:border-color .15s,background .15s}
#ef-order-form #postcodes>.w-row:hover{border-color:rgba(56,189,248,.5) !important;background:rgba(56,189,248,.05) !important}
#ef-order-form #postcodes>.w-row:before,#ef-order-form #postcodes>.w-row:after{display:none !important}
#ef-order-form #postcodes>.w-row>.w-col{width:auto !important;float:none !important;padding:0 !important;margin:0 !important;min-width:0}
#ef-order-form #postcodes>.w-row>.w-col-10{flex:1 1 240px;color:var(--vx-ink) !important;font:500 14.5px/1.45 Inter,Arial,sans-serif !important;text-align:left !important;overflow-wrap:anywhere}
#ef-order-form #postcodes>.w-row>.w-col-2{flex:0 0 auto;display:flex;justify-content:flex-end}
#ef-order-form #postcodes>.w-row>.w-col-2>div{margin:0 !important}
#ef-order-form #postcodes .ef-btn.ef-choose-btn{padding:10px 18px !important;font-size:13px !important;margin:0 !important;float:none !important;width:auto !important;min-width:96px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}
#ef-order-form .ef-btn.ef-postcode-lookup-btn{white-space:nowrap;min-width:0;max-width:none;padding:12px 20px !important;display:inline-flex;align-items:center;justify-content:center;min-height:44px}
@media (min-width:768px){#ef-order-form .ef-btn.ef-postcode-lookup-btn{width:auto !important}}
@media (max-width:767px){
 #ef-order-form #postcodes>.w-row{padding:12px 12px 10px !important;gap:8px}
 #ef-order-form #postcodes>.w-row>.w-col-10{flex-basis:100%}
 #ef-order-form #postcodes>.w-row>.w-col-2{flex:1 1 100%;justify-content:stretch}
 #ef-order-form #postcodes>.w-row>.w-col-2>div{width:100%}
 #ef-order-form #postcodes .ef-btn.ef-choose-btn{width:100% !important}
}
