/* Uses the existing workspace palette and controls. */
.notification-hub { max-width:1080px; }
.notification-hub h3 { margin:0 0 8px; font:600 16px var(--f1); color:var(--text); }
.notification-hub p,.notification-hub-note { margin:0 0 12px; max-width:74ch; font-size:14px; line-height:1.55; color:var(--text-2); overflow-wrap:anywhere; }
.notification-hub-row { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 0; border-bottom:1px solid var(--border); }
.notification-hub-row:first-child { padding-top:0; }
.notification-hub-row > div { min-width:0; flex:1; }
.notification-hub-row > .btn { flex-shrink:0; white-space:normal; text-align:center; max-width:240px; }
.notification-hub-row p:last-child { margin-bottom:0; }
.notification-hub > .notification-hub-note { margin-top:16px; }
.notification-hub-history { padding-top:20px; }
.notification-hub-actions { display:flex; flex-wrap:wrap; gap:10px; }
.notification-hub-actions .btn { white-space:normal; }
.notification-hub-report .notification-hub-note { margin-top:14px; margin-bottom:0; }
.notification-hub-settings { margin-bottom:16px; }
[data-hub-status]:empty { display:none; }
.notification-hub [data-hub-status] { margin-top:12px; color:var(--text); }
@media(max-width:600px) {
 .notification-hub-row { align-items:stretch; flex-direction:column; gap:14px; padding:18px 0; }
 .notification-hub-row > .btn { max-width:none; width:100%; }
 .notification-hub-actions { flex-direction:column; align-items:stretch; }
 .notification-hub-actions .btn { width:100%; }
}