#notification-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;padding:0 6px;border-radius:20px;background:#dcef9b;color:#163f35;font-size:11px;margin-left:6px}.notification-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;flex-wrap:wrap}.notification-tools button{font-size:12px}.notification-list{display:grid;gap:14px;margin-bottom:20px}.notification-card{border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff}.notification-card.is-unread{border-left:5px solid #759d30;background:#fcfef6}.notification-card-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.notification-card h3{font-size:16px;margin:0}.notification-card p{font-size:12px;overflow-wrap:anywhere}.notification-card .tag{flex:none}.notification-card .actions{margin-top:12px}.notification-card .actions button{font-size:12px}.notification-empty{padding:25px;background:#f5f8ec;border-radius:14px}.notification-hint{background:#eff6db;padding:12px 16px;border:1px solid #cadba4;border-radius:12px;margin-bottom:18px;font-size:13px}.notification-hint button{margin-left:10px}.notifications-note{max-width:760px;font-size:12px;color:var(--muted)}@media(max-width:400px){#notifications-workspace>.workspace-heading{flex-direction:column;align-items:stretch}.notification-card{padding:14px}.notification-card-heading{flex-direction:column;gap:8px}.notification-card .actions{display:grid;grid-template-columns:minmax(0,1fr)}.notification-tools>button{width:100%}.notification-hint button{margin:10px 0 0;display:block}}