.browser-notifications__item_new {
    --new-notification-color: #198754;
    border-color: var(--new-notification-color);
    box-shadow: 0 0 2px 0 var(--new-notification-color);
}

html[data-theme="dark"] .browser-notifications__item {
    background: var(--app-theme-surface);
    border-color: var(--app-theme-border);
    color: var(--color-text-primary);
    box-shadow: var(--app-theme-shadow);
}

html[data-theme="dark"] .browser-notifications__item_new {
    border-color: rgba(74, 222, 128, 0.7);
    box-shadow: 0 0 0 1px rgba(74, 222, 128, 0.2);
}

html[data-theme="dark"] .browser-notifications__date,
html[data-theme="dark"] .browser-notifications__id,
html[data-theme="dark"] .browser-notifications__icon {
    color: var(--color-text-muted);
}

html[data-theme="dark"] .browser-notifications__separator {
    color: var(--app-theme-border);
}

html[data-theme="dark"] .browser-notifications__fio {
    color: var(--color-text-primary);
}