.alerts-page{max-width:900px;margin:0 auto;padding:20px 28px 88px}.alerts-head{display:flex;justify-content:space-between;align-items:end;gap:16px}.alerts-head h1{margin:5px 0 5px;font:700 31px/1.03 var(--display);letter-spacing:-.05em}.alerts-head p{margin:0;color:#7d7f85;font-size:11px;line-height:1.6}.alerts-filter-row{display:flex;gap:5px;margin-top:16px;border-bottom:1px solid rgba(20,22,26,.07);padding-bottom:8px}.alerts-filter{border:0;background:transparent;border-radius:9px;padding:7px 10px;font-size:9px;font-weight:800;color:#909298}.alerts-filter.is-active{background:#17181c;color:#fff}.alerts-feed{padding-top:8px}.alerts-group{margin-top:10px}.alerts-group-label{font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:#a0a2a7;font-weight:800;padding:8px 4px}.alert-item{display:grid;grid-template-columns:34px minmax(0,1fr) 7px;gap:11px;align-items:start;padding:12px 8px;border-bottom:1px solid rgba(20,22,26,.06);transition:.18s}.alert-item:hover{background:#fff;border-radius:12px}.alert-item.is-unread{background:#fff;border-radius:12px;box-shadow:0 8px 20px rgba(20,22,26,.03)}.alert-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:13px;font-weight:900}.tone-blue{background:#edf3ff;color:#3b6ddd}.tone-purple{background:#f1edff;color:#7654d8}.tone-green{background:#edf8f2;color:#2c8a60}.tone-orange{background:#fff4e6;color:#c17b22}.alert-item strong{display:block;font-size:11px}.alert-item p{margin:3px 0 5px;color:#85878d;font-size:9px;line-height:1.5}.alert-item small{font-size:8px;color:#a2a4a9}.alert-unread{width:6px;height:6px;border-radius:50%;background:#ef625f;margin-top:5px}.alerts-empty{padding:50px;text-align:center;color:#8a8c92}@media(max-width:820px){.alerts-page{padding:12px 12px calc(78px + env(safe-area-inset-bottom,0px))}.alerts-head{align-items:start}.alerts-head h1{font-size:27px}.alerts-head p{font-size:10px}.alerts-head .btn{font-size:8px;padding:8px 9px}.alert-item{grid-template-columns:32px minmax(0,1fr) 6px;padding:11px 6px}.alert-icon{width:32px;height:32px}}

.alerts-live-skeleton{display:grid;gap:10px}.alerts-live-skeleton i{display:block;height:76px;border-radius:18px;background:linear-gradient(90deg,#efefec,#f7f7f4,#efefec);background-size:200% 100%;animation:alertsShimmer 1.1s linear infinite}@keyframes alertsShimmer{to{background-position:-200% 0}}.alerts-empty{padding:70px 20px;text-align:center}.alert-empty-icon{width:52px;height:52px;border-radius:16px;background:#f2f2ee;display:grid;place-items:center;margin:0 auto 10px;font-weight:900}.alerts-empty h3{margin:0 0 6px;font-size:22px}.alerts-empty p{margin:0 auto;color:#898b91;max-width:420px;font-size:12px;line-height:1.5}

.alerts-business-context{display:inline-flex;align-items:center;margin-top:6px;padding:5px 8px;border-radius:999px;background:#f2f5f2;color:#5f6961;font-size:7px;font-weight:800}