:root { color-scheme: dark; }
body {
  font-family: "Segoe UI", system-ui, sans-serif;
  background: #101010; color: #f2f2f2;
  max-width: 860px; margin: 2rem auto; padding: 0 1rem;
}
h1 { color: #52b043; margin-bottom: 0.2rem; }
.tagline { color: #9d9d9d; margin-top: 0; }
.stub-banner {
  background: #3d2e00; border: 1px solid #ffb900; border-radius: 6px;
  padding: 0.6rem 0.8rem; font-size: 0.9rem;
}
.card {
  background: #1b1b1b; border: 1px solid #333; border-radius: 8px;
  padding: 1rem 1.2rem; margin: 1rem 0;
}
.row { display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center; margin: 0.6rem 0; }
input[type="text"] {
  background: #262626; color: #f2f2f2; border: 1px solid #444;
  border-radius: 4px; padding: 0.45rem 0.6rem; min-width: 220px;
}
button {
  background: #107c10; color: #fff; border: 0; border-radius: 4px;
  padding: 0.45rem 0.9rem; cursor: pointer; font-size: 0.95rem;
}
button:hover { background: #159415; }
table { border-collapse: collapse; width: 100%; margin: 0.6rem 0; }
th, td { border-bottom: 1px solid #333; padding: 0.4rem 0.5rem; text-align: left; }
th { color: #9d9d9d; font-weight: 600; }
.muted { color: #9d9d9d; }
.status { min-height: 1.2em; font-weight: 600; }
.hidden { display: none; }
td button { margin-right: 0.3rem; padding: 0.3rem 0.6rem; font-size: 0.85rem; }