.notification-bell{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;text-decoration:none;border:1px solid #cbd8dc;border-radius:12px;background:white;font-size:1.3rem}.notification-bell span#notification-count{font-size:.8rem;border-radius:14px;background:#194e5a;color:white;padding:2px 6px}.notification-bell span[hidden]{display:none}.notification-item{padding:14px 10px;border-bottom:1px solid #dce5e7}.notification-item h2{font-size:1.05rem}.notification-unread{border-left:4px solid #167e8c;background:#f0f8f9}.notification-recipients{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:16px 0;max-height:280px;overflow:auto}.notification-recipients label{min-height:44px}#notification-preview:not(:empty){margin-top:24px;border-top:1px solid #dce5e7;padding-top:12px}#notification-final:not(:empty){background:#f1f6f7;border-radius:10px;padding:16px;margin-top:16px}#notification-compose{display:grid;gap:16px}@media(max-width:600px){.notification-item .heading{align-items:flex-start;flex-direction:column;gap:4px}.notification-item .actions>*{min-height:44px}.top .actions{gap:8px}}