.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  margin: 0;
  border-radius: 999px;
  border: 1px solid var(--ca-border, #d0d7e2);
  background: var(--ca-panel, #ffffff);
  color: var(--ca-muted, #64748b);
  cursor: pointer;
  line-height: 0;
  flex-shrink: 0;
}
.theme-toggle:hover {
  background: var(--ca-hover, #f1f5f9);
  color: var(--ca-brand, #0284c7);
}
.theme-toggle .theme-icon { display: block; width: 18px; height: 18px; pointer-events: none; }
.login-theme-toggle { position: absolute; top: 1rem; right: 1rem; z-index: 2; }
html.dark .theme-toggle { background: #1c1c1e; color: #f5f5f7; border-color: #38383a; }