/* Admin additions on top of site.css. Same tokens; a few more shapes. */
.admin__tag { font-size: var(--text-sm); font-weight: 500; color: var(--color-accent); margin-left: var(--space-xs); }
.banner--local { border-left: 4px solid var(--color-warning-text); }
.banner--preview { border-left: 4px solid var(--color-link); }
.banner--production { border-left: 4px solid var(--color-primary); }
.admin table { width: 100%; border-collapse: collapse; margin: var(--space-md) 0; font-size: var(--text-sm); }
.admin th, .admin td { text-align: left; padding: var(--space-sm) var(--space-smd); border-bottom: var(--border-thin) solid var(--color-border); vertical-align: top; }
.admin th { font-weight: 600; color: var(--color-muted-foreground); }
.admin tbody tr:hover { background: var(--color-muted); }
.status-pill { display: inline-block; padding: 1px var(--space-sm); border: var(--border-thin) solid currentColor; border-radius: 4px; font-size: var(--text-sm); font-weight: 600; }
.status-pill--draft { color: var(--color-warning-text); background: var(--color-warning-tint); }
.status-pill--review { color: var(--color-link); background: var(--color-muted); }
.status-pill--approved { color: var(--color-link); background: var(--color-muted); }
.status-pill--published { color: var(--color-on-accent); background: var(--color-accent); border-color: var(--color-primary); }
.status-pill--withdrawn, .status-pill--archived { color: var(--color-muted-foreground); background: var(--color-disabled); }
.admin .field { margin-top: var(--space-md); }
.admin .field__control { max-width: 32rem; }
.admin form .panel { margin-top: var(--space-md); }
.actions { display: flex; flex-wrap: wrap; gap: var(--space-sm); margin-top: var(--space-md); }
.card-grid { display: grid; gap: var(--space-md); grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); margin-top: var(--space-md); }
.stat { padding: var(--space-md); }
.stat__number { font-family: var(--font-heading); font-size: var(--text-3xl); font-weight: 700; line-height: 1; }
.stat__label { color: var(--color-muted-foreground); font-size: var(--text-sm); }
.audit-entry { padding: var(--space-sm) 0; border-bottom: var(--border-thin) solid var(--color-border); font-size: var(--text-sm); }
.audit-entry time { color: var(--color-muted-foreground); }
.diff { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: var(--text-sm); white-space: pre-wrap; }