.notif-entry{border-bottom:1px solid var(--border-subtle);align-items:flex-start;gap:10px;padding:10px 12px;transition:background .15s;display:flex;position:relative}.notif-entry:hover{background:var(--accent-subtle)}.notif-entry:last-child{border-bottom:none}.notif-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:11px;font-weight:700;display:flex}.notif-body{flex:1;min-width:0}.notif-label{letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700;line-height:1}.notif-message{color:var(--text-secondary);word-break:break-word;margin-top:3px;font-size:12px;line-height:1.4}.notif-time{color:var(--text-muted);flex-shrink:0;margin-top:2px;font-size:10px}.notif-dismiss{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;padding:2px 4px;font-size:12px;line-height:1;transition:opacity .15s;position:absolute;top:6px;right:6px}.notif-entry:hover .notif-dismiss{opacity:1}.activity-badge{border:1.5px solid var(--bg-surface);z-index:1;border-radius:50%;width:8px;height:8px;position:absolute;top:2px;right:2px}.activity-badge-success{background:#4ade80}.activity-badge-error{background:#f87171;box-shadow:0 0 6px #f8717199}.sse-connected-dot{border:1px solid var(--bg-surface);z-index:1;opacity:.7;background:#4ade80;border-radius:50%;width:6px;height:6px;position:absolute;bottom:1px;right:1px}.notif-section-header{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:8px 12px 4px;font-size:10px;font-weight:700}.notif-clear-btn{color:var(--text-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;padding:0;font-size:10px}.notif-clear-btn:hover{color:var(--text-secondary)}.notif-history-section{border-top:1px solid var(--border-subtle);max-height:300px;overflow-y:auto}.notif-row{border-bottom:1px solid var(--border-subtle);align-items:flex-start;gap:8px;padding:8px 12px;font-size:12px;display:flex;position:relative}.notif-row:hover{background:var(--bg-hover)}.notif-row-seen{opacity:.6}.notif-row-critical{border-left:3px solid #f87171}.notif-row-warning{border-left:3px solid #fbbf24}.notif-row-info{border-left:3px solid #60a5fa}.notif-icon{flex-shrink:0;margin-top:1px;font-size:13px;line-height:1}.notif-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notif-category{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:9px;font-weight:700}.notif-message{color:var(--text-primary);word-break:break-word;font-size:12px}.notif-time{color:var(--text-muted);font-size:10px}.notif-dismiss-btn{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:11px;transition:opacity .15s;position:absolute;top:6px;right:6px}.notif-row:hover .notif-dismiss-btn{opacity:1}.notif-dismiss-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.notif-load-more{width:100%;color:var(--accent);cursor:pointer;text-align:center;background:0 0;border:none;padding:8px;font-size:11px;display:block}.notif-load-more:hover{background:var(--bg-hover)}.notif-loading{text-align:center;color:var(--text-muted);padding:12px;font-size:11px}.issues-banner{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);background:#60a5fa14;align-items:center;gap:8px;margin:0;padding:8px 12px;font-size:11px;line-height:1.4;display:flex}.issues-banner-icon{color:#60a5fa;flex-shrink:0;font-size:12px}.activity-tab-count{color:#f87171;background:#f8717133;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;margin-left:6px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.activity-tab-bar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.activity-tab-pulse{background:#f3e5ab;border-radius:50%;width:6px;height:6px;margin-left:6px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;display:inline-block;box-shadow:0 0 6px #f3e5abe6}.activity-section-divider{background:var(--border-subtle);height:1px;margin:4px 0}.toast-container{z-index:10001;pointer-events:none;flex-direction:column;gap:8px;max-width:360px;display:flex;position:fixed;bottom:20px;right:20px}.toast-entry{background:var(--bg-card);border:1px solid var(--border-subtle);pointer-events:auto;cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 16px;transition:opacity .2s,transform .2s;animation:.25s ease-out toast-slide-in;display:flex;box-shadow:0 4px 20px #00000040}.toast-entry:hover{opacity:.85}.toast-icon{flex-shrink:0;margin-top:1px;font-size:14px}.toast-body{flex-direction:column;gap:2px;min-width:0;display:flex}.toast-context{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:9px;font-weight:700}.toast-message{color:var(--text-primary);word-break:break-word;font-size:13px;line-height:1.4}.toast-success{border-left:3px solid var(--success-text)}.toast-success .toast-icon{color:var(--success-text)}.toast-error{border-left:3px solid var(--error-text)}.toast-error .toast-icon{color:var(--error-text)}.toast-info{border-left:3px solid #60a5fa}.toast-info .toast-icon{color:#60a5fa}.toast-warning{border-left:3px solid var(--warning-text)}.toast-warning .toast-icon{color:var(--warning-text)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media (max-width:600px){.toast-container{max-width:none;bottom:12px;left:12px;right:12px}}.offline-banner{z-index:10002;background:var(--error-bg,#1a0000);border-bottom:1px solid var(--error-text);color:var(--error-text);justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;animation:.3s ease-out offline-slide-down;display:flex;position:fixed;top:0;left:0;right:0}.offline-banner-icon{font-size:14px}@keyframes offline-slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}