/* Dashboard navigation can be fully collapsed without changing page or form state. */
.dashboard-language-bar {
  display: flex;
  justify-content: flex-end;
  position: sticky;
  top: 0;
  z-index: 80;
  padding: 10px 0;
  margin-bottom: 12px;
  background: var(--bg-dark, #0b0f18);
}
.dashboard-language-bar .dashboard-language-control {
  background: var(--bg-card, #111827);
  color: #fff;
  border-color: #46518a;
}
.dashboard-language-bar .dashboard-language-control > span { color: #d5daf0; }
body.landing-mode .dashboard-language-bar { display: none; }
#dashboard-nav-toggle {
  position: fixed;
  bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  right: 334px;
  z-index: 110;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 9px 14px;
  border: 1px solid #6772ef;
  border-radius: 12px;
  background: #242a50;
  color: #fff;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 4px 18px #0006;
}
#dashboard-nav-toggle:hover { background: #394276; }
#dashboard-nav-toggle:focus-visible { outline: 3px solid #a7b3ff; outline-offset: 3px; }
body.landing-mode #dashboard-nav-toggle { display: none; }
html.dashboard-nav-collapsed body:not(.landing-mode) .sidebar,
html.dashboard-nav-collapsed body:not(.landing-mode) .server-rail { display: none !important; }
html.dashboard-nav-collapsed body:not(.landing-mode) .main-content {
  margin-right: 0 !important;
  margin-left: 0 !important;
  min-width: 0;
}
html.dashboard-nav-collapsed #dashboard-nav-toggle { right: 18px; }
@media (max-width: 900px) {
  #dashboard-nav-toggle { right: 18px; }
}