/* v0.22 — Notifications (Guide → Notifications) */
.nt-panel { text-align: left; display: flex; flex-direction: column; gap: 12px; }
.nt-state { display: flex; flex-direction: column; gap: 4px; padding: 10px 12px; border-radius: 8px; border: 1px solid var(--gold-soft); background: rgba(255, 255, 255, .05); }
.nt-state b { font-family: var(--font-title); letter-spacing: .03em; }
.nt-state span { font-size: 13px; color: var(--muted); line-height: 1.4; }
.nt-state.ok { border-color: #7fd6a0; } .nt-state.ok b { color: #9ff0bd; }
.nt-state.warn { border-color: #e2bd5f; } .nt-state.warn b { color: #f1d27f; }
.nt-state.bad { border-color: #ff6b5e; } .nt-state.bad b { color: #ffb0a6; }
.nt-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.nt-actions:empty { display: none; }
.nt-actions > button { flex: 1 1 200px; }
.nt-h { font-family: var(--font-title); font-size: 13px; letter-spacing: .04em; color: var(--gold); margin-bottom: 4px; }
.nt-h small { font-family: inherit; color: var(--muted); letter-spacing: 0; }
.nt-cats { display: flex; flex-direction: column; gap: 4px; }
.nt-cat { display: flex; align-items: flex-start; gap: 10px; padding: 6px 4px; border-radius: 6px; cursor: pointer; }
.nt-cat:hover { background: rgba(255, 255, 255, .05); }
.nt-cat input { width: 18px; height: 18px; margin: 2px 0 0; flex: none; accent-color: var(--c-gold2, #e2bd5f); }
.nt-cat span { display: flex; flex-direction: column; }
.nt-cat small { color: var(--muted); font-size: 12px; font-weight: 400; }
.nt-cat b { font-weight: 800; }
.nt-foot { font-size: 12px; margin: 0; }