/* Events Page Specific Styles */

/* Event type badges */
.event-type-badge{display:inline-block;padding:2px 8px;font-size:9px;font-weight:600;letter-spacing:.04em}
.event-type-badge.default{background:var(--grey-100);border:1px solid var(--grey-200);color:var(--grey-600)}
.event-type-badge.custom{background:var(--accent-light);border:1px solid var(--accent);color:var(--accent)}

/* Status indicator */
.event-status{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500}
.event-status-dot{width:7px;height:7px;border-radius:50%}
.event-status-dot.active{background:#41D252}
.event-status-dot.disabled{background:var(--grey-300)}

/* Action toggle button */
.event-toggle-btn{padding:4px 10px;font-size:10px;font-weight:600;border:1px solid var(--grey-200);background:var(--white);cursor:pointer;font-family:var(--font);transition:all .12s}
.event-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}
.event-toggle-btn.disable{color:var(--negative)}
.event-toggle-btn.disable:hover{border-color:var(--negative)}

/* Attribute list */
.attr-list{display:flex;flex-direction:column;gap:6px}
.attr-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--grey-50);border:1px solid var(--grey-100)}
.attr-item-name{font-size:12px;font-weight:600;color:var(--black);font-family:monospace}
.attr-item-type{font-size:10px;color:var(--grey-500);padding:2px 6px;background:var(--white);border:1px solid var(--grey-200)}

/* Live indicator */
.live-indicator{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--grey-500)}
.live-dot{width:6px;height:6px;background:#41D252;border-radius:50%;animation:pulse 1.5s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}

/* Event Stream */
.event-stream-wrap{max-height:500px;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}
.stream-item{border:1px solid var(--grey-100);padding:10px 14px;animation:streamIn .3s ease;transition:background .1s}
.stream-item:hover{background:var(--grey-50)}
.stream-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.stream-time{font-family:monospace;font-size:13px;font-weight:700;color:var(--black)}
.stream-user{font-size:11px;color:var(--grey-500);font-weight:500}
.stream-attrs{display:flex;flex-wrap:wrap;gap:6px}
.stream-attr{display:flex;align-items:center;gap:4px;padding:3px 8px;background:var(--grey-50);border:1px solid var(--grey-100);font-size:10px}
.stream-attr-key{color:var(--grey-500);font-weight:500}
.stream-attr-val{color:var(--black);font-weight:600;font-family:monospace}
@keyframes streamIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}