/* Back / forward arrows (space-nav.js) */
.sp-nav{display:flex;gap:4px;margin-right:12px;flex:none}
.sp-nb{width:34px;height:34px;border:0;border-radius:11px;background:#ffffff0d;color:#e6f2ef;font-size:16px;font-weight:800;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff1a;transition:background .2s,opacity .2s,transform .15s}
.sp-nb:hover:not(:disabled){background:#6ff7d822;box-shadow:inset 0 0 0 1px #6ff7d877;color:#6ff7d8}
.sp-nb:active:not(:disabled){transform:scale(.9)}
.sp-nb:disabled{opacity:.3;cursor:default}
@media(max-width:760px){.sp-nav{order:-1;margin-right:8px}.sp-nb{width:32px;height:32px;border-radius:10px}}
/* Phone: arrows on the left, the brand in the middle of what the floating buttons on the right leave free */
@media(max-width:760px){
  .topbar:has(.sp-nav) .mobile-brand{flex:1;min-width:0;display:block;text-align:center;padding-right:var(--dock-w,140px);font-size:11px;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #command-input::placeholder{font-size:14px}/* the text itself stays 16px: smaller makes iPhone zoom in on focus */
}
/* Phone: «Войти» and the voice button sit in the same row as the arrows and the brand, compact, never over each other */
@media(max-width:760px){
  .au-chip{top:calc(env(safe-area-inset-top) + 10px)!important;right:58px!important;height:34px;padding:0 11px!important;border-radius:11px!important;font-size:13px!important;gap:5px!important}
  .top-dock{top:calc(env(safe-area-inset-top) + 9px)!important;right:10px!important}
  .top-dock #command-voice,.top-dock #command-call{width:38px!important;height:36px!important;border-radius:11px!important}
  .top-dock #command-voice svg,.top-dock #command-voice img{transform:scale(.8)}
}