.notification-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.notification-summary article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.notification-summary small{display:block;color:var(--muted);margin-bottom:8px}.notification-summary strong{font-size:24px}.notification-filters{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.notification-filters .field{min-width:180px;flex:1}.notification-item{padding:22px;border-bottom:1px solid var(--line);border-left:4px solid transparent}.notification-item:last-child{border-bottom:0}.notification-item.is-unread{border-left-color:var(--brand);background:#f4fafb}.notification-item.is-read h3{font-weight:500}.notification-item h3{margin:14px 0 8px}.notification-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.notification-top time{font-size:12px;color:var(--muted)}.notification-message{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin:12px 0 18px}.notification-dot{width:8px;height:8px;background:var(--brand);border-radius:50%;display:inline-block}.notification-nav-badge{margin-left:auto;background:var(--brand);color:white;font-size:11px;border-radius:12px;padding:1px 7px}.badge.important{background:#fff0c7;color:#794a00}.notification-history{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:8px}.notification-history summary{cursor:pointer;font-size:13px;margin-bottom:8px}[hidden]{display:none!important}@media(max-width:680px){.notification-summary{grid-template-columns:1fr}.notification-summary article{padding:14px}.notification-top{align-items:flex-start;flex-direction:column}.notification-filters .field{min-width:100%}.notification-item{padding:16px}}