/* PF — pagina „Alerte”. Necesită pf-tokens.css + pf-ui.css */
.pf-alerts { font-family: var(--pf-font); color: var(--pf-text); display: grid; gap: 22px; }
.pf-alerts *, .pf-alerts *::before, .pf-alerts *::after { box-sizing: border-box; }
.pf-alerts ul { list-style: none; margin: 0; padding: 0; }
.pf-alerts__list { display: grid; gap: 12px; }
.pf-alerts__item { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; padding: 14px 16px; border-radius: 14px; background: var(--pf-surface-2); border-left: 4px solid var(--pf-warn); }
.pf-alerts__item--alert { border-left-color: var(--pf-alert); }
.pf-alerts__msg { margin: 0; font-weight: 600; }
.pf-alerts__meta { margin: 4px 0 0; font-size: .8rem; color: var(--pf-muted); }