.terminal-page{height:calc(100vh - 48px);margin:0;padding:var(--spacing-md);background:var(--color-background);font-family:var(--font-body);box-sizing:border-box}.terminal-container,.terminal-page{width:100%;overflow:hidden;display:flex;flex-direction:column}.terminal-container{margin:0 auto;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);height:100%;flex:1 1}.terminal-header{background:var(--color-surface-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-sm);min-height:60px}.terminal-title{display:flex;flex-direction:column;gap:var(--spacing-xs)}.terminal-title h1{font-family:var(--font-heading);font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0;letter-spacing:.5px}.subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:400}.header-controls{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:nowrap}.connection-status{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.connection-text{white-space:nowrap}.status-indicator{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.control-btn{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-sm);color:var(--color-text-secondary);min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.control-btn:hover{background:var(--color-surface-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.control-btn.autoscroll-btn.enabled{background:rgba(0,255,0,.1);border-color:#00ff00;color:#00ff00}.control-btn.autoscroll-btn.disabled{background:rgba(255,165,0,.1);border-color:#ffa500;color:#ffa500}.terminal-stats{background:var(--color-surface);border-left:2px solid var(--color-border);border-right:2px solid var(--color-border);padding:var(--spacing-md);gap:var(--spacing-lg);flex-wrap:wrap}.stat-group,.terminal-stats{display:flex;align-items:center}.stat-group{flex-direction:column;gap:var(--spacing-xs)}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);font-family:var(--font-body)}.stat-value.v2{color:#ff6b35}.stat-value.v3{color:#4ecdc4}.stat-value.v4{color:#45b7d1}.terminal-tabs{background:var(--color-surface-secondary);border-left:2px solid var(--color-border);border-right:2px solid var(--color-border);border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-sm)}.tab-button,.terminal-tabs{padding:var(--spacing-sm) var(--spacing-md)}.tab-button{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.tab-button:hover{background:var(--color-surface-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.tab-button.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-background);font-weight:600}@media (max-width:768px){.terminal-tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.terminal-tabs::-webkit-scrollbar{display:none}.tab-button{white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}}.metrics-tab{overflow-y:auto;background:var(--color-surface);border-left:2px solid var(--color-border);border-right:2px solid var(--color-border);border-bottom:2px solid var(--color-border);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.metrics-tab,.swaps-tab{display:flex;flex-direction:column;flex:1 1}.swaps-tab{overflow:hidden}.swaps-stats-summary{gap:var(--spacing-lg);align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--color-border)}.swaps-feed,.swaps-stats-summary{background:var(--color-surface);border-left:2px solid var(--color-border);border-right:2px solid var(--color-border);padding:var(--spacing-md);display:flex}.swaps-feed{border-bottom:2px solid var(--color-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow-y:auto;flex:1 1;flex-direction:column;gap:var(--spacing-sm)}.swaps-feed.full-height{min-height:400px}.swap-line{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition-fast);animation:slideIn .3s ease-out;position:relative;overflow:visible;min-height:80px;display:flex;align-items:flex-start}.swap-line:before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--bar-width,0);background:linear-gradient(90deg,rgba(0,255,0,.05),rgba(0,255,0,.02));transition:width .3s ease-out;z-index:1}.swap-line.sell:before{background:linear-gradient(90deg,rgba(255,0,0,.05),rgba(255,0,0,.02))}.swap-line>*{position:relative;z-index:2}.swap-line:hover{background:var(--color-surface-tertiary);border-color:var(--color-primary)}.swap-line:hover:before{background:linear-gradient(90deg,rgba(0,255,0,.08),rgba(0,255,0,.04))}.swap-line.sell:hover:before{background:linear-gradient(90deg,rgba(255,0,0,.08),rgba(255,0,0,.04))}.swap-line.clickable{transition:var(--transition-fast)}.swap-line.clickable:hover{background:rgba(0,255,0,.1);border-color:#00ff00;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,255,0,.2)}.swap-line.clickable.sell:hover{background:rgba(255,0,0,.1);border-color:#ff0000;box-shadow:0 4px 8px rgba(255,0,0,.2)}.swap-line.buy{border-left:4px solid #00ff00}.swap-line.sell{border-left:4px solid #ff0000}.swap-header{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;width:100%;line-height:1.4}.mobile-badges,.mobile-details-row,.mobile-top-row{display:contents}.swap-header>.mobile-details-row,.swap-header>.mobile-top-row{display:contents;gap:0;margin:0;width:auto}.swap-time{color:var(--color-text-muted);font-family:var(--font-mono);font-weight:500}.swap-time,.swap-type{font-size:var(--font-size-sm)}.swap-type{padding:4px 8px;border-radius:var(--radius-sm);font-weight:600;text-transform:uppercase}.swap-type.v2{background:rgba(255,107,53,.2);color:#ff6b35}.swap-type.v3{background:rgba(78,205,196,.2);color:#4ecdc4}.swap-type.v4{background:rgba(69,183,209,.2);color:#45b7d1}.swap-direction{font-size:var(--font-size-sm);padding:4px 8px;border-radius:var(--radius-sm);font-weight:600;text-transform:uppercase}.swap-direction.buy{background:rgba(0,255,0,.2);color:#00ff00}.swap-direction.sell{background:rgba(255,0,0,.2);color:#ff0000}.swap-usd{font-size:var(--font-size-md);color:var(--color-text-muted);font-weight:600;margin-left:auto;font-family:var(--font-mono)}.swap-line.buy .swap-usd{color:#00ff00}.swap-line.sell .swap-usd{color:#ff0000}.swap-content{display:none}.swap-tokens{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500;font-family:var(--font-mono)}.swap-details{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.swap-block,.swap-mcap,.swap-price,.swap-resolution,.swap-tx{font-size:var(--font-size-sm);color:var(--color-text-muted);font-family:var(--font-mono);font-weight:500}.swap-tx{color:var(--color-primary);cursor:pointer;text-decoration:underline;font-weight:600}.swap-tx:hover{color:var(--color-primary-hover)}.swap-price{color:var(--color-secondary);font-weight:600}.swap-mcap{color:var(--color-accent);font-weight:600}.swap-resolution{color:var(--color-warning);font-weight:600}.no-swaps{display:flex;align-items:center;justify-content:center;flex:1 1;min-height:200px}.no-swaps-message{font-size:var(--font-size-lg);color:var(--color-text-muted);text-align:center}.stats-tab{display:flex;flex-direction:column;flex:1 1;overflow-y:auto;background:var(--color-surface);border-left:2px solid var(--color-border);border-right:2px solid var(--color-border);border-bottom:2px solid var(--color-border);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.stats-overview{flex-direction:column;gap:var(--spacing-lg)}.stats-header,.stats-overview{padding:var(--spacing-md);display:flex}.stats-header{justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.stats-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.stats-time{font-size:var(--font-size-sm);color:var(--color-text-muted);font-family:var(--font-mono)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-card{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);transition:var(--transition-fast)}.stat-card:hover{background:var(--color-surface-tertiary);border-color:var(--color-primary)}.stat-icon{font-size:var(--font-size-xl);opacity:.8}.stat-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-number{font-size:var(--font-size-xl);font-weight:600;color:var(--color-primary);font-family:var(--font-mono)}.stat-card .stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.performance-metrics,.protocol-breakdown{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.performance-metrics h3,.protocol-breakdown h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.protocol-grid{gap:var(--spacing-md)}.protocol-card,.protocol-grid{display:flex;flex-direction:column}.protocol-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-md);gap:var(--spacing-sm)}.protocol-header{display:flex;justify-content:space-between;align-items:center}.protocol-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.protocol-count{font-size:var(--font-size-lg);font-weight:600;font-family:var(--font-mono)}.protocol-card.v2 .protocol-count{color:#ff6b35}.protocol-card.v3 .protocol-count{color:#4ecdc4}.protocol-card.v4 .protocol-count{color:#45b7d1}.protocol-bar{height:6px;background:var(--color-surface-tertiary);overflow:hidden;position:relative}.protocol-bar,.protocol-fill{border-radius:var(--radius-sm)}.protocol-fill{height:100%;transition:width .3s ease-out}.protocol-fill.v2{background:#ff6b35}.protocol-fill.v3{background:#4ecdc4}.protocol-fill.v4{background:#45b7d1}.protocol-percent{font-size:var(--font-size-sm);color:var(--color-text-muted);font-family:var(--font-mono);align-self:flex-end}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md)}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.metric-label{color:var(--color-text-secondary)}.metric-label,.metric-value{font-size:var(--font-size-sm)}.metric-value{font-weight:600;color:var(--color-primary);font-family:var(--font-mono)}.terminal-cache-stats{background:rgba(0,255,255,.05);border:1px solid rgba(0,255,255,.2);border-left:2px solid var(--color-border);border-right:2px solid var(--color-border);padding:var(--spacing-md);margin:0}.cache-stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid rgba(0,255,255,.1)}.cache-stats-title{font-size:var(--font-size-sm);color:#00ffff;font-weight:600}.cache-stats-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.cache-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md)}.cache-stats-grid .stat-group{min-width:120px}.cache-stats-grid .stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.cache-stats-grid .stat-value{font-size:var(--font-size-md);font-weight:600}.stat-value.cache-hit-rate,.stat-value.cache-hits{color:#00ff00}.stat-value.cache-fast-path{color:#00ff80;font-weight:700}.stat-value.cache-misses{color:#ff6b35}.stat-value.cache-queue{color:#ffcc00}.stat-value.cache-pending{color:#ff9500}.stat-value.cache-unique{color:#00ffff}.stat-value.cache-total{color:#45b7d1}.stat-value.cache-processed{color:#9370db}.stat-value.cache-blocks-per-sec{color:#ffd700}.terminal-filters{background:var(--color-surface);border-left:2px solid var(--color-border);border-right:2px solid var(--color-border);padding:var(--spacing-md);display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);min-width:50px}.filter-input,.filter-select{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:var(--transition-fast)}.filter-input{width:120px}.filter-input[placeholder*=Transaction]{width:140px}.filter-select{width:80px}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.filter-clear-btn{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-error);color:white;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:var(--transition-fast)}.filter-clear-btn:hover{background:darkred}.filter-status{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-surface-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.terminal-output{flex:1 1;background:var(--color-background);border:2px solid var(--color-border);border-top:none;overflow-y:auto;padding:var(--spacing-md);font-family:var(--font-body);font-size:var(--font-size-sm);line-height:1.6}.terminal-line{margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) 0;animation:slideIn .3s ease-out;display:flex;gap:var(--spacing-sm);align-items:center}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.terminal-line:hover{background:var(--color-surface-secondary);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);margin:0 calc(-1 * var(--spacing-sm)) var(--spacing-xs) calc(-1 * var(--spacing-sm))}.terminal-line.system{color:var(--color-text-muted)}.terminal-line.swap{color:var(--color-text-primary)}.line-time{color:var(--color-text-muted);font-size:var(--font-size-xs);font-family:var(--font-body);min-width:80px}.line-content{color:var(--color-text-primary);flex:1 1}.tx-link{color:#00bfff!important;text-decoration:none;transition:all .2s ease;padding:1px 3px;border-radius:3px;font-weight:500}.tx-link:hover{color:#ffffff!important;background-color:#00bfff;text-decoration:none;cursor:pointer;box-shadow:0 2px 4px rgba(0,191,255,.3)}.terminal-output::-webkit-scrollbar{width:8px}.terminal-output::-webkit-scrollbar-track{background:var(--color-surface)}.terminal-output::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.terminal-output::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@media (max-width:1024px){.terminal-container{padding:var(--spacing-sm)}.terminal-stats{gap:var(--spacing-md)}.header-controls,.terminal-filters{gap:var(--spacing-sm)}}@media (max-width:768px){.terminal-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.terminal-stats{gap:var(--spacing-sm);justify-content:space-between}.terminal-filters{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.filter-group{justify-content:space-between}.filter-input{width:100px}.filter-input[placeholder*=Transaction]{width:110px}.stat-group{flex:1 1;min-width:60px}.line-time{min-width:70px;font-size:var(--font-size-xs)}.swap-line{min-height:70px;padding:var(--spacing-sm);gap:0;overflow:visible}.swap-header{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;line-height:1.3;width:100%}.swap-header>*{margin:0;padding:0}.mobile-top-row{display:flex!important;justify-content:space-between;align-items:center;width:100%;margin-bottom:4px}.swap-time{font-size:var(--font-size-xs)!important;color:var(--color-text-muted);font-family:var(--font-mono)}.mobile-badges{display:flex!important;gap:var(--spacing-xs)}.swap-direction,.swap-type{font-size:var(--font-size-xs)!important;padding:1px 4px!important;border-radius:2px}.swap-tokens{font-size:var(--font-size-sm)!important;font-weight:600;color:var(--color-text-primary);width:100%;overflow:visible;word-wrap:break-word;white-space:normal;margin-bottom:2px;line-height:1.3}.mobile-details-row{display:flex!important;gap:var(--spacing-xs);flex-wrap:wrap;width:100%;font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.3}.swap-block,.swap-mcap,.swap-price,.swap-resolution,.swap-tx,.swap-usd{font-size:var(--font-size-xs)!important;color:var(--color-text-muted);margin:0}.swaps-feed{padding:var(--spacing-sm);gap:var(--spacing-xs)}.terminal-header{padding:var(--spacing-xs) var(--spacing-sm);min-height:50px}.terminal-title h1{font-size:var(--font-size-base)}.subtitle{font-size:var(--font-size-xs)}.connection-status,.control-btn{padding:var(--spacing-xs);font-size:var(--font-size-xs)}.control-btn{min-width:28px;height:28px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.stat-card{flex-direction:column;text-align:center;padding:var(--spacing-sm);gap:var(--spacing-sm)}.stat-card .stat-icon,.stat-card .stat-number{font-size:var(--font-size-lg)}.performance-grid{grid-template-columns:1fr}.performance-grid,.protocol-grid{gap:var(--spacing-sm)}.protocol-card,.stats-header{padding:var(--spacing-sm)}.stats-header{flex-direction:column;gap:var(--spacing-xs);text-align:center}.stats-overview{padding:var(--spacing-sm);gap:var(--spacing-md)}}@media (max-width:480px){.terminal-page{padding:var(--spacing-sm);height:calc(100vh - 48px)}.terminal-container{padding:0}.terminal-header,.terminal-stats{padding:var(--spacing-xs)}.terminal-title h1{font-size:var(--font-size-sm)}.subtitle{display:none}.stat-value{font-size:var(--font-size-base)}.line-time{display:none}.swaps-feed{padding:var(--spacing-xs)}.swap-line{min-height:85px;padding:var(--spacing-xs) var(--spacing-sm);overflow:visible}.terminal-header{min-height:40px}.swap-header{gap:3px!important}.mobile-top-row,.swap-tokens{margin-bottom:1px!important}}html[data-theme=dark] .terminal-container{background:#0a0a0a;color:#e0e0e0}html[data-theme=dark] .terminal-output{background:#111111}.memory-graph-container{margin-top:var(--spacing-md);background:var(--color-surface-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-md)}.memory-graph-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);text-align:center}.memory-graph-legend{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:var(--font-size-xs)}.legend-item{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs);font-weight:500}.legend-item.rss{background:#ff6b6b;color:white}.legend-item.heap-used{background:#4ecdc4;color:white}.legend-item.heap-total{background:#45b7d1;color:white}.memory-graph-chart{position:relative;height:80px;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xs);overflow:hidden}.memory-graph-point{position:absolute;bottom:0;width:2px;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.memory-bar{width:100%;transition:height .3s ease;border-radius:1px 1px 0 0;opacity:.8}.memory-bar.rss{background:#ff6b6b}.memory-bar.heap-used{background:#4ecdc4}.memory-bar.heap-total{background:#45b7d1}.memory-bar:hover{opacity:1}.stat-value.memory-rss{color:#ff6b6b;font-weight:600}.stat-value.memory-heap-used{color:#4ecdc4;font-weight:600}.stat-value.memory-heap-total{color:#45b7d1;font-weight:600}.stat-value.memory-external{color:#f39c12;font-weight:600}.cache-stats-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:var(--spacing-sm)}.live-swaps-container{height:100%;display:flex;flex-direction:column}.live-swaps-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-border);background:var(--color-surface-secondary)}.live-swaps-header h3{margin:0;font-size:var(--font-size-lg);color:var(--color-text-primary);font-family:var(--font-heading)}.resolved-count{font-size:var(--font-size-sm);color:var(--color-primary);background:var(--color-surface);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);font-weight:500}.live-swaps-feed{flex:1 1;overflow-y:auto;padding:var(--spacing-md)}.resolved-feed,.resolved-tab{height:100%}.resolved-tab .live-swaps-header{background:var(--color-surface);border-bottom:2px solid var(--color-primary)}.protocol-filters{display:flex;gap:var(--spacing-xs);align-items:center}.protocol-filter-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;background:var(--color-surface);color:var(--color-text-secondary);min-width:40px;text-align:center}.protocol-filter-btn.active{background:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-primary);box-shadow:0 0 8px rgba(var(--color-primary-rgb),.3)}.protocol-filter-btn.inactive{background:var(--color-surface-secondary);color:var(--color-text-muted);border-color:var(--color-border);opacity:.6}.protocol-filter-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.protocol-filter-btn.active:hover{box-shadow:0 0 12px rgba(var(--color-primary-rgb),.5)}@media (max-width:768px){.protocol-filters{gap:var(--spacing-xs)}.protocol-filter-btn{padding:var(--spacing-xs);font-size:var(--font-size-xs);min-width:32px}}