/* Shared structure for admin pages (quests, status-effects).
   Theme colours are driven by CSS custom properties; each page overrides :root to set its palette.
   Defaults match the amber (quests) theme. */
:root {
  --adm-bg: #0a0804; --adm-fg: #dcb;
  --adm-border: #3a3010;
  --adm-title: #ffd24d;
  --adm-nav-fg: #8a7020; --adm-nav-border: #4a3a12;
  --adm-hint: #6a5a40;
  --adm-label: #7a6840;
  --adm-input-bg: #0a0804; --adm-input-fg: #e8dcc8; --adm-input-border: #3a3010;
  --adm-btn-sm-bg: #120e08; --adm-btn-sm-border: #6a5520; --adm-btn-sm-fg: #ffd24d; --adm-btn-sm-hover: #1f180c;
  --adm-form-bg: #080604; --adm-form-border: #5a4818; --adm-form-title: #b89430;
  --adm-btn-bg: #2a2210; --adm-btn-border: #ffd24d; --adm-btn-fg: #ffd24d; --adm-btn-hover: #3a3020;
  --adm-flash: #9a8a60;
}
body { margin: 0; background: var(--adm-bg); color: var(--adm-fg); font-family: 'VT323', monospace; font-size: var(--type-body, 1rem); min-height: 100vh; }
.wrap { max-width: none; width: 100%; margin: 0 auto; padding: 20px clamp(14px, 2.5vw, 36px) 48px; box-sizing: border-box; }
header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; border-bottom: 1px solid var(--adm-border); padding-bottom: 14px; margin-bottom: 20px; }
h1 { font-family: 'Press Start 2P', monospace; font-size: var(--type-pixel-md, 14px); color: var(--adm-title); letter-spacing: 1px; margin: 0; line-height: 1.45; }
.nav a { color: var(--adm-nav-fg); margin-left: 14px; text-decoration: none; border: 1px solid var(--adm-nav-border); padding: 6px 12px; font-size: var(--type-nav, 0.9375rem); }
.nav a:hover { color: var(--adm-title); border-color: var(--adm-title); }
.hint { font-size: var(--type-body, 1rem); color: var(--adm-hint); line-height: 1.4; margin-bottom: 18px; }
.btn-sm { font-family: inherit; font-size: var(--type-body, 1rem); background: var(--adm-btn-sm-bg); border: 1px solid var(--adm-btn-sm-border); color: var(--adm-btn-sm-fg); padding: 4px 10px; cursor: pointer; }
.btn-sm:hover { background: var(--adm-btn-sm-hover); }
.btn-danger { border-color: #622; color: #f88; }
.admin-empty { padding: 16px; color: var(--adm-hint); }
#form-wrap { border: 1px solid var(--adm-form-border); padding: 16px 18px; background: var(--adm-form-bg); margin-top: 24px; }
#form-title { color: var(--adm-form-title); margin-bottom: 14px; letter-spacing: 2px; font-size: var(--type-h4, 1rem); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; }
@media (max-width: 720px) { .form-grid { grid-template-columns: 1fr; } }
label { display: block; font-size: var(--type-small, 0.9375rem); color: var(--adm-label); margin-bottom: 4px; letter-spacing: 0.06em; }
input, select, textarea { width: 100%; box-sizing: border-box; background: var(--adm-input-bg); border: 1px solid var(--adm-input-border); color: var(--adm-input-fg); font-family: inherit; font-size: var(--type-body, 1rem); padding: 6px 8px; }
textarea { min-height: 72px; }
.form-actions { margin-top: 16px; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.btn-primary { font-family: inherit; font-size: var(--type-body, 1rem); background: var(--adm-btn-bg); border: 1px solid var(--adm-btn-border); color: var(--adm-btn-fg); padding: 8px 18px; cursor: pointer; }
.btn-primary:hover { background: var(--adm-btn-hover); }
.flash-msg { min-height: 22px; font-size: var(--type-body, 1rem); color: var(--adm-flash); }
.flash-msg--err { color: #f66; }