/* ── Administration gate + placeholder page ──────────────────────────────
   Extracted from the retired trench.css when the trench board was removed
   (2026-08-24) — the gate look survived the board it used to guard.
   Rides the site's blood-red-on-black chrome tokens (see site.css /
   project_yieldsim_palette.md: chrome and chart palettes stay separate). */

.admin-gate {
    max-width: 26rem;
    padding-top: 8vh;
}

.admin-gate-card {
    background: #0d0d0d;
    border: 1px solid var(--yieldsim-chrome-deep);
    /* Halo matches --yieldsim-chrome (#8b0000). Kept literal for the same
       reason site.css keeps its halo literal: rgba() can't take a var()
       hex, and the alpha channel is the design decision here. */
    box-shadow: 0 0 40px rgba(139, 0, 0, 0.25);
}

.admin-gate-mark {
    color: var(--yieldsim-chrome-bright);
    font-size: 2rem;
    line-height: 1;
}

.admin-gate-input {
    background: #050505;
    border-color: var(--yieldsim-chrome-deep);
    letter-spacing: 0.35em;
}

.admin-gate-input:focus {
    background: #050505;
    border-color: var(--yieldsim-chrome-bright);
    box-shadow: 0 0 0 0.2rem rgba(179, 0, 0, 0.25);
}

.admin-gate-button {
    background: var(--yieldsim-chrome);
    border-color: var(--yieldsim-chrome-deep);
    color: #fff; /* white text on all chrome buttons — palette rule */
}

.admin-gate-button:hover,
.admin-gate-button:focus {
    background: var(--yieldsim-chrome-bright);
    border-color: var(--yieldsim-chrome);
    color: #fff;
}

.admin-gate-error {
    background: rgba(139, 0, 0, 0.18);
    border: 1px solid var(--yieldsim-chrome);
    color: #f0c0c0;
}

.admin-gate-maintenance {
    color: #e8b34b;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 0.9rem;
}

/* The unlocked placeholder is wider than the gate card — room for the
   admin panel's forms without crowding. */
.admin-placeholder {
    max-width: 34rem;
    padding-top: 6vh;
}

.admin-placeholder-note {
    color: var(--yieldsim-chrome-bright);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: 0.85rem;
}

.admin-panel {
    border-top: 1px solid var(--yieldsim-chrome-deep);
}