/* The admin console's one stylesheet (FDD-463 D2). No scripts, no fonts. */
:root {
  --bg: #f7f7f5; --fg: #1d1d1b; --muted: #5f5f5a; --line: #d9d9d4;
  --ok: #1f7a3a; --bad: #b3261e; --warn: #8a5a00; --card: #ffffff;
}
* { box-sizing: border-box; }
body { margin: 0; font: 15px/1.45 system-ui, -apple-system, "Segoe UI", sans-serif; background: var(--bg); color: var(--fg); }
.banner { display: flex; flex-wrap: wrap; gap: 0.75rem 1.25rem; align-items: center; padding: 0.6rem 1rem; color: #fff; }
.banner .platform { font-weight: 700; }
.banner .meta { opacity: 0.85; }
.banner nav { margin-left: auto; display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; }
.banner a, .banner .link { color: #fff; }
.banner .tz { position: relative; }
.banner .tz summary { cursor: pointer; }
.banner .tz-menu { position: absolute; right: 0; top: 100%; margin-top: 0.4rem; z-index: 10; display: flex; flex-direction: column; gap: 0.35rem; padding: 0.5rem 0.75rem; background: var(--card); border: 1px solid var(--line); border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }
.banner .tz-menu .link { color: var(--fg); text-align: left; white-space: nowrap; }
.banner .tz-menu [aria-current] { font-weight: 700; text-decoration: none; }
.tone-local { background: #4a4a46; }
.tone-staging { background: #8a5a00; }
.tone-production { background: #8c1d18; }
main { max-width: 72rem; margin: 0 auto; padding: 1rem; }
footer { color: var(--muted); font-size: 0.85rem; padding: 1rem; text-align: center; }
h1 { font-size: 1.35rem; margin: 0.5rem 0 1rem; }
h2 { font-size: 1.1rem; margin: 1.5rem 0 0.5rem; }
.stack { display: flex; flex-direction: column; gap: 0.75rem; }
.narrow { max-width: 24rem; }
label { display: flex; flex-direction: column; gap: 0.25rem; font-weight: 600; }
input, select, textarea { font: inherit; padding: 0.4rem 0.5rem; border: 1px solid var(--line); border-radius: 4px; background: #fff; }
button { font: inherit; padding: 0.45rem 0.9rem; border: 1px solid var(--fg); background: var(--fg); color: #fff; border-radius: 4px; cursor: pointer; }
button.link { background: none; border: none; padding: 0; text-decoration: underline; }
button.danger { background: var(--bad); border-color: var(--bad); }
form.inline { display: inline; }
.error { color: var(--bad); font-weight: 600; }
.notice { color: var(--ok); font-weight: 600; }
.ok { color: var(--ok); font-weight: 700; }
.bad { color: var(--bad); font-weight: 700; }
.warn { color: var(--warn); font-weight: 700; }
.muted { color: var(--muted); }
table { border-collapse: collapse; width: 100%; background: var(--card); }
th, td { text-align: left; padding: 0.35rem 0.5rem; border-bottom: 1px solid var(--line); vertical-align: top; }
th { font-size: 0.85rem; color: var(--muted); }
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr)); gap: 0.75rem; }
.card { background: var(--card); border: 1px solid var(--line); border-radius: 6px; padding: 0.75rem; }
.filters { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: flex-end; margin-bottom: 1rem; }
.filters .tick { flex-basis: 100%; }
.scroll { overflow-x: auto; }
code { font-size: 0.9em; }
.article { max-width: 46rem; }
.article pre { background: var(--card); border: 1px solid var(--line); border-radius: 4px; padding: 0.5rem 0.75rem; overflow-x: auto; }
.article li { margin-bottom: 0.25rem; }
.help-list { list-style: none; padding: 0; max-width: 46rem; }
.help-list li { margin-bottom: 0.9rem; }