/* Shared account footer: quiet surfaces, one identity and a compact utility row. */
body #desktop-nav .desktop-nav-footer {
  --account-surface: #151c26; --account-ink: #e5edf7;
  --account-muted: #a4b2c5; --account-line: #303c4d; --account-hover: #243247;
  padding: 18px 20px 16px !important; background: var(--account-surface) !important;
  border-top: 1px solid var(--account-line) !important; box-shadow: none !important;
}
body.desktop-light #desktop-nav .desktop-nav-footer {
  --account-surface: #ffffff; --account-ink: #21364d;
  --account-muted: #617185; --account-line: #e1e7ef; --account-hover: #eaf3fc;
}
body #desktop-nav .desktop-nav-footer .desktop-nav-user { padding: 0 !important; margin: 0 !important; }
body #desktop-nav .desktop-nav-footer .desktop-nav-user > div { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
body #desktop-nav .desktop-nav-footer .desktop-nav-user strong { font-size: 15px !important; color: var(--account-ink) !important; }
body #desktop-nav .desktop-nav-footer .desktop-nav-user > span {
  display: block; margin-top: 6px !important; color: var(--account-muted) !important;
  font-size: 12px !important; line-height: 1.6 !important; font-weight: 400 !important;
}
body #desktop-nav .desktop-nav-footer .desktop-role-badge {
  padding: 3px 7px !important; border: 0 !important; border-radius: 5px !important;
  background: var(--account-hover) !important; color: var(--account-muted) !important;
  font-size: 11px !important; font-weight: 500 !important;
}
body #desktop-nav .desktop-nav-footer .desktop-nav-footer-actions {
  display:flex !important; gap:8px !important; margin-top:14px !important;
  padding:0 !important; border:0 !important;
}
body #desktop-nav .desktop-nav-footer :is(.customer-support-link,.pro-upgrade-link) {
  flex:1; min-width:0; min-height:38px !important; padding:8px 10px !important;
  border:1px solid var(--account-line) !important; border-radius:8px !important;
  background:transparent !important; color:var(--account-ink) !important;
  font-size:13px !important; font-weight:500 !important; box-shadow:none !important;
}
/* The disabled ADMIN button duplicates the role badge, not a navigation entry. */
body #desktop-nav .desktop-nav-footer .pro-upgrade-link:disabled { display:none !important; }
body #desktop-nav .desktop-nav-footer .desktop-admin-tools {
  justify-content:flex-start !important; gap:8px !important;
  padding:12px 0 0 !important; margin:12px 0 0 !important;
  border-top:1px solid var(--account-line) !important;
}
body #desktop-nav .desktop-nav-footer :is(.desktop-admin-link,#theme-toggle) {
  display:inline-flex !important; align-items:center; justify-content:center;
  width:36px !important; height:36px !important; min-height:36px !important;
  padding:0 !important; border:1px solid var(--account-line) !important; border-radius:8px !important;
  background:transparent !important; color:var(--account-muted) !important; box-shadow:none !important;
}
body #desktop-nav .desktop-nav-footer .desktop-admin-link span b { color:var(--account-muted) !important; font-size:17px !important; }
body #desktop-nav .desktop-nav-footer .desktop-admin-tools #theme-toggle { margin:0 0 0 auto !important; }
body #desktop-nav .desktop-nav-footer .desktop-home-footer {
  margin:12px 0 0 !important; padding:8px 0 0 !important; min-height:28px !important;
  border:0 !important; background:transparent !important; color:var(--account-muted) !important;
  font-size:12px !important; font-weight:400 !important;
}
body #desktop-nav .desktop-nav-footer :is(button,a):hover { background:var(--account-hover) !important; color:var(--account-ink) !important; }
body #desktop-nav .desktop-nav-footer :is(button,a):focus-visible { outline:2px solid #189bda !important; outline-offset:3px; }
body.desktop-light #desktop-nav .desktop-nav-footer :is(.customer-support-link,.pro-upgrade-link):not(:disabled) {
  background:#edf8ff !important; border-color:#c4e6f7 !important; color:#09628f !important;
}
body.desktop-light #desktop-nav .desktop-nav-footer :is(.customer-support-link,.pro-upgrade-link):not(:disabled):hover {
  background:#dbf1ff !important; border-color:#87c9eb !important;
}

/* Final daytime override: the legacy shell has a later, highly specific
   tinted footer rule. Keep this utility area white and visually quiet. */
html body.desktop-light #desktop-nav .desktop-nav-footer {
  background:#fff !important; background-image:none !important;
  border-top-color:#e1e8ef !important; color:#21364d !important;
}
html body.desktop-light #desktop-nav .desktop-nav-footer .desktop-admin-tools {
  gap:8px !important; margin-top:12px !important; padding-top:12px !important;
  border-top-color:#e1e8ef !important;
}
html body.desktop-light #desktop-nav .desktop-nav-footer .desktop-admin-tools :is(.desktop-admin-link,#theme-toggle) {
  width:32px !important; height:32px !important; min-width:32px !important; min-height:32px !important;
  padding:0 !important; border:1px solid #d6e1eb !important; border-radius:7px !important;
  background:#f8fbfe !important; color:#567085 !important; font-size:14px !important;
}
html body.desktop-light #desktop-nav .desktop-nav-footer .desktop-admin-tools .desktop-admin-link span b {
  font-size:14px !important; color:#567085 !important;
}
html body.desktop-light #desktop-nav .desktop-nav-footer .desktop-admin-tools #theme-toggle {
  margin-left:auto !important; font-size:15px !important;
}
html body.desktop-light #desktop-nav .desktop-nav-footer .desktop-admin-tools :is(.desktop-admin-link,#theme-toggle):hover {
  background:#eaf6ff !important; border-color:#a8d5ef !important; color:#12658e !important;
}