/* Keep account navigation consistent with the public app. */
#patient-preview:not(.auth-mode){overflow:visible;padding-bottom:calc(var(--app-menu-height,88px) + 10px + env(safe-area-inset-bottom,0px))}
#patient-preview:not(.auth-mode) .phone{overflow:visible}
#patient-preview:not(.auth-mode) .auth-header-nav{display:none}
#patient-preview:not(.auth-mode) #profile-logout:not([hidden]){display:flex;color:#ad4343;cursor:pointer;font-family:inherit}
#patient-preview:not(.auth-mode) #profile-logout svg{width:18px;height:18px}
#patient-preview:not(.auth-mode) #profile-tabs{position:sticky;top:0;z-index:35;background:#f7fcf8;border-color:#d6e6dc;box-shadow:0 5px 14px #214a3c0d;scroll-margin-top:12px}
#patient-preview:not(.auth-mode) #profile-content{scroll-margin-top:78px}
@media(min-width:1001px){
  #patient-preview:not(.auth-mode){padding:18px 268px 14px 24px;--app-menu-height:0px}
  #patient-preview:not(.auth-mode):before{content:'';position:fixed;right:0;top:0;bottom:0;width:224px;background:#fbfdf9 url('/assets/app-leaf-pattern.svg?v=2') right bottom/300px repeat;border-left:1px solid #d9e7df;z-index:41;pointer-events:none}
  #patient-preview:not(.auth-mode) .phone>header{min-height:24px;padding:0 0 14px}
  #patient-preview:not(.auth-mode) .phone>header .account-brand-logo{position:fixed;right:22px;top:24px;width:42px;height:46px;z-index:43}
  #patient-preview:not(.auth-mode) .phone>header>div{position:fixed;right:16px;top:82px;width:192px;text-align:right;font-size:18px;line-height:1.7;z-index:43}
  #patient-preview:not(.auth-mode) .phone>header>div small{font-size:11px;line-height:1.8}
  #patient-preview:not(.auth-mode) .account-home-link{display:none}
  #patient-preview:not(.auth-mode)>.app-menu{position:fixed!important;top:142px;right:12px;left:auto;bottom:0;transform:none;width:200px;max-width:200px;height:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;padding:10px 0 20px;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;z-index:42;overflow-y:auto}
  #patient-preview:not(.auth-mode)>.app-menu .navitem{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;text-align:right;gap:10px;min-height:48px;flex:0 0 auto;padding:8px 10px;border:1px solid #e2ebe3;border-radius:12px;background:#ffffffd9;color:#315e53;font-size:12px;line-height:1.8}
  #patient-preview:not(.auth-mode)>.app-menu .nav-symbol{width:33px;height:33px;flex:0 0 33px;padding:7px;border-radius:50%;background:#e5f4ed;color:#208976}
  #patient-preview:not(.auth-mode)>.app-menu .nav-symbol svg{width:19px;height:19px}
  #patient-preview:not(.auth-mode)>.app-menu .navitem:nth-child(2) .nav-symbol{background:#fff0d9;color:#b28032}
  #patient-preview:not(.auth-mode)>.app-menu .navitem:nth-child(3) .nav-symbol{background:#e8f2ff;color:#3c84b5}
  #patient-preview:not(.auth-mode)>.app-menu .navitem:nth-child(4) .nav-symbol{background:#f1eafa;color:#8e70ad}
  #patient-preview:not(.auth-mode)>.app-menu .navitem:nth-child(5) .nav-symbol{background:#ffede3;color:#b87d5e}
}

@media(min-width:1001px){
  #patient-preview:not(.auth-mode)>.app-menu #profile-logout{position:static;width:100%;margin-top:10px;min-height:48px;background:#fff1ed;border-color:#efd0c9;color:#ad4343}
  #patient-preview:not(.auth-mode)>.app-menu #profile-logout .nav-symbol{background:#fbe2dc;color:#ad4343}
}
@media(max-width:1000px){
  #patient-preview:not(.auth-mode)>.app-menu{gap:0;padding-inline:8px}
  #patient-preview:not(.auth-mode)>.app-menu .navitem{flex:1 1 0;min-width:0;font-size:11px}
  #patient-preview:not(.auth-mode)>.app-menu .nav-symbol{width:44px;padding-inline:10px}
  #patient-preview:not(.auth-mode)>.app-menu #profile-logout{flex-direction:column;justify-content:flex-start;gap:4px;padding:0;background:transparent;border:0;border-inline-start:1px solid #efddd7;border-radius:0;color:#ad4343;min-height:62px;margin:0}
}

@media(min-width:1001px){
  #patient-preview:not(.auth-mode)>.app-menu .navitem>span:last-child{justify-content:flex-start;text-align:right;height:auto}
}