/* FindVault V86 — global mobile consistency, safe fixed controls and brand alignment */
:root{
  color-scheme:light;
  --fv86-dock-clearance:124px;
  --fv86-focus:#087a70;
  --fv86-danger:#b42335;
}
html{scroll-padding-top:96px;scroll-padding-bottom:var(--fv86-dock-clearance)}
html[data-fv-theme="light"],html[data-fv-theme="dark"]{color-scheme:light}
html[data-fv-theme="dark"] body{background:#f5f8fb!important;color:#102033!important}
[data-fvu-theme]{display:none!important}

/* Never let a language control float over readable content. */
.fv-lang-switch:not(.fv-lang-inline){position:static!important;inset:auto!important;z-index:auto!important;transform:none!important;margin:10px auto!important;max-width:calc(100% - 20px)!important;width:max-content!important;box-shadow:none!important}
.fv86-language-bar{position:relative;z-index:4;display:flex;justify-content:flex-end;width:min(1180px,calc(100% - 24px));margin:8px auto 0}
.fv86-language-bar .fv-lang-switch{margin:0!important}
.fv-lang-switch.fv-lang-inline{position:static!important;inset:auto!important;transform:none!important}
.fv-lang-toggle{display:none!important}

/* One consistent FindVault lockup. */
.fv86-brand-lockup{display:inline-flex!important;align-items:center;gap:10px;text-decoration:none!important;min-width:max-content}
.fv86-brand-lockup img{width:42px!important;height:42px!important;object-fit:contain!important;border-radius:12px!important}
.fv86-brand-copy{display:grid;gap:2px;line-height:1.05}
.fv86-brand-copy strong{font:900 18px/1 Inter,system-ui,sans-serif;color:#0b2438;letter-spacing:-.035em;text-transform:none}
.fv86-brand-copy small{font:800 8px/1.2 Inter,system-ui,sans-serif;color:#607487;letter-spacing:.12em;text-transform:uppercase}
.local-mode-badge{max-width:190px!important;white-space:normal!important;text-align:center!important;line-height:1.25!important}

/* Native form errors now have clear local context. */
.fv-field [aria-invalid="true"],.soc-field [aria-invalid="true"],.lf-field [aria-invalid="true"]{border-color:var(--fv86-danger)!important;box-shadow:0 0 0 4px rgba(180,35,53,.12)!important}
.fv86-field-error{display:block;margin-top:2px;color:#ffd3d9;font:800 11px/1.45 Inter,system-ui,sans-serif}
body:not(.fv-simple-activation-page) .fv86-field-error{color:var(--fv86-danger)}
.fv86-autofill-note{margin:2px 0 0;color:#8192a6;font-size:10.5px;line-height:1.5}

/* Secondary links must look active; only true disabled controls look disabled. */
a.rn-btn:not(.primary):not(.mint),a.fvu-btn:not(.primary),a.secondary-button,.fv-secondary-link{
  opacity:1!important;background:#fff!important;color:#17384b!important;border-color:#b9ccd7!important;box-shadow:0 5px 14px rgba(9,43,61,.07)
}
a.rn-btn:not(.primary):not(.mint):hover,a.fvu-btn:not(.primary):hover,a.secondary-button:hover{border-color:#087a70!important;color:#087a70!important;background:#effaf7!important}
button:disabled,[aria-disabled="true"]{opacity:.5!important;cursor:not-allowed!important;filter:grayscale(.25)!important;box-shadow:none!important}

/* Activation is one clear mobile flow; the long desktop explainer does not repeat below the form. */
.fv86-mobile-privacy-note{display:none;padding:12px 13px;border:1px solid rgba(37,208,155,.28);border-radius:15px;background:rgba(37,208,155,.09);color:#c8fae8;font-size:11px;line-height:1.55}
.fv86-mobile-privacy-note b{display:block;margin-bottom:3px;color:#a7f3d0;font-size:12px}

/* Fixed utility controls are useful on desktop, but unsafe over mobile content. */
@media(max-width:820px){
  html{scroll-padding-top:80px;scroll-padding-bottom:var(--fv86-dock-clearance)}
  body{min-width:0;overflow-x:hidden}
  body.fvu-has-mobile-dock{padding-bottom:calc(var(--fv86-dock-clearance) + env(safe-area-inset-bottom))!important}
  body.fvu-has-mobile-dock :where(main,.fvu-page,.fv-section:last-of-type,.portal-main,.rn-section:last-of-type){padding-bottom:calc(32px + var(--fv86-dock-clearance))!important}
  .fvu-mobile-dock{height:72px!important;bottom:max(8px,env(safe-area-inset-bottom))!important}
  body.fv86-keyboard-open .fvu-mobile-dock{display:none!important}
  body.fv86-keyboard-open{padding-bottom:max(24px,env(safe-area-inset-bottom))!important}
  .fv-prod-backtop,.fv-prod-whatsapp,.fv-prod-feature-button,.fv-whatsapp-float{display:none!important}
  .fv-prod-toast-host,.fv26-toast,.portal-toast{bottom:calc(var(--fv86-dock-clearance) + env(safe-area-inset-bottom))!important}
  .fv86-language-bar{justify-content:stretch;width:calc(100% - 20px);margin-top:8px}
  .fv86-language-bar .fv-lang-switch{width:100%!important;display:grid!important;grid-template-columns:auto 1fr minmax(110px,auto)!important}
  .fv86-language-bar .fv-lang-switch select{width:100%!important;min-width:0!important}
  .fv-lang-switch.fv-lang-inline{max-width:148px!important;margin-left:auto!important}
  .fv-lang-switch.fv-lang-inline .fv-lang-label{display:none!important}
  .fv-lang-switch.fv-lang-inline select{min-width:96px!important;max-width:112px!important}
  :where(input,select,textarea){font-size:16px!important}
  :where(.fvu-product-advisor,.fvu-advisor-form,.fv85-flow-grid,.fv-primary-actions){min-width:0!important}
  :where(select,input,textarea,button,a){max-width:100%}
  .fvu-advisor-form select{min-width:0!important;width:100%!important;text-overflow:ellipsis}
  .fvu-page,.messages-page,.messages-shell,.fvu-auth-wall,.fvu-empty{min-height:0!important}
  .fvu-auth-wall,.fvu-empty{margin-bottom:24px!important}
  .rn-module-actions{display:flex!important;flex-wrap:wrap!important;gap:9px!important}
  .rn-module-actions .rn-btn{min-height:44px!important;flex:1 1 145px!important;text-align:center!important;justify-content:center!important}
  .fv86-brand-copy strong{font-size:16px}.fv86-brand-copy small{font-size:7px}
}

@media(max-width:940px){
  .fv-simple-activation-page .fv-activation-intro{display:none!important}
  .fv-simple-activation-page .fv86-mobile-privacy-note{display:block}
  .fv-simple-activation-page .fv-activation-card{order:0!important}
  .fv-simple-activation-page .fv-status.error{position:sticky;top:76px;z-index:15;box-shadow:0 10px 28px rgba(0,0,0,.28)}
}

@media(max-width:620px){
  .fv-simple-activation-page .fv-activate-button{bottom:max(10px,env(safe-area-inset-bottom));z-index:18}
  .fv-simple-activation-page{padding-bottom:24px!important}
  .fv-simple-activation-page .fv-card-head{padding-right:0}
  .fv-simple-activation-page .fv-system-pill{max-width:132px}
}

@media(print){.fv86-language-bar,.fv-prod-backtop,.fv-prod-whatsapp,.fv-prod-feature-button,.fvu-mobile-dock{display:none!important}}

/* V86.1 — one light visual language for the main customer protection flow. */
body.fv-simple-activation-page{
  --fv-bg:#f4f8fb;--fv-card:#ffffff;--fv-card-2:#eef6f8;--fv-line:#d7e3ea;
  --fv-text:#102b3d;--fv-muted:#647b8c;--fv-shadow:0 22px 65px rgba(16,43,61,.12);
  color:var(--fv-text)!important;
  background:radial-gradient(circle at 8% 4%,rgba(37,208,155,.13),transparent 28%),radial-gradient(circle at 92% 1%,rgba(57,189,248,.12),transparent 28%),linear-gradient(155deg,#f8fbfd,#edf5f7 58%,#f8fbfd)!important
}
body.fv-simple-activation-page .fv-simple-header{background:rgba(255,255,255,.94)!important;border-color:#d7e3ea!important;box-shadow:0 12px 34px rgba(16,43,61,.09)!important}
body.fv-simple-activation-page .fv-simple-header nav a{color:#426073!important}
body.fv-simple-activation-page .fv-simple-header nav a:hover,body.fv-simple-activation-page .fv-simple-header nav a.active{background:#e9f7f4!important;color:#087a70!important}
body.fv-simple-activation-page .fv-activation-card{background:linear-gradient(160deg,#fff,#f8fbfc)!important;border-color:#d7e3ea!important}
body.fv-simple-activation-page .fv-card-head small,body.fv-simple-activation-page .fv-field small,body.fv-simple-activation-page .fv-contact-option small,body.fv-simple-activation-page .fv-more-options summary small,body.fv-simple-activation-page .fv-switch-row small{color:#647b8c!important}
body.fv-simple-activation-page .fv-field label,body.fv-simple-activation-page .fv-contact-box legend,body.fv-simple-activation-page .fv-more-options summary{color:#17384b!important}
body.fv-simple-activation-page .fv-field input,body.fv-simple-activation-page .fv-field select,body.fv-simple-activation-page .fv-field textarea{background:#fff!important;color:#102b3d!important;border-color:#cbdbe4!important}
body.fv-simple-activation-page .fv-field input:focus,body.fv-simple-activation-page .fv-field select:focus,body.fv-simple-activation-page .fv-field textarea:focus{background:#fff!important;border-color:#0d9387!important;box-shadow:0 0 0 4px rgba(13,147,135,.12)!important}
body.fv-simple-activation-page .fv-field input::placeholder,body.fv-simple-activation-page .fv-field textarea::placeholder{color:#8294a2!important}
body.fv-simple-activation-page .fv-contact-box{background:linear-gradient(145deg,#effafa,#f5fbfa)!important;border-color:#b9dfda!important}
body.fv-simple-activation-page .fv-contact-option{background:#fff!important;border-color:#ccdae2!important;color:#17384b!important}
body.fv-simple-activation-page .fv-contact-option.is-selected{background:#e9f8f2!important;border-color:#20a77f!important;box-shadow:0 0 0 3px rgba(32,167,127,.09)!important}
body.fv-simple-activation-page .fv-contact-option-icon{background:#edf4f7!important}
body.fv-simple-activation-page .fv-contact-help{color:#587184!important}
body.fv-simple-activation-page .fv-scan-preview{background:linear-gradient(150deg,#f5fafc,#fff)!important;border-color:#d3e1e8!important}
body.fv-simple-activation-page .fv-preview-grid>div{background:#fff!important;border-color:#d9e5eb!important}
body.fv-simple-activation-page .fv-preview-grid small,body.fv-simple-activation-page .fv-scan-preview>p{color:#708695!important}
body.fv-simple-activation-page .fv-preview-grid strong{color:#17384b!important}
body.fv-simple-activation-page .fv-preview-contact strong{color:#087a70!important}
body.fv-simple-activation-page .fv-more-options{background:#fbfdfe!important;border-color:#d5e2e9!important}
body.fv-simple-activation-page .fv-more-options[open] summary{border-bottom-color:#dce7ec!important}
body.fv-simple-activation-page .fv-switch-row{background:#f4f8fa!important;border-color:#d6e2e8!important;color:#17384b!important}
body.fv-simple-activation-page .fv-consent-copy,body.fv-simple-activation-page .fv-draft-state,body.fv-simple-activation-page .fv-help-line,body.fv-simple-activation-page .fv-simple-footer{color:#687f90!important}
body.fv-simple-activation-page .fv-system-pill{background:#f6f9fa!important;color:#647b8c!important;border-color:#d3e0e7!important}
body.fv-simple-activation-page .fv-status{color:#14506c!important;background:#edf8fc!important}
body.fv-simple-activation-page .fv-status.error{color:#9b2335!important;background:#fff2f4!important;box-shadow:0 10px 28px rgba(16,43,61,.12)!important}
body.fv-simple-activation-page .fv86-field-error{color:#b42335!important}
body.fv-simple-activation-page .fv86-mobile-privacy-note{background:#eaf8f3!important;color:#315d50!important;border-color:#b9dfd0!important}
body.fv-simple-activation-page .fv86-mobile-privacy-note b{color:#087a70!important}

/* There must be only one mobile navigation layer, and it must never cover forms. */
body.fvu-has-mobile-dock>:is(.fv-mobile-dock,.mobilebar,.fv-bottom-nav,.fv-prod-mobile-nav){display:none!important}
body.fv86-has-legacy-dock{padding-bottom:calc(var(--fv86-dock-clearance) + env(safe-area-inset-bottom))!important}
body.fv86-has-legacy-dock :where(main,.fvu-page,.fv-section:last-of-type,.portal-main,.rn-section:last-of-type,.soc-main,.lf-main){padding-bottom:calc(36px + var(--fv86-dock-clearance))!important}
@media(max-width:820px){
  .fv-launch-btn,.fv-launch-panel,.fv-top-btn,.fv-prod-net,.fv-network-badge{display:none!important}
  body.fv86-keyboard-open :is(.fv-mobile-dock,.mobilebar,.fv-bottom-nav,.fv-prod-mobile-nav,.lf-mobile-dock,.soc-mobile-bottom){display:none!important}
}
