.theme-control {
  position: fixed;
  bottom: 18px;
  right: 18px;
  border: 1px solid #b8c9bf;
  border-radius: 20px;
  background: #fff;
  color: #315b44;
  padding: 9px 15px;
  z-index: 90;
  font:
    600 11px "Segoe UI",
    sans-serif;
  box-shadow: 0 2px 12px #0001;
  cursor: pointer;
}
[data-theme="dark"] {
  --green: #8bd1ad;
  --muted: #a1b2a8;
  --line: #33483d;
  background: #101914;
  color: #e0ebe4;
}
[data-theme="dark"] body {
  background: #101914;
  color: #e0ebe4;
}
[data-theme="dark"] .sidebar,
[data-theme="dark"] .topbar,
[data-theme="dark"] .panel,
[data-theme="dark"] .stat,
[data-theme="dark"] .connection-card,
[data-theme="dark"] .login,
[data-theme="dark"] .table-wrap,
[data-theme="dark"] .empty,
[data-theme="dark"] dialog,
[data-theme="dark"] article {
  background: #17231c;
  color: #e0ebe4;
  border-color: #33483d;
}
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background: #101c15;
  color: #e3eee7;
  border-color: #42584a;
}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: #819b8b;
}
[data-theme="dark"] label,
[data-theme="dark"] .muted,
[data-theme="dark"] .stat > div,
[data-theme="dark"] .nav-item,
[data-theme="dark"] .top-status,
[data-theme="dark"] td small,
[data-theme="dark"] .lead,
[data-theme="dark"] .prose,
[data-theme="dark"] .connection-card p {
  color: #afc2b5;
}
[data-theme="dark"] .workspace,
[data-theme="dark"] .source-row,
[data-theme="dark"] .workspace-icon,
[data-theme="dark"] .avatar,
[data-theme="dark"] .connection-card code,
[data-theme="dark"] pre {
  background: #203127;
  color: #b7d5c2;
  border-color: #385040;
}
[data-theme="dark"] .nav-item.active,
[data-theme="dark"] .nav-item:hover,
[data-theme="dark"] tr[data-record]:hover {
  background: #274733;
  color: #c3e8d0;
}
[data-theme="dark"] .hero-panel {
  background: #213e2c;
  border-color: #3c5b45;
}
[data-theme="dark"] .hero-panel h2,
[data-theme="dark"] .eyebrow,
[data-theme="dark"] .text-btn,
[data-theme="dark"] .help-strip a,
[data-theme="dark"] a {
  color: #9fd8b6;
}
[data-theme="dark"] .hero-panel p,
[data-theme="dark"] .hero-panel .eyebrow {
  color: #b0c8b6;
}
[data-theme="dark"] .node {
  background: #2b4733;
  color: #bad9bd;
  border-color: #4d7355;
}
[data-theme="dark"] .orbit {
  border-color: #42664b;
}
[data-theme="dark"] .secondary,
[data-theme="dark"] .theme-control {
  background: #253c2d;
  color: #d0e9da;
  border-color: #55705e;
}
[data-theme="dark"] .primary {
  background: #397b54;
  color: #fff;
}
[data-theme="dark"] th {
  background: #203127;
  color: #aec4b4;
  border-color: #354b3c;
}
[data-theme="dark"] td,
[data-theme="dark"] .destination-choice,
[data-theme="dark"] header,
[data-theme="dark"] footer {
  border-color: #304639;
}
[data-theme="dark"] .badge {
  background: #33483a;
  color: #c5d7cb;
}
[data-theme="dark"] .published,
[data-theme="dark"] .delivered,
[data-theme="dark"] .available {
  background: #224b35;
  color: #a8e3c0;
}
[data-theme="dark"] .failed,
[data-theme="dark"] .withdrawn,
[data-theme="dark"] .error-text {
  color: #f5b5ac;
}
[data-theme="dark"] .destination-chips span {
  border-color: #47604e;
  color: #bad0c0;
}
[data-theme="dark"] .connection-icon,
[data-theme="dark"] .empty > span {
  background: #2b4833;
  color: #b7dabb;
  border-color: #557358;
}
[data-theme="dark"] .prose a {
  color: #a9e6c2;
}
.settings-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 22px;
}
.settings-grid .panel {
  margin-bottom: 0;
}
.setup-link {
  overflow-wrap: anywhere;
  font-size: 11px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
}
.form-hint {
  font-size: 11px;
  color: var(--muted);
}

.settings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.setup-link {
  overflow-wrap: anywhere;
}
.form-hint {
  font-size: 13px;
  line-height: 1.6;
  color: var(--muted);
}
@media (max-width: 800px) {
  .settings-grid {
    grid-template-columns: 1fr;
  }
}