/* ── Visibility ─────────────────────────────────────────────────────────────── */
.hidden{display:none!important}

/* ── Section Layout ─────────────────────────────────────────────────────────── */
.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.section-title{font-size:15px;font-weight:700}
/* Zone/group separator label — e.g. dashboard sections, settings groups */
.section-label{font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);opacity:.7;padding:var(--sp-4) 0 var(--sp-2);display:block}

/* ── Alerts ─────────────────────────────────────────────────────────────────── */
.alert{padding:12px 16px;border-radius:var(--radius);font-size:13px;margin-bottom:14px}
.alert-info{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent)}
.alert-warn{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber)}
.alert-danger{background:var(--red-bg);color:var(--red);border:1px solid var(--red)}

/* ── Loading & Layout Utilities ─────────────────────────────────────────────── */
.page-loading{color:var(--muted);padding:48px;text-align:center}
.nowrap{white-space:nowrap}
.pos-rel{position:relative}
.mt-sm{margin-top:12px}
.mt-md{margin-top:16px}
.mt-lg{margin-top:20px}
.mb-sm{margin-bottom:4px}
.mb-md{margin-bottom:16px}
.mb-lg{margin-bottom:20px}
.text-muted{color:var(--muted)}
.text-center{text-align:center}
.text-green{color:var(--green)}
.text-red{color:var(--red)}
.text-purple{color:var(--purple)}

/* ── Misc ───────────────────────────────────────────────────────────────────── */
.jira-link{color:var(--accent);text-decoration:none;font-size:12px;font-weight:600}
.jira-link:hover{text-decoration:underline}
.tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:4px;background:var(--bg);border:1px solid var(--border);color:var(--muted)}
.pct-label{font-size:13px;color:var(--muted)}
.level-input-wrap{display:flex;align-items:center;gap:8px}
.level-input-wrap input{max-width:80px}
.inactive-row td{opacity:.5}

/* ── Access Denied ──────────────────────────────────────────────────────────── */
.access-denied{text-align:center;padding:64px 24px;color:var(--muted)}
.access-denied .icon{font-size:48px;margin-bottom:16px}
.access-denied h2{font-size:18px;color:var(--text);margin-bottom:8px}