/* ── Alerts ──────────────────────────────────────────────────────────────── */
.alert { padding: 10px 14px; border-radius: var(--radius); font-size: 12px; margin-bottom: 14px; }
.alert-error   { background: var(--red-sub);    color: var(--red);    border: 1px solid var(--red); }
.alert-success { background: var(--green-sub);  color: var(--green);  border: 1px solid var(--green); }
.alert-info    { background: var(--accent-sub); color: var(--accent); border: 1px solid var(--accent); }

.error-msg { color: var(--red); font-size: 12px; margin-top: 6px; }

/* ── Utilities ───────────────────────────────────────────────────────────── */
.hidden       { display: none !important; }
.w-full       { width: 100%; }
.text-right   { text-align: right; }
.text-muted   { color: var(--text-muted); }
.flex         { display: flex; }
.items-center { align-items: center; }
.gap-8        { gap: 8px; }
.mt-16        { margin-top: 16px; }
.mb-16        { margin-bottom: 16px; }
.mb-20        { margin-bottom: 20px; }