/* 4.81: account control styling; phone-only home layout. */
html body.nfz-ui #trialLogoutButton {
  appearance:none; display:inline-flex; align-items:center; justify-content:center;
  min-height:36px; padding:6px 14px; border:1px solid var(--nfz-control-border,#c6d5e8);
  border-radius:9px; background:var(--nfz-control-bg,#f8fbff);
  color:var(--nfz-control-text,#112b4b); font:600 13px/1.35 var(--ui,system-ui);
  cursor:pointer; vertical-align:middle;
}
html body.nfz-ui #trialLogoutButton:hover:not(:disabled) {border-color:var(--blue,#1760c9);}
html body.nfz-ui #trialLogoutButton:disabled {opacity:.6;cursor:wait;}
html body.nfz-ui #trialLogoutButton[hidden] {display:none!important;}
@media(max-width:640px) {
  html body.nfz-ui:not(.jgp22) .portal {position:relative!important;padding-top:calc(40px + env(safe-area-inset-top,0px))!important;}
  html body.nfz-ui:not(.jgp22) .topbar {
    position:absolute!important;top:env(safe-area-inset-top,0px)!important;left:0!important;right:0!important;
    width:auto!important;min-height:32px!important;margin:0!important;padding:4px 10px!important;z-index:5;
  }
  html body.nfz-ui:not(.jgp22) .top-actions {display:flex!important;flex:1 1 auto!important;width:100%!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;}
  html body.nfz-ui:not(.jgp22) .top-actions>button.ui-control.utility-control {
    width:auto!important;min-width:0!important;max-width:none!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:4px 8px!important;gap:4px!important;
  }
  html body.nfz-ui:not(.jgp22) .top-actions #themeButton {margin-right:auto!important;}
  html body.nfz-ui:not(.jgp22) .top-actions .control-label {font-size:11px!important;line-height:1.2!important;white-space:nowrap!important;}
  html body.nfz-ui:not(.jgp22) .top-actions .icon-slot {width:14px!important;height:14px!important;flex:0 0 14px!important;}
  html body.nfz-ui:not(.jgp22) .top-actions .icon-svg {width:14px!important;height:14px!important;}
  html body.nfz-ui:not(.jgp22) #unitAccessLabel {flex:0 0 auto!important;width:auto!important;max-width:55%!important;margin:0!important;font-size:11px!important;line-height:1.3!important;text-align:right!important;color:var(--nfz-control-text);}
  html body.nfz-ui:not(.jgp22) .sidebar {padding:6px 10px!important;min-height:0!important;}
  html body.nfz-ui:not(.jgp22) .sidebar .brand {margin:0!important;padding:2px 6px!important;gap:12px!important;min-height:0!important;}
  html body.nfz-ui:not(.jgp22) .sidebar .brand-main {font-size:18px!important;line-height:1.1!important;}
  html body.nfz-ui:not(.jgp22) .sidebar .brand-sub {font-size:9px!important;padding:8px 14px!important;}
  html body.nfz-ui:not(.jgp22) .main {padding:10px 12px!important;gap:10px!important;min-height:0!important;}
  html body.nfz-ui:not(.jgp22) .stage {gap:12px!important;padding:0!important;}
  html body.nfz-ui:not(.jgp22) .hero-copy-main {margin:0!important;padding:4px 0!important;min-height:0!important;}
  html body.nfz-ui:not(.jgp22) .hero-eyebrow {font-size:8px!important;line-height:1.4!important;letter-spacing:.04em!important;padding:4px 7px!important;white-space:normal!important;}
  html body.nfz-ui:not(.jgp22) .hero-copy-main h2 {font-size:clamp(20px,5.4vw,26px)!important;line-height:1.12!important;margin:8px 0!important;}
  html body.nfz-ui:not(.jgp22) .hero-copy-main p {font-size:12px!important;line-height:1.45!important;margin:6px 0 0!important;}
  html body.nfz-ui:not(.jgp22) .stage>.nav {margin:0!important;gap:6px!important;padding:0!important;}
  html body.nfz-ui:not(.jgp22) .nav .nav-btn {min-height:54px!important;height:auto!important;padding:7px 4px!important;gap:4px!important;}
  html body.nfz-ui:not(.jgp22) .nav .control-label {font-size:11px!important;line-height:1.25!important;}
  html body.nfz-ui:not(.jgp22) .nav .icon-slot,html body.nfz-ui:not(.jgp22) .nav .icon-svg {width:18px!important;height:18px!important;min-height:18px!important;flex-basis:18px!important;}
  html body.nfz-ui:not(.jgp22) #questionForm {padding:12px!important;gap:8px!important;min-height:0!important;}
  html body.nfz-ui:not(.jgp22) #question {font-size:16px!important;line-height:1.35!important;}
  html body.nfz-ui:not(.jgp22) #searchHint {font-size:11px!important;line-height:1.4!important;}
  html body.nfz-ui:not(.jgp22) #answerPanel {padding:12px!important;}
  html body.nfz-ui:not(.jgp22) #answerTitle {font-size:17px!important;line-height:1.3!important;}
  html body.nfz-ui:not(.jgp22) .ai-orb {width:38px!important;height:38px!important;font-size:19px!important;flex:0 0 38px!important;}
  html body.nfz-ui:not(.jgp22) #registrationNotice {font-size:12px!important;line-height:1.5!important;margin:0!important;}
  html body.nfz-ui:not(.jgp22) #siteFooter {padding:10px 0!important;gap:8px!important;font-size:12px!important;}
}