/* Mobile header: keep navigation usable and prefer the customer logo when available. */
@media (max-width:720px){
  .topbar.has-cobrand-logo .brand-lockup{
    flex:1 1 auto;
    min-width:0;
    overflow:visible;
  }
  .topbar.has-cobrand-logo .brand,
  .topbar.has-cobrand-logo .cobrand-divider,
  .topbar.has-cobrand-logo .customer-brand span{
    display:none;
  }
  .topbar.has-cobrand-logo .customer-brand{
    display:flex;
    align-items:center;
    flex:1 1 auto;
    width:auto;
    max-width:min(160px,40vw);
    min-width:0;
    height:48px;
    overflow:visible;
  }
  .topbar.has-cobrand-logo .customer-brand-logo{
    display:block;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:40px;
    object-fit:contain;
    object-position:left center;
    flex:0 1 auto;
  }
}

@media (max-width:600px){
  .topbar{height:68px;padding:0 12px;gap:8px}
  .brand-lockup{flex:1 1 auto;min-width:0;overflow:hidden}
  .brand{min-width:0;overflow:hidden}
  .brand-logo{height:30px;max-width:132px}
  .topbar-actions{flex:0 0 auto;min-width:max-content;gap:7px}
  .topbar nav{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}
  .topbar nav a[href="/login"]{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border-radius:999px;background:var(--navy);color:#fff;font-weight:800;white-space:nowrap}
  .topbar nav a[href="/login"]:hover{background:var(--navy2);color:#fff}
  .theme-toggle{flex:0 0 auto;width:34px;height:34px;border-radius:10px}
  html[data-theme="dark"] .topbar nav a[href="/login"]{background:var(--teal);color:#071d1a}

  .topbar.has-cobrand-logo .brand-lockup{overflow:visible}
  .topbar.has-cobrand-logo .customer-brand{max-width:min(145px,38vw)}
  .topbar.has-cobrand-logo .customer-brand-logo{max-height:38px}
}

@media (max-width:360px){
  .topbar{padding:0 9px;gap:6px}
  .brand-logo{height:28px;max-width:112px}
  .topbar-actions{gap:5px}
  .topbar nav a[href="/login"]{min-height:34px;padding:0 10px;font-size:11px}
  .theme-toggle{width:32px;height:32px}

  .topbar.has-cobrand-logo .customer-brand{max-width:min(112px,34vw);height:42px}
  .topbar.has-cobrand-logo .customer-brand-logo{max-height:34px}
}