/* site.css — small CSP-clean utilities for app chrome built on top of base.css.
   Keep design-system tokens/components in base.css; only spacing helpers here. */

.section-pad { padding-top: 64px; padding-bottom: 64px; }
.mt-lg { margin-top: 28px; }

/* --- Admin auth --- */
.auth-wrap  { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px; }
.auth-card  { width: 100%; max-width: 380px; padding: 28px; display: flex; flex-direction: column; gap: 14px; }
.auth-form  { display: flex; flex-direction: column; gap: 14px; margin-top: 4px; }
.auth-err   { background: var(--bad-bg); color: var(--bad); border-radius: var(--r-sm);
              padding: 9px 12px; font-size: 14px; font-weight: 600; }
.hdr__who   { color: var(--ink-3); font-size: 14px; font-weight: 600; margin-right: 6px; }

/* --- Admin owners --- */
.adm-signout { margin-left: 4px; }
.oav   { background: var(--forest); }   /* default; design used inline colors */
.oav-1 { background: #3a6a3a; }
.oav-2 { background: var(--forest); }
.oav-3 { background: #b8741a; }
.oav-4 { background: #7a5aa8; }
.oav-5 { background: #1862a8; }
.addform__actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 11px; }
.flash       { padding: 10px 14px; border-radius: var(--r-sm); font-size: 14px; font-weight: 600; margin: 4px 0 14px; }
.flash-ok    { background: var(--good-bg); color: var(--green-deep); }
.flash-error { background: var(--bad-bg); color: var(--bad); }