/* geoguess.es — admin console (design.md §6.4): same tokens and rail, denser (13 px base, 32 px rows),
   a vermilion ADMIN tag under the logo. Owner WP10. */
body { font-size: var(--fs-13); }
.admin { display: grid; grid-template-columns: 232px minmax(0, 1fr); min-height: 100vh; }
.a-rail { position: sticky; top: 0; height: 100vh; overflow-y: auto; background: var(--chrome); color: var(--chrome-ink-2); padding: var(--sp-3); display: flex; flex-direction: column; gap: var(--sp-3); }
.a-brand { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: var(--sp-2); text-decoration: none; }
.a-brand img { height: 30px; width: auto; }
.a-flavour { font-family: var(--font-serif); font-style: italic; color: var(--chrome-ink-2); font-size: var(--fs-13); }
.a-item { display: flex; align-items: center; height: 32px; padding: 0 var(--sp-3); border-radius: var(--r-2); color: var(--chrome-ink-2); text-decoration: none; font-weight: 500; }
.a-item:hover { background: var(--chrome-2); color: var(--chrome-ink); }
.a-item[aria-current] { background: var(--chrome-3); color: var(--chrome-ink); box-shadow: inset 3px 0 0 var(--brass); }
.a-main { min-width: 0; }
.a-page { padding: var(--sp-6) var(--sp-8); max-width: 1400px; }
.a-page h1 { margin-bottom: var(--sp-4); }
.a-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--sp-3); margin-bottom: var(--sp-4); }
.a-kpi { min-height: 96px; display: flex; flex-direction: column; justify-content: space-between; }
.a-kpi .skeleton { height: 28px; width: 60%; }
.a-signin { max-width: 420px; margin: 10vh auto; }
@media (max-width: 899.98px) { .admin { grid-template-columns: 1fr; } .a-rail { position: static; height: auto; } .a-kpis { grid-template-columns: repeat(2, 1fr); } .a-page { padding: var(--sp-4); } }