/* Pagina Notificări (Pages/Account/Notificari.cshtml) — conținutul din dreapta sidebar-ului comun.
   Clasele comune mai multor pagini din Account (titlu pagină, titlu secțiune, link previzualizare,
   card cu listă de rânduri .account-preferences-*) sunt în account-shared.css, încărcat separat —
   NU le duplica aici, doar le reutilizează prin markup. */

/* Rând de pastile de filtrare — scrollabil orizontal + fade la margine dreapta, același tipar ca
   .comenzi-filters (confirmat pe machetele Tabletă/Mobil, unde ultima pastilă e parțial vizibilă/estompată) */
.notificari-filters {
    overflow-x: auto;
    scrollbar-width: none;
    mask-image: linear-gradient(to right, #000 92%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, #000 92%, transparent 100%);
}

.notificari-filters::-webkit-scrollbar {
    display: none;
}

/* Rând de notificare necitită — fundal gri; rândurile citite rămân albe (fundalul implicit al
   .account-preferences-item, reutilizat direct din account-shared.css, fără nicio clasă suplimentară) */
.notification-item-unread {
    background-color: var(--color-bg-secondary);
}

/* Iconița rândului necitit are nevoie de fundal ALB ca să iasă în evidență pe fundalul gri al rândului —
   opusul iconiței rândului citit, care rămâne gri (.account-preferences-icon, implicit) pe fundal alb */
.notification-icon-unread {
    background-color: var(--color-bg-primary);
}

.notification-title {
    font-weight: var(--font-weight-semibold);
    color: var(--color-content-primary);
}

.notification-text {
    font-size: var(--text-s-size);
    color: var(--color-content-tertiary);
}

.notification-time {
    font-size: var(--text-s-size);
    color: var(--color-content-tertiary);
    white-space: nowrap;
}