/* SOAR/MDR Pages Styles */
/* Similar to SIEM but with purple/blue color scheme */

:root {
    --soar-primary: #9C27B0;
    --soar-secondary: #673AB7;
    --soar-gradient: linear-gradient(135deg, #9C27B0 0%, #673AB7 100%);
}

/* Override primary colors for SOAR/MDR pages */
.page-hero {
    background: linear-gradient(135deg, #9C27B0 0%, #673AB7 100%);
}

.calc-button-enhanced {
    background: var(--soar-gradient);
}

.btn-primary, .btn-download-results {
    background: var(--soar-gradient);
}

.spectrum-marker {
    border-color: var(--soar-primary);
}

.spectrum-connector {
    background: var(--soar-primary);
}

.vendor-card-badge {
    background: var(--soar-primary);
}

.vendor-result-card-large.best {
    border-color: var(--soar-primary);
}

.vendor-card-category {
    border-color: var(--soar-primary);
    color: var(--soar-primary);
}

.winner-item:hover {
    border-color: var(--soar-primary);
}

/* SOAR-specific hero badges */
.hero-badges .badge {
    background: rgba(156, 39, 176, 0.15);
    border: 1px solid rgba(156, 39, 176, 0.3);
}

/* Result value colors */
.result-value {
    color: var(--soar-primary);
}

.pricing-value-large {
    color: var(--soar-primary);
}

.avg-tco span {
    color: var(--soar-primary);
}

/* Input focus states */
.input-group input:focus,
.input-group select:focus,
.enhanced-select:focus {
    border-color: var(--soar-primary);
    box-shadow: 0 0 0 4px rgba(156, 39, 176, 0.1);
}

.slider::-webkit-slider-thumb {
    background: var(--soar-primary);
    box-shadow: 0 2px 8px rgba(156, 39, 176, 0.4);
}

.slider::-moz-range-thumb {
    background: var(--soar-primary);
    box-shadow: 0 2px 8px rgba(156, 39, 176, 0.4);
}

/* Spectrum bar for SOAR/MDR */
.spectrum-bar {
    background: linear-gradient(90deg, #4CAF50 0%, #9C27B0 50%, #D32F2F 100%);
}

/* All other styles inherit from siem-styles.css */