/* ── dark app shell overrides ────────────────────────────────────────────────── */

:root.dark body {
  background: #141415;
}

:root.dark .app-title {
  color: #d0d0d0;
}

:root.dark .app-subtitle {
  color: #707072;
}

:root.dark .app-highlight {
  color: #6ab0f3;
}

:root.dark .app-control {
  background: #252527;
  border-color: #3a3a3c;
}

:root.dark .app-control-label {
  color: #b0b0b0;
}

:root.dark .app-control-select {
  background-color: #1c1c1e;
  border-color: #3a3a3c;
  color: #d0d0d0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23b0b0b0'/%3E%3C/svg%3E");
}

:root.dark .app-control-select:hover {
  border-color: #555558;
}

:root.dark .app-control-select:focus {
  border-color: #6ab0f3;
  box-shadow: 0 0 0 3px rgba(106, 176, 243, 0.15);
}

:root.dark .app-control-button {
  background: #1c1c1e;
  border-color: #3a3a3c;
  color: #d0d0d0;
}

:root.dark .app-control-button:hover {
  border-color: #555558;
  background: #252527;
}

:root.dark .app-validation-error {
  background: #2d1515;
  border-color: #7f1d1d;
  color: #fca5a5;
}

:root.dark .app-grid-wrapper {
  background: #1c1c1e;
  border-color: #3a3a3c;
  box-shadow:
    0 1px 4px rgba(0, 0, 0, 0.4),
    0 4px 16px rgba(0, 0, 0, 0.3);
}