/* No More theme toggle button. Bottom-nav styling lives in nm-bottom-nav.css. */
.nm-theme-toggle {
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 500;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(95, 48, 13, 0.18);
  background: rgba(248, 247, 244, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5F300D;
  transition: background 0.2s ease, color 0.2s ease;
  border-radius: 0;
}
.nm-theme-toggle:hover { background: rgba(214, 187, 136, 0.25); }
.nm-theme-toggle svg { width: 18px; height: 18px; }
.nm-theme-toggle .sun { display: none; }
.nm-theme-toggle .moon { display: block; }
body[data-mode="dark"] .nm-theme-toggle {
  background: rgba(34, 30, 26, 0.85);
  color: #E6DDD0;
  border-color: rgba(230, 221, 208, 0.15);
}
body[data-mode="dark"] .nm-theme-toggle:hover { background: rgba(214, 187, 136, 0.15); }
body[data-mode="dark"] .nm-theme-toggle .sun { display: block; }
body[data-mode="dark"] .nm-theme-toggle .moon { display: none; }

/* Generic dark-mode surface floor for apps without native dark styling.
   Skipped when the app already has its own dark palette (e.g., Reviews). */
body[data-mode="dark"]:not(.nm-native-dark) {
  background: #181614;
  color: #E6DDD0;
}
body[data-mode="dark"]:not(.nm-native-dark) .sidebar,
body[data-mode="dark"]:not(.nm-native-dark) .card,
body[data-mode="dark"]:not(.nm-native-dark) .panel,
body[data-mode="dark"]:not(.nm-native-dark) .content,
body[data-mode="dark"]:not(.nm-native-dark) main {
  background-color: #221E1A;
  color: #E6DDD0;
  border-color: rgba(230, 221, 208, 0.12);
}
body[data-mode="dark"]:not(.nm-native-dark) a { color: #D6BB88; }
body[data-mode="dark"]:not(.nm-native-dark) h1,
body[data-mode="dark"]:not(.nm-native-dark) h2,
body[data-mode="dark"]:not(.nm-native-dark) h3 { color: #F8F7F4; }
body[data-mode="dark"]:not(.nm-native-dark) input,
body[data-mode="dark"]:not(.nm-native-dark) textarea,
body[data-mode="dark"]:not(.nm-native-dark) select {
  background: #221E1A;
  color: #E6DDD0;
  border-color: rgba(230, 221, 208, 0.15);
}

/* Sidebar crest (added by nav-parity pass) */
.nm-sidebar-crest {
  display: block;
  width: 56px;
  height: 56px;
  margin: 0 auto 12px;
  object-fit: contain;
}
.sidebar-brand, .sidebar-header { text-align: center; }