/* The admin pages' layout. Colours come only from the kit theme's roles. */
body { margin: 0; }
.admin-shell { min-height: 100vh; background: var(--kit-main); color: var(--kit-on-main); }
.admin-top { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; padding: 16px; background: var(--kit-secondary); color: var(--kit-on-secondary); }
.admin-nav { display: flex; flex-wrap: wrap; gap: 16px; margin-left: auto; align-items: center; }
.admin-nav a { color: var(--kit-on-secondary); }
.admin-body { max-width: 960px; margin: 0 auto; padding: 24px 16px; box-sizing: border-box; }
.admin-narrow { max-width: 420px; margin: 0 auto; padding: 48px 16px; box-sizing: border-box; }
.admin-form { display: grid; gap: 16px; margin: 24px 0; }
.admin-alert { color: var(--kit-accent-text); margin: 8px 0; }
.admin-quiet { color: var(--kit-quiet); }
.admin-link-box { display: block; overflow-wrap: anywhere; padding: 12px; background: var(--kit-secondary); color: var(--kit-on-secondary); }
.admin-row-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.admin-select { appearance: none; background: var(--kit-main); color: var(--kit-on-main); border: 1px solid var(--kit-line); }
h1 { margin: 0 0 8px; }