/* Only the notification centre; no shared typography or layout overrides. */
#notificationsDialog #notificationItems .notification-item{display:flex;flex-direction:column;gap:7px;margin:0;padding:12px 14px;min-width:0;color:var(--text);background:var(--surface-solid)!important;border-color:var(--line);border-left:3px solid var(--line-strong);font-size:14px;line-height:1.4}
#notificationsDialog #notificationItems .notification-item.is-unread{border-left-color:var(--tone-blue-text)}
#notificationsDialog #notificationItems .notice-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}
#notificationsDialog #notificationItems .notice-title{font-size:15px;font-weight:650;line-height:1.35;color:var(--text)}
#notificationsDialog #notificationItems .notice-date{white-space:nowrap;font-size:13px;color:var(--muted)}
#notificationsDialog #notificationItems .notification-item>p{margin:0;font-size:14px;line-height:1.4;color:var(--text);overflow-wrap:anywhere}
#notificationsDialog #notificationItems .notification-item>.notification-time{font-size:12px;color:var(--muted);order:8}
#notificationsDialog #notificationItems .notification-project{align-self:flex-start;max-width:100%;text-align:left;margin:0;padding:5px 8px;font-size:14px;font-weight:600;white-space:normal;overflow-wrap:anywhere;min-height:32px}
#notificationsDialog #notificationItems .notice-actor{font-size:13px;color:var(--muted)}
#notificationsDialog #notificationItems .notice-amount{font-weight:650}
#notificationsDialog #notificationItems .notice-message{white-space:pre-line}
#notificationsDialog #notificationItems .notice-changes{display:grid;gap:6px}
#notificationsDialog #notificationItems .notice-change{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:10px;padding:5px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
#notificationsDialog #notificationItems .notice-before{color:var(--muted)}
#notificationsDialog #notificationItems .notice-after{color:var(--text);font-weight:650}
#notificationsDialog #notificationItems .notice-field{font-weight:500}
#notificationsDialog #notificationItems .notice-details{margin:0;padding:0;border:0;background:none;font-size:14px}
#notificationsDialog #notificationItems .notice-details summary{cursor:pointer;color:var(--tone-blue-text);padding:4px 0;font-weight:500}
#notificationsDialog #notificationItems .notice-full-message{margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}
#notificationsDialog #notificationItems .inline-actions{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 0;order:9}
#notificationsDialog #notificationItems .btn{font-size:13px;min-height:36px;padding:7px 10px}
#notificationsDialog #notificationItems .notification-read{align-self:center;font-size:12px}
@media(max-width:600px){
 #notificationsDialog #notificationItems .notification-item{padding:11px 12px}
 #notificationsDialog #notificationItems .notice-heading{flex-wrap:wrap;gap:3px 10px}
 #notificationsDialog #notificationItems .notice-change{grid-template-columns:1fr;gap:2px}
 #notificationsDialog #notificationItems .btn{min-height:40px}
}