.notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;color:var(--text);flex-shrink:0;background:white}.notification-bell:hover{background:var(--blue-soft);color:var(--blue)}.notification-counter{position:absolute;right:-5px;top:-5px;padding:1px 5px;min-width:19px;border:2px solid white;border-radius:12px;background:var(--blue);color:white;font-size:10px;font-weight:700;text-align:center}.notification-toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}.notification-tabs{display:flex;gap:7px;flex-wrap:wrap}.notification-list{display:grid;gap:12px}.notification-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:13px;min-width:0}.notification-card.is-unread{border-left:4px solid var(--blue);padding-left:17px}.notification-mark{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--blue-soft);color:var(--blue);border-radius:11px;flex-shrink:0}.notification-mark.warning{background:var(--orange-soft);color:var(--orange);font-weight:700}.notification-content{min-width:0;flex:1;overflow-wrap:anywhere}.notification-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:8px}.notification-heading h2{margin:0;font-size:16px}.notification-content p{margin-bottom:6px;font-size:14px}.notification-job{padding-top:4px}.notification-actions{margin-top:14px;gap:8px}.notification-device{padding:18px 0;margin-top:14px;color:var(--muted)}.notification-device summary{cursor:pointer;font-size:13px;color:var(--text);margin-bottom:14px}.notification-device p{max-width:720px;font-size:13px}.notification-device .btn{margin-bottom:10px}.team-notification{display:block;margin-top:4px;color:var(--muted)}.team-notification.confirmed{color:var(--green)}.notification-mission{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--blue-soft);margin-bottom:18px}.notification-mission .btn{flex-shrink:0}
@media(max-width:720px){.notification-card{padding:15px;gap:10px}.notification-card.is-unread{padding-left:12px}.notification-mark{width:28px;height:32px;border-radius:8px}.notification-mark svg{width:18px;height:18px}.notification-heading{gap:7px}.notification-content p{font-size:13px}.notification-tabs .btn{min-height:42px}.notification-actions .btn{flex:1}.notification-mission{align-items:flex-start;flex-direction:column}.notification-bell{width:40px;height:42px}}
@media(max-width:460px){.topbar .company-name{max-width:48px}.topbar{gap:6px}.topbar-actions{gap:5px}.notification-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.notification-actions .btn{min-height:44px;overflow-wrap:normal;word-break:normal}.notification-actions [data-action="notification-open"]{grid-column:1/-1}.notification-actions .btn:only-child{grid-column:1/-1}}