.ap-notification-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.5rem; padding:.75rem 0; border-bottom:1px solid var(--ap-workspace-line); }
.ap-notification-toolbar [aria-current="page"] { background:var(--ap-workspace-rail-active); font-weight:600; }
.ap-notification-row { display:flex; align-items:flex-start; gap:.75rem; padding:.875rem .25rem; border-bottom:1px solid var(--ap-workspace-line); }
.ap-notification-primary { display:block; margin:0; color:inherit; font-size:.875rem; line-height:1.5; overflow-wrap:anywhere; }
a.ap-notification-primary:hover { text-decoration:underline; }
.ap-notification-indicator { flex:0 0 .375rem; width:.375rem; height:.375rem; margin-top:.5rem; border-radius:50%; background:transparent; }
.ap-notification-row--unread .ap-notification-indicator { background:var(--ap-workspace-accent); }
.ap-notification-row--unread .ap-notification-primary { font-weight:500; }
.ap-preference-heading,.ap-preference-row { display:grid; grid-template-columns:minmax(0,1fr) 5rem 5rem; align-items:center; gap:1rem; padding:.875rem .25rem; border-bottom:1px solid var(--ap-workspace-line); }
.ap-preference-heading { font-size:.75rem; color:var(--ap-workspace-muted); }
.ap-preference-channel { display:flex; align-items:center; justify-content:center; gap:.5rem; }
.ap-preference-mobile-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
@media(max-width:480px) { .ap-preference-heading { display:none; } .ap-preference-row { grid-template-columns:1fr 1fr; gap:.75rem; } .ap-preference-row > div { grid-column:1 / -1; } .ap-preference-channel { justify-content:flex-start; font-size:.875rem; } .ap-preference-mobile-label { position:static; width:auto; height:auto; overflow:visible; clip-path:none; } }