.cs-system-feed{position:fixed;inset:0;z-index:1250;background:rgba(0,0,0,.28);display:flex;justify-content:flex-end}.cs-system-feed.hidden{display:none}.cs-system-panel{width:min(520px,100%);height:100%;background:#f7f7f4;border-left:1px solid #ddd;display:flex;flex-direction:column;box-shadow:-12px 0 28px rgba(0,0,0,.12)}.cs-system-feed-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #ddd;background:#fff;min-height:64px}.cs-system-feed-head>div:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}.cs-system-feed-head small{color:#777;margin-top:2px}.cs-system-feed-head button{border:0;background:transparent;font-size:28px;line-height:1;padding:6px 8px;cursor:pointer}.cs-system-avatar,.cs-system-contact-avatar{background:#111!important;color:#fff!important}.cs-system-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:700}.cs-system-filter{display:flex;gap:8px;padding:10px 12px;background:#fff;border-bottom:1px solid #e3e3df;overflow:auto}.cs-system-filter button{border:1px solid #d7d7d2;background:#fff;border-radius:999px;padding:7px 12px;white-space:nowrap}.cs-system-filter button.active{background:#111;color:#fff;border-color:#111}.cs-system-events{flex:1;overflow:auto;padding:12px;overscroll-behavior:contain}.cs-system-event{display:flex;gap:10px;background:#fff;border:1px solid #e3e3df;border-radius:12px;padding:11px 12px;margin-bottom:8px}.cs-system-event.unread{border-color:#b8b8b2;box-shadow:0 0 0 1px rgba(0,0,0,.04)}.cs-system-event-icon{width:30px;height:30px;border-radius:50%;background:#efefeb;display:grid;place-items:center;flex:0 0 auto}.cs-system-event-body{min-width:0}.cs-system-event-text{font-size:14px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}.cs-system-event-meta{margin-top:5px;font-size:11px;color:#777;overflow-wrap:anywhere}.cs-system-empty,.cs-system-loading{padding:28px 12px;text-align:center;color:#777}.cs-system-contact{border-top:1px solid #ecece7;border-bottom:1px solid #ecece7}.cs-system-unread{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#111;color:#fff;font-size:11px}.cs-audit-row{align-items:flex-start!important}.cs-audit-row small{max-width:280px;line-height:1.35}@media(max-width:760px){.cs-system-feed{background:#f7f7f4}.cs-system-panel{width:100%;border-left:0;box-shadow:none}.cs-system-feed-head{padding-top:max(14px,env(safe-area-inset-top));}.cs-system-events{padding-bottom:max(16px,env(safe-area-inset-bottom))}}