.activity-drawer-202[hidden]{display:none!important}
.activity-drawer-202{position:fixed;inset:0;z-index:9999;display:flex;justify-content:flex-end}
.activity-backdrop-202{position:absolute;inset:0;border:0;background:rgba(15,35,50,.42);backdrop-filter:blur(2px);cursor:pointer}
.activity-panel-202{position:relative;width:min(440px,100%);height:100%;background:#fff;box-shadow:-18px 0 55px rgba(21,48,70,.2);display:flex;flex-direction:column;animation:activitySlide202 .18s ease-out}
@keyframes activitySlide202{from{transform:translateX(24px);opacity:.55}to{transform:none;opacity:1}}
.activity-header-202{display:flex;justify-content:space-between;gap:18px;padding:22px 20px 16px;border-bottom:1px solid #e1e8ee;background:#fbfdff}
.activity-header-202 span{font-size:11px;letter-spacing:.16em;font-weight:900;color:#1870c9}
.activity-header-202 h3{font-size:25px;margin:4px 0 3px;color:#17212b}
.activity-header-202 p{margin:0;color:#6e7b87;font-size:13px;line-height:1.4}
.activity-close-202{width:38px;height:38px;border:0;border-radius:50%;background:#edf3f7;font-size:24px;cursor:pointer;flex:0 0 auto}
.activity-tabs-202{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid #edf1f5;background:#fff;position:sticky;top:0;z-index:2}
.activity-tabs-202 button{border:1px solid #dce5ec;background:#fff;border-radius:999px;padding:8px 13px;font-weight:800;color:#496170;cursor:pointer}
.activity-tabs-202 button.active{background:#173b57;color:#fff;border-color:#173b57}
.activity-list-202{padding:8px 12px 18px;overflow:auto;flex:1;background:#f6f9fc}
.activity-item-202{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:start;background:#fff;border:1px solid #e1e8ee;border-radius:14px;padding:12px;margin:8px 0;text-decoration:none;color:inherit;position:relative}
.activity-item-202:hover{border-color:#bdd4e8;box-shadow:0 5px 16px rgba(28,68,97,.08)}
.activity-item-202.unread{border-left:4px solid #1d6fe8}
.activity-item-202.action{background:#fffdf7;border-color:#f0dfae}
.activity-icon-202{width:34px;height:34px;border-radius:10px;background:#edf5fb;display:grid;place-items:center;font-size:18px}
.activity-copy-202 strong{display:block;font-size:13px;line-height:1.3;color:#17212b}
.activity-copy-202 p{margin:3px 0 5px;color:#657785;font-size:12px;line-height:1.4}
.activity-copy-202 small{color:#93a0aa;font-size:11px}
.activity-kind-202{font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;border-radius:999px;padding:4px 7px;background:#edf3f7;color:#567080}
.activity-item-202.action .activity-kind-202{background:#fff0c2;color:#875c00}
.activity-empty-202,.activity-loading-202{text-align:center;padding:42px 18px;color:#758692}
.activity-footer-202{display:flex;justify-content:space-between;gap:8px;padding:12px 14px;border-top:1px solid #e1e8ee;background:#fff}
.activity-footer-202 form{margin:0}
body.activity-open-202{overflow:hidden}
.notif-topbar-bell-200{border:0;cursor:pointer}
@media(max-width:640px){
 .activity-panel-202{width:100%;height:min(88vh,760px);margin-top:auto;border-radius:22px 22px 0 0;overflow:hidden;animation:activityUp202 .18s ease-out}
 @keyframes activityUp202{from{transform:translateY(24px);opacity:.55}to{transform:none;opacity:1}}
 .activity-header-202{padding:18px 16px 13px}.activity-header-202 h3{font-size:22px}
 .activity-footer-202{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
}