/* Locally vendored Lucide line icons. All controls retain their visible labels. */
.icon { display: inline-block; flex: 0 0 auto; width: 18px; height: 18px; vertical-align: -3px; pointer-events: none; }
.nav-icon { width: 20px; height: 20px; }
.entry-icon { width: 20px; height: 20px; color: var(--pf-red); }
.entry-arrow { color: var(--muted); }
.entry-card:hover .entry-arrow { color: currentColor; }
.icon-heading { display: flex; align-items: center; gap: 10px; }
.icon-heading > .icon { color: var(--pf-red); }
.icon-link { display: inline-flex; align-items: center; gap: 7px; }
.empty-icon { display: inline-flex; width: 44px; height: 44px; margin-bottom: 14px; align-items: center; justify-content: center; color: var(--pf-red); background: var(--pf-red-soft); border: 1px solid var(--border); border-radius: 12px; }
.empty-icon .icon { width: 22px; height: 22px; }