.notification-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#f97316;color:#fff;font-size:11px;font-weight:800;line-height:1}
.sidebar-notification-count{margin-left:auto}.mobile-notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;color:#5632b7;background:#f3efff;text-decoration:none}.mobile-notification-bell .notification-count{position:absolute;right:-3px;top:-3px;border:2px solid #fff}
.notification-list{display:grid;gap:12px}.notification-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:14px;align-items:start;padding:16px;border:1px solid #dbe5ef;border-radius:14px;background:#fff}.notification-item.unread{border-left:4px solid #f28c00;background:#fffaf3}.notification-type-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#eee9ff;color:#6741c4;font-weight:800}.notification-message{margin:6px 0;color:#243b53}.notification-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:#718096;font-size:12px}.notification-actions{display:flex;gap:8px;align-items:center}.notification-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.notification-empty{padding:42px;text-align:center;color:#718096}
@media(max-width:760px){.notification-item{grid-template-columns:36px minmax(0,1fr)}.notification-type-icon{width:36px;height:36px}.notification-actions{grid-column:2;justify-content:flex-start}.notification-filters>*{width:100%}.mobile-app-header{gap:10px}.mobile-brand{flex:1;min-width:0}}