/* 08-notifications. КУДА: дописать в конец themes/default/css/add_style.css (подключён в header.tpl).
   Цвет ссылок — переменная --eo-accent (общая с модулем 06; если его нет — берётся запасной цвет). */
.eo-notify { margin: 0 0 20px; border: 1px solid #eee; border-radius: 12px; padding: 14px 18px; background: #fafafa; }
.eo-notify-h { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-weight: 600; margin-bottom: 10px; }
.eo-notify-item { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid #eee; }
.eo-notify-h + .eo-notify-item { border-top: 0; }
.eo-notify-unread { background: #fdecec; margin: 0 -8px; padding: 8px; border-radius: 8px; border-top: 0; }
.eo-notify-text a { color: var(--eo-accent, #4a7ef8); }
.eo-notify-date { color: #999; white-space: nowrap; font-size: 13px; display: flex; align-items: center; gap: 10px; }
.eo-notify-all { font-weight: 500; font-size: 13px; color: var(--eo-accent, #4a7ef8); text-decoration: none; }
.eo-notify-all:hover { text-decoration: underline; }
.eo-notify-x { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; color: #999; font-size: 18px; line-height: 1; text-decoration: none; }
.eo-notify-x:hover { background: #eee; color: #333; }
@media (max-width: 600px) { .eo-notify-item { flex-direction: column; gap: 4px; } }