/* Pure branding: dark surfaces, silver and warm gold light. */
:root {
  --accent: #d8b16a;
  --accent-ink: #17130c;
  --glow-soft: 0 0 28px #d8b16a08;
  --glow-bright: 0 0 24px #d8b16a14, 0 0 60px #d8b16a05;
}
.main-content {
  background: linear-gradient(135deg, #18181bbf, #111113de);
  animation: none;
}
.brand-logo, .dashboard-logo, .profile-avatar { border-radius: 50%; object-fit: cover; border-color: #d8b16a88; box-shadow: 0 0 0 4px #d8b16a08, 0 0 26px #d8b16a25; }
.dashboard-heading .eyebrow, .panel-index { color: #d8b16a; }
.topbar::after { background: linear-gradient(90deg, transparent, #d8b16a80, transparent); }
.nav-link[aria-current="page"] { border-color: #d8b16a55; background: linear-gradient(105deg, #d8b16a18, #d8b16a04); }
.nav-link[aria-current="page"]::after { background: #d8b16a; box-shadow: 0 0 12px #d8b16a50; }
.nav-link[aria-current="page"] .icon, .step-number { color: #e0bd7d; }
.orbit-ring-middle { border-top-color: #d8b16a80; }
.orbit-ring::after { background: #e0bd7d; box-shadow: 0 0 12px #d8b16a60; }
.orbit-core { border-color: #d8b16a66; }
.progress-fill { background: linear-gradient(90deg, #a88b53, #e9ce9a); }
#page-home.active { display: flex; flex-direction: column; min-height: 100%; }
.dashboard-footer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-top: auto; padding-top: 14px; }
.dashboard-footer .dashboard-preferences { margin-top: 0; flex-wrap: wrap; justify-content: flex-start; }
.wallpaper-button { display: inline-flex; align-items: center; gap: 9px; margin-left: auto; padding: 7px 12px; min-height: 40px; border-color: #d8b16a70; color: #eed8b0; background: linear-gradient(135deg, #d8b16a16, #d8b16a06); }
.wallpaper-button:hover:not(:disabled) { border-color: #e5c68e; background: #d8b16a20; }
.wallpaper-thumbnail { width: 42px; height: 24px; object-fit: cover; border: 1px solid #d8b16a50; border-radius: 4px; }
.wallpaper-button:disabled { opacity: .5; cursor: default; }
.sidebar {
  background: linear-gradient(165deg, #19191bea, #0d0d0ff5 75%);
}
.sidebar::before { background: radial-gradient(ellipse at 50% 20%, #d8b16a0f, transparent 65%); }
.ambient-light { background: radial-gradient(ellipse, #d8b16a20, #d8b16a04 45%, transparent 68%); }
.ambient-horizon { background: linear-gradient(90deg, transparent, #d8b16a45, transparent); box-shadow: 0 0 35px 3px #d8b16a0a; }

/* Keep the updater reachable on small viewports at higher Windows scaling. */
@media (max-height: 580px) and (min-width: 701px) {
  .sidebar { padding: 8px 10px 6px; }
  .brand { min-height: 38px; padding-bottom: 4px; }
  .brand-logo { width: 30px; height: 30px; }
  .nav-label { margin: 6px 10px 3px; font-size: 9px; line-height: 12px; }
  .nav-links { gap: 1px; }
  .nav-link { min-height: 25px; font-size: 11px; }
  .app-update { margin: 6px 0; padding: 7px 8px; }
  .app-update p { max-height: 2.8em; }
  .connection-indicator { min-height: 28px; padding: 4px 8px; }
}