.brand{display:flex;align-items:center;gap:.8rem;min-width:0;padding:.25rem .4rem;color:var(--brand-white)}
.brand-symbol{display:block;flex:0 0 auto;object-fit:contain}
.brand-copy{min-width:0}
.brand-copy>strong{display:block;font-size:1.125rem;font-weight:650;line-height:1.35;letter-spacing:-.025em;overflow-wrap:anywhere}
.brand-copy>small{display:block;font-size:.8125rem;font-weight:400;color:#bcc0bd;line-height:1.5;margin-top:.25rem;overflow-wrap:anywhere}
.brand-wordmark{white-space:nowrap;font-weight:650;letter-spacing:-.04em}
.brand-gold{color:var(--brand-gold)}
.ui-icon{display:block;flex:0 0 auto}
.nav{display:grid;gap:.375rem}
.nav-btn{display:flex;align-items:center;gap:.8rem;min-width:0;min-height:46px;position:relative;border:0;border-radius:8px;padding:.75rem .875rem;background:transparent;color:#c7cbc7;font-size:.9375rem;line-height:1.4;font-weight:500;text-align:left}
.nav-btn .nav-label{min-width:0;overflow-wrap:anywhere}
.nav-btn .ui-icon{opacity:.75}
.nav-btn .badge{position:static;margin-left:auto;flex:0 0 auto}
.nav-btn.active{background:#2d302e;color:var(--brand-white)}
.nav-btn.active .ui-icon{opacity:1;color:var(--brand-gold)}
.nav-btn:hover{background:#282b29;color:var(--brand-white)}
.nav-btn:focus-visible,.mobile-masthead button:focus-visible{outline-color:var(--brand-gold)}
.availability-card{margin-top:auto;padding:1rem .5rem 0;border-top:1px solid #3c403d}
.availability-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.availability-copy strong{font-size:.875rem;font-weight:500}
.availability-copy small{display:block;color:#bac0bb;font-size:.8125rem;line-height:1.5;margin-top:.25rem}
.status-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#82b19a}
.mobile-masthead{display:none}
.auth-card .brand{margin:-1.5rem -1.5rem 1.5rem;padding:1.75rem 1.5rem;background:var(--brand-ink);border-radius:12px 12px 0 0}
.auth-card .brand-copy{display:block}
@media(min-width:721px) and (max-width:1050px){
  .sidebar .brand{justify-content:center;padding:0}
  .sidebar .brand-copy,.sidebar .nav-label,.sidebar .availability-copy{display:none}
  .nav-btn{justify-content:center;padding:.75rem .5rem}
  .nav-btn .badge{position:absolute;right:0;top:1px;font-size:.75rem;min-width:18px;height:18px}
  .availability-row{justify-content:center}
}
@media(max-width:720px){
  .mobile-masthead{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--brand-ink);color:var(--brand-white);padding:calc(1rem + env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) 1rem max(1.25rem,env(safe-area-inset-left))}
  .mobile-masthead .brand{padding:0}
  .mobile-masthead .brand-symbol{width:28px;height:28px}
  .mobile-masthead .brand-copy>strong{font-size:1.0625rem}
  .mobile-masthead .brand-copy>small{margin-top:.125rem;font-size:.8125rem}
  .masthead-notifications{position:relative;display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border:1px solid #454944;border-radius:10px;color:var(--brand-white);background:transparent}
  .masthead-notifications .badge{position:absolute;top:-5px;right:-5px}
}