@charset "UTF-8";

/* Four everyday shortcuts; the complete navigation remains in the drawer. */
.bottom-nav{width:min(calc(100% - 24px),720px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible;padding:8px;justify-content:center}
.bottom-nav button{min-width:0;max-width:none;min-height:58px;padding:8px 6px;font-size:.86rem;gap:8px;flex-direction:column}
.bottom-nav .nav-title{line-height:1.25;white-space:nowrap}
.bottom-nav .nav-alert{right:-10px}
.menu-toggle{display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 14px;background:var(--pale);color:var(--navy);border:1px solid var(--line);border-radius:14px;font-size:.85rem;flex:none}
.menu-toggle:hover,.menu-toggle.active{background:var(--pale);color:var(--blue-dark);border-color:var(--blue)}
.menu-toggle .nav-alert{top:-9px;right:-9px}
.menu-open{overflow:hidden}
.menu-drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(380px,calc(100% - 32px));max-width:none;height:100dvh;max-height:none;border:0;border-right:1px solid var(--line);border-radius:0 24px 24px 0;background:#fff;padding:calc(22px + env(safe-area-inset-top)) 22px calc(20px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;box-shadow:16px 0 60px #08172b30}
.menu-drawer[open]{display:flex;flex-direction:column;animation:menu-enter .18s ease-out}
.menu-drawer::backdrop{background:#08172b88;backdrop-filter:blur(3px)}
.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.menu-heading .eyebrow{font-size:.68rem;margin-bottom:6px;letter-spacing:1px}
.menu-heading h2{font-size:1.3rem;letter-spacing:-.3px}
.menu-close{min-width:48px;min-height:48px;padding:6px;font-size:1.8rem;flex:none;border:1px solid var(--line);border-radius:14px}
.menu-account{font-size:.82rem;color:var(--muted);overflow-wrap:anywhere;padding-bottom:20px;border-bottom:1px solid var(--line)}
#menu-navigation{padding-top:18px}
.menu-group+.menu-group{margin-top:20px}
.menu-group h3{color:var(--muted);font-size:.72rem;letter-spacing:1px;text-transform:uppercase;margin:0 0 8px 12px}
.menu-group button{display:flex;align-items:center;gap:16px;width:100%;min-height:54px;padding:12px 14px;margin-top:4px;background:transparent;color:var(--ink);border-radius:14px;text-align:left;font-size:.95rem;font-weight:600}
.menu-group button:hover{background:var(--bg)}
.menu-group button.active{background:var(--pale);color:var(--blue-dark)}
.menu-group .nav-icon{width:24px;color:var(--blue-dark)}
.menu-group .nav-alert{top:-6px;right:-10px}
.menu-group .nav-title{min-width:0;overflow-wrap:anywhere}
.menu-footer{margin-top:auto;padding-top:22px}
.menu-footer #logout{display:flex;align-items:center;justify-content:flex-start;gap:16px;margin:0;border-radius:14px;min-height:52px;padding:12px 14px;color:var(--muted)}
[data-theme="dark"] .menu-drawer{background:#142237}
[data-theme="dark"] .menu-group button:hover{background:#243d55}
[data-theme="dark"] .menu-group button.active{background:#24445e}
@keyframes menu-enter{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:none}}
@media(max-width:700px){
  .bottom-nav{width:calc(100% - 20px);gap:4px;padding:6px}
  .bottom-nav button{min-width:0;padding:8px 3px;min-height:58px;font-size:.72rem;gap:5px}
  .header-inner{gap:10px}
  .menu-toggle{gap:6px;padding:8px 10px;min-height:44px;font-size:.75rem}
  #theme-toggle{min-width:44px;width:44px;min-height:44px}
}
@media(max-width:370px){
  .header-label{display:none}
  #theme-toggle{margin-left:auto}
  .bottom-nav button{font-size:.66rem}
  .menu-drawer{padding-inline:16px}
  .menu-heading h2{font-size:1.14rem}
}
@media(prefers-reduced-motion:reduce){.menu-drawer[open]{animation:none}}