/* Cloud Service Comparison Styles */
.filter-bar { padding: var(--space-4) !important; }
.filter-btn { text-transform: none !important; font-size: var(--text-xs) !important; padding: var(--space-2) var(--space-3) !important; }
.filter-btn.active { background: var(--gradient-primary) !important; color: white !important; border: none !important; }
.comparison-table-wrap { overflow-x: auto; }
.comparison-table { width: 100%; border-collapse: collapse; }
.comparison-table th { padding: var(--space-4); text-align: left; border-bottom: 2px solid var(--color-border); font-size: var(--text-sm); color: var(--color-text-secondary); position: sticky; top: 0; background: var(--color-bg); z-index: 1; }
.comparison-table td { padding: var(--space-4); border-bottom: 1px solid var(--color-border); font-size: var(--text-sm); vertical-align: top; }
.comparison-table tr:hover td { background: var(--color-surface); }
.comparison-table .cat-cell { font-weight: 700; color: var(--color-text-secondary); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.1em; }
.provider { font-weight: 700; padding: 2px 10px; border-radius: var(--radius-full); font-size: var(--text-xs); }
.provider.aws { background: rgba(255,153,0,0.15); color: #FF9900; }
.provider.gcp { background: rgba(66,133,244,0.15); color: #4285F4; }
.provider.azure { background: rgba(0,120,212,0.15); color: #0078D4; }
.service-name { font-weight: 600; }
.service-desc { font-size: var(--text-xs); color: var(--color-text-muted); margin-top: 2px; }
.price-cell { font-family: var(--font-mono); font-weight: 600; color: var(--color-accent); font-size: var(--text-xs); }