.nav-toggle{display:none}
@media(max-width:620px){
  .nav{position:relative}
  .nav-toggle{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;width:43px;height:40px;border:1px solid rgba(35,39,47,.12);border-radius:11px;background:rgba(255,255,255,.72);cursor:pointer}
  .nav-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:#454b56}
  .nav-toggle em{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .nav-actions{display:none;position:absolute;top:62px;right:0;z-index:20;width:min(280px,calc(100vw - 28px));align-items:stretch;flex-direction:column;padding:10px;border:1px solid var(--border);border-radius:14px;background:rgba(255,254,251,.98);box-shadow:0 18px 45px rgba(31,35,45,.18)}
  .nav-actions.open{display:flex}
  .nav-actions.open .dashboard,.nav-actions.open .google-login,.nav-actions.open .user-chip{display:flex;width:100%;justify-content:flex-start;min-height:44px}
  .nav-actions .logout-form{width:100%}
  .nav-actions.open .user-name,.nav-actions.open .google-login span:last-child{display:inline;max-width:205px}
  .brand span{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}