.notification-center{display:grid;gap:20px;min-width:0}.notification-intro{margin:0;color:var(--cv-muted);font-size:15px;line-height:1.9}.notification-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.notification-stat{margin:0;min-width:0;padding:20px;display:grid;gap:16px}.notification-stat-heading{display:flex;align-items:center;gap:12px}.notification-stat-heading h3{margin:0;font-size:15px;font-weight:700;line-height:1.7}.notification-stat-heading svg,.notification-mark svg{width:22px;height:22px;flex:none;color:var(--cv-accent)}.notification-stat-heading svg{padding:10px;border:1px solid var(--cv-line);border-radius:10px;background:var(--cv-bg)}.notification-stat>bdi{font:700 32px/1.4 var(--cv-font-latin)}.notification-stat>p{margin:0!important;font-size:12px!important;color:var(--cv-muted);line-height:1.8}.notification-stat.tone-important svg{color:var(--cv-warning)}.notification-stat.tone-network svg{color:var(--cv-info)}.notification-categories{display:flex;gap:8px;flex-wrap:wrap}.notification-category{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 14px;font:14px var(--cv-font);border:1px solid var(--cv-line);border-radius:8px;color:var(--cv-muted);background:var(--cv-surface)}.notification-category>bdi{font:12px var(--cv-font-latin);padding:2px 6px;background:var(--cv-bg);border-radius:4px}.notification-category[aria-pressed=true]{color:var(--cv-accent);border-color:var(--cv-accent);background:color-mix(in srgb,var(--cv-accent) 8%,var(--cv-bg))}.notification-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.notification-tools label{font-size:14px}.notification-tools select{min-height:44px;max-width:220px;padding:8px 12px;background:var(--cv-bg);color:var(--cv-text);border:1px solid var(--cv-line);border-radius:8px;font:14px var(--cv-font)}.notification-tools>.button{margin-inline-start:auto}.notification-fresh{color:var(--cv-accent);border:1px solid var(--cv-accent);background:var(--cv-surface);justify-self:start}.notification-result{display:grid;gap:12px;min-width:0}.notification-list-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:4px}.notification-list-heading h3{margin:0;font-weight:700;font-size:18px}.notification-list-heading>span{font-size:12px;color:var(--cv-muted)}.notification-row{display:grid;grid-template-columns:40px minmax(0,1fr) 64px 70px 112px 92px;gap:16px;align-items:center;border:1px solid var(--cv-line);border-radius:12px;background:var(--cv-surface);padding:22px 20px;min-width:0;border-inline-start:3px solid transparent}.notification-row.is-unread{border-inline-start-color:var(--cv-accent)}.notification-row.is-important{border-inline-start-color:var(--cv-warning)}.notification-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--cv-bg);border-radius:10px;border:1px solid var(--cv-line)}.notification-row.is-important .notification-mark svg{color:var(--cv-warning)}.notification-mark.tone-network svg,.notification-mark.tone-support svg,.notification-mark.tone-team svg{color:var(--cv-info)}.notification-detail{min-width:0}.notification-detail h3{font-size:16px;font-weight:700;margin:0;line-height:1.8}.notification-detail p{color:var(--cv-muted);font-size:14px;line-height:1.9;margin:6px 0 12px!important;overflow-wrap:anywhere}.notification-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--cv-muted)}.notification-meta>span{padding:3px 7px;border-radius:4px;background:var(--cv-bg)}.notification-type{color:var(--cv-accent)}.is-unread .notification-read-state{color:var(--cv-accent)}.notification-cell{display:grid;gap:8px;min-width:0}.notification-cell-label{font-size:11px;color:var(--cv-muted)}.notification-level>bdi{font:700 20px var(--cv-font-latin)}.notification-cell>strong{font-size:14px}.notification-date .cv-datetime{font-size:12px;line-height:1.7}.notification-actions{display:grid;gap:8px}.notification-actions .button{font-size:12px;padding:8px;min-height:40px}.notification-nav-count{font:11px var(--cv-font-latin);margin-inline-start:auto;min-width:22px;height:22px;display:grid;place-items:center;padding:0 4px;background:var(--cv-accent);color:var(--cv-bg);border-radius:6px}.notification-center [hidden],.notification-nav-count[hidden]{display:none!important}.cv-feedback-action{margin-top:10px;min-height:44px;font-size:13px}
.notification-stat-heading svg{width:42px;height:42px}
@media(max-width:1400px){.notification-row{grid-template-columns:40px minmax(0,1fr) 60px 70px;gap:16px}.notification-date{grid-column:2}.notification-actions{grid-column:3/5;grid-row:2;display:flex;justify-content:end}.notification-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.notification-row{grid-template-columns:32px minmax(0,1fr);padding:18px 16px;gap:12px}.notification-mark{width:32px;height:32px}.notification-mark svg{width:18px;height:18px}.notification-detail{grid-column:2}.notification-level{grid-column:2;grid-row:2}.notification-level,.notification-cell:not(.notification-date){display:flex;align-items:center;gap:10px}.notification-cell:not(.notification-level):not(.notification-date){grid-column:2;grid-row:3}.notification-date{grid-column:2;grid-row:4}.notification-actions{grid-column:2;grid-row:5;justify-content:start}.notification-actions .button{min-height:44px;flex:1}.notification-detail h3{font-size:15px}.notification-tools select{flex:1;max-width:none}.notification-tools>.button{margin-inline-start:0}.notification-category{padding:8px 10px}.notification-stats{gap:12px}.notification-stat{padding:16px}.notification-stat-heading{align-items:start;flex-direction:column;gap:8px}.notification-stat-heading h3{font-size:14px}.notification-stat>bdi{font-size:28px}}
@media(max-width:360px){.notification-stats{grid-template-columns:1fr}.notification-stat-heading{flex-direction:row;align-items:center}}