.top-actions {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-left: auto;
}

.theme-toggle {
  width: 38px;
  height: 38px;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: transparent;
  color: var(--ink);
  font-size: 20px;
  cursor: pointer;
}

.top-actions .back {
  margin-left: 0;
}

html[data-theme=dark] {
  --ink: #eef0f7;
  --cream: #111522;
  --line: #343b4d;
  --muted: #b3b8c8;
  --white: #1a1f2e;
}

html[data-theme=dark] .topbar {
  background: rgba(17, 21, 34, .94);
}

html[data-theme=dark] .theme-toggle {
  color: #eef0f7;
  border-color: #4b5368;
}

html[data-theme=dark] .security {
  background: #261a31;
}

html[data-theme=dark] footer {
  background: #090c14;
}

@media (max-width: 700px) {
  .top-actions {
    gap: 10px;
  }
}