.hearing-notification-list { list-style:none; padding:0; margin:0; }
.hearing-notification-list li { display:flex; gap:18px; align-items:flex-start; padding:18px 0; border-top:1px solid #e0e7de; }
.hearing-notification-time { display:flex; gap:8px; min-width:100px; color:#175b48; }
.hearing-notification-body { flex:1; min-width:0; overflow-wrap:anywhere; }
.hearing-notification-body>a,.hearing-notification-body>span,.hearing-notification-body>small { display:block; }
.hearing-notification-body p { margin:5px 0; }
.hearing-notification-body>small { color:#52675b; }
.app-notification-bell { position:relative; }
.app-notification-badge { position:absolute; top:0; right:0; min-width:18px; height:18px; padding:1px 4px; border-radius:12px; background:#b4232e; color:#fff; font-size:11px; font-weight:700; line-height:16px; }
.app-notification-badge[hidden] { display:none; }
.app-notification-bell.has-unseen { color:#b4232e; }
.notification-unseen { background:#f0f6ff; border-radius:8px; }
@media(max-width:575.98px) {
 .hearing-notification-list li { flex-wrap:wrap; gap:10px; }
 .hearing-notification-time { width:100%; }
 .hearing-notification-list li>.btn { min-height:44px; }
 .app-navbar>.app-brand { gap:6px; padding-inline:4px; }
 .app-navbar>.app-brand strong { font-size:1rem; }
 .app-navbar>.app-brand small { display:none; }
 .app-navbar .app-navbar-actions { flex-shrink:0; }
}