.watchlist-page{padding:var(--space-lg) 0 var(--space-2xl)}.watchlist-page .monitoring-scope-note{margin:0 0 var(--space-md);font-size:var(--text-caption);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.watchlist-grid{gap:var(--space-sm);grid-template-columns:2fr 1fr;align-items:start;display:grid}@media (width<=900px){.watchlist-grid{grid-template-columns:1fr}}.wl-alerts-card,.wl-list-card{padding:0;overflow:hidden}.card-static.wl-alerts-card:hover,.card-static.wl-list-card:hover{transform:none}.wl-panel-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);display:flex}.wl-inline-header{margin:0}.wl-panel-subtitle{margin:var(--space-xxs) 0 0;font-size:var(--text-body-sm);color:var(--color-text-muted)}.status-indicator{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.status-dot{width:var(--icon-xs);height:var(--icon-xs);border-radius:var(--radius-full);flex-shrink:0}.status-dot.connected{background:var(--severity-low);box-shadow:0 0 6px var(--severity-low);animation:2s cubic-bezier(.4,0,.2,1) infinite wl-pulse-dot}.status-dot.disconnected{background:var(--color-text-muted);animation:1s cubic-bezier(.4,0,.2,1) infinite wl-pulse-dot}@keyframes wl-pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.status-label{font-size:var(--text-body-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.watchlist-page .alert-feed{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);flex-direction:column;max-height:560px;display:flex;overflow-y:auto}.watchlist-page .feed-item{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-bg-tertiary);transition:background var(--transition-fast), border-color var(--transition-fast);border-left:3px solid #0000}.watchlist-page .feed-item.severity-critical{border-left-color:var(--severity-critical)}.watchlist-page .feed-item.severity-high{border-left-color:var(--severity-high)}.watchlist-page .feed-item.severity-medium{border-left-color:var(--severity-medium)}.watchlist-page .feed-item.severity-low{border-left-color:var(--severity-low)}.watchlist-page .feed-item.wl-watched{background:var(--color-accent-subtle);border-left-color:var(--color-accent)}.watchlist-page .feed-item-row{align-items:center;gap:var(--space-sm);font-size:var(--text-body-sm);display:flex}.watchlist-page .feed-network{align-items:center;gap:var(--space-xxs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap;font-size:var(--text-label);display:inline-flex}.watchlist-page .feed-time{font-size:var(--text-label);color:var(--color-text-muted);white-space:nowrap;margin-left:auto}.watchlist-page .feed-detail{font-size:var(--text-body-sm);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin-top:var(--space-xs)}.watchlist-page .feed-description{font-size:var(--text-label);color:var(--color-text-muted);margin-top:var(--space-xxs);line-height:var(--line-height-normal)}.watchlist-page .feed-tx{color:var(--color-accent-light)}.watchlist-page .mono{font-family:var(--font-mono)}.watchlist-page .feed-item-actions{margin-top:var(--space-sm);justify-content:flex-end;display:flex}.watchlist-page .wl-open-investigation[aria-busy=true]{cursor:progress}.alert-card-enter{animation:.3s cubic-bezier(.4,0,.2,1) wl-feed-slide-in}@keyframes wl-feed-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.wl-list-header{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);display:flex}.card-title{align-items:center;gap:var(--space-sm);display:flex}.wl-loading,.wl-error{padding:var(--space-lg)}.wl-list{gap:var(--space-sm);padding:var(--space-md) var(--space-lg);flex-direction:column;max-height:560px;display:flex;overflow-y:auto}.wl-row{gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);flex-direction:column;display:flex}.wl-row:hover{border-color:var(--color-border-hover)}.wl-row-top{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.wl-row-network{align-items:center;gap:var(--space-xxs);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);white-space:nowrap;display:inline-flex}.wl-row-meta{gap:var(--space-xxs);flex-wrap:wrap;display:flex}.wl-tag{padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-micro);font-weight:var(--font-weight-medium);background:var(--color-bg-elevated);color:var(--color-text-muted);border:1px solid var(--color-border);align-items:center;display:inline-flex}.wl-tag-direction{background:var(--color-accent-subtle);color:var(--color-accent);border-color:var(--color-border-accent)}.watchlist-page .modal-overlay{background:var(--color-overlay-heavy);backdrop-filter:blur(var(--blur-xs));z-index:1000;padding:var(--space-lg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.watchlist-page .modal-overlay[hidden]{display:none}.watchlist-page .modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:92vh;box-shadow:var(--shadow-xl);overflow:auto}.watchlist-page .modal-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border);display:flex}.watchlist-page .modal-header-left h2{margin:0 0 var(--space-xxs);font-size:var(--text-h3)}.watchlist-page .modal-subtitle{font-size:var(--text-body-sm);color:var(--color-text-muted);margin:0}.watchlist-page .modal form{padding:var(--space-lg) var(--space-xl);gap:var(--space-lg);flex-direction:column;display:flex}.watchlist-page .modal-section{gap:var(--space-md);flex-direction:column;display:flex}.watchlist-page .form-group{gap:var(--space-xs);flex-direction:column;display:flex}.watchlist-page .form-group label{font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.wl-field-hint{font-size:var(--text-micro);color:var(--color-text-muted);line-height:var(--line-height-normal);margin:0}.watchlist-page .form-error-notice{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:var(--severity-high-bg);border:1px solid var(--severity-high);border-radius:var(--radius-md);color:var(--severity-high);font-size:var(--text-body-sm);line-height:var(--line-height-normal);display:flex}.watchlist-page .form-error-notice[hidden]{display:none}.watchlist-page .form-error-notice svg{margin-top:var(--space-xxs);flex-shrink:0}.watchlist-page .modal-actions{justify-content:flex-end;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-top:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:0 0 var(--radius-xl) var(--radius-xl);margin:0 calc(-1 * var(--space-xl)) calc(-1 * var(--space-lg));display:flex}@media (prefers-reduced-motion:reduce){.status-dot.connected,.status-dot.disconnected,.alert-card-enter{animation:none}}