.google-login-enabled #accountButton:not(.authenticated),
.google-login-enabled #accountGuestPanel {display:none!important}
.google-login-control {display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;max-width:100%;min-width:0}
.google-login-enabled .topbar .google-login-control .account-button {display:flex!important;width:auto;max-width:100%;min-width:0;min-height:44px;height:auto;padding:8px 13px;gap:8px;border:1px solid #1e5551;border-radius:24px;background:#1e5551;color:#f8e7c4;font:650 14px/1.4 var(--sans);cursor:pointer}
.google-login-enabled .topbar .google-login-control .account-button span {display:block;min-width:0;overflow-wrap:anywhere}
.google-login-control .account-button i {flex-shrink:0;background:rgba(255,255,255,.12);color:#f2cf83}
.google-login-control button:disabled {opacity:.6;cursor:wait}
.google-login-control [role=status] {font:500 14px/1.5 var(--sans);max-width:100%;overflow-wrap:anywhere}
.google-login-control [role=status]:empty {display:none}
@media(max-width:650px){
  .google-login-enabled .topbar {height:auto;min-height:60px;flex-wrap:wrap}
  .google-login-control {width:100%}
  .google-login-enabled .topbar .google-login-control #accountButton {flex:1;justify-content:flex-start}
  .google-login-control .google-session-button {flex:0 0 auto}
  /* Guests keep menu, flexible search and Login in the same row. */
  .google-login-enabled .topbar:not(:has(.google-session-button.authenticated)) {flex-wrap:nowrap;gap:8px}
  .google-login-enabled .topbar:not(:has(.google-session-button.authenticated)) .global-search {flex:1 1 0;min-width:0;width:0}
  .google-login-enabled .topbar:not(:has(.google-session-button.authenticated)) .global-search input {min-width:0;width:100%}
  .google-login-enabled .topbar:not(:has(.google-session-button.authenticated)) .google-login-control {width:auto;flex:0 0 auto}
  .google-login-enabled .topbar:not(:has(.google-session-button.authenticated)) .menu-btn {flex:0 0 44px}

}