/* Market Status page – professional dark theme (markets & crypto) */

body.rsi-dark-page #contentArea.container-fluid {
    max-width: 1240px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 20px 16px 36px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

body.rsi-dark-page .seo-description-section,
body.rsi-dark-page .market-signals-section,
body.rsi-dark-page .market-strength-index-section {
    margin: 0 !important;
}

/* Main signals card */
body.rsi-dark-page .market-signals-section .card,
body.rsi-dark-page .market-strength-card,
body.rsi-dark-page .seo-description-section .card {
    background: #141b26 !important;
    border: 1px solid #2a3544 !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
}

body.rsi-dark-page .market-signals-section .card-header,
body.rsi-dark-page .market-strength-header {
    background: #0c1219 !important;
    color: #f8fafc !important;
    border-bottom: 1px solid #2a3544 !important;
    border-radius: 14px 14px 0 0 !important;
}

body.rsi-dark-page .market-signals-section .card-header h5,
body.rsi-dark-page .market-strength-header h5 {
    color: #f8fafc !important;
}

body.rsi-dark-page .market-signals-section .card-body,
body.rsi-dark-page .market-strength-card .card-body {
    background: #141b26 !important;
    color: #e2e8f0 !important;
}

body.rsi-dark-page .market-strength-subtitle,
body.rsi-dark-page .market-signals-section .text-muted,
body.rsi-dark-page #marketSignalsLastUpdate,
body.rsi-dark-page #strengthLastUpdate {
    color: #64748b !important;
}

body.rsi-dark-page .market-strength-legend {
    color: #94a3b8 !important;
}

body.rsi-dark-page .market-strength-legend .item {
    border-color: #2a3544 !important;
    background: #0c1219 !important;
    color: #94a3b8 !important;
}

body.rsi-dark-page .fg-zone-words .fg-word {
    color: #64748b !important;
}

body.rsi-dark-page .gauge-center-value {
    color: #f8fafc !important;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.55) !important;
}

body.rsi-dark-page .gauge-center-value.gauge-tone-short { color: #fca5a5 !important; }
body.rsi-dark-page .gauge-center-value.gauge-tone-long { color: #86efac !important; }
body.rsi-dark-page .gauge-center-value.gauge-tone-neutral { color: #fde047 !important; }

body.rsi-dark-page #strengthGaugeValue {
    color: #f8fafc !important;
}

/* Timeframe strength grid */
body.rsi-dark-page .timeframe-strength-item {
    background: #0c1219 !important;
    border: 2px solid #2a3544 !important;
    box-shadow: none !important;
}

body.rsi-dark-page .timeframe-strength-item.tf-long {
    border-color: rgba(52, 211, 153, 0.55) !important;
    background: linear-gradient(180deg, rgba(52, 211, 153, 0.12), #0c1219) !important;
}

body.rsi-dark-page .timeframe-strength-item.tf-short {
    border-color: rgba(248, 113, 113, 0.55) !important;
    background: linear-gradient(180deg, rgba(248, 113, 113, 0.12), #0c1219) !important;
}

body.rsi-dark-page .timeframe-strength-item.tf-neutral {
    border-color: rgba(251, 191, 36, 0.45) !important;
    background: linear-gradient(180deg, rgba(251, 191, 36, 0.08), #0c1219) !important;
}

body.rsi-dark-page .timeframe-strength-item:hover,
body.rsi-dark-page .timeframe-strength-item.active {
    transform: translateY(-2px);
}

body.rsi-dark-page .timeframe-strength-item.active {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.35), 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

body.rsi-dark-page .timeframe-strength-item.tf-long.active {
    border-color: #34d399 !important;
    box-shadow: 0 0 0 1px rgba(52, 211, 153, 0.35), 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

body.rsi-dark-page .timeframe-strength-item.tf-short.active {
    border-color: #f87171 !important;
    box-shadow: 0 0 0 1px rgba(248, 113, 113, 0.35), 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

body.rsi-dark-page .timeframe-label {
    color: #94a3b8 !important;
    text-shadow: none !important;
}

body.rsi-dark-page .timeframe-strength-value {
    color: #f8fafc !important;
    text-shadow: none !important;
}

body.rsi-dark-page .timeframe-strength-value.tf-long { color: #34d399 !important; }
body.rsi-dark-page .timeframe-strength-value.tf-short { color: #f87171 !important; }
body.rsi-dark-page .timeframe-strength-value.tf-neutral { color: #fbbf24 !important; }

body.rsi-dark-page .timeframe-strength-label {
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    min-width: 96px !important;
}

body.rsi-dark-page .timeframe-strength-label.long {
    background: rgba(52, 211, 153, 0.18) !important;
    color: #6ee7b7 !important;
    border: 2px solid rgba(52, 211, 153, 0.55) !important;
}

body.rsi-dark-page .timeframe-strength-label.short {
    background: rgba(248, 113, 113, 0.18) !important;
    color: #fca5a5 !important;
    border: 2px solid rgba(248, 113, 113, 0.55) !important;
}

body.rsi-dark-page .timeframe-strength-label.neutral {
    background: rgba(251, 191, 36, 0.14) !important;
    color: #fde047 !important;
    border: 2px solid rgba(251, 191, 36, 0.45) !important;
}

/* Gauge zone labels – dark-friendly tints */
body.rsi-dark-page .gauge-zone-label.extreme-short {
    background: rgba(220, 53, 69, 0.15) !important;
    color: #fca5a5 !important;
    border-color: #dc3545 !important;
}

body.rsi-dark-page .gauge-zone-label.strong-short {
    background: rgba(253, 126, 20, 0.15) !important;
    color: #fdba74 !important;
    border-color: #fd7e14 !important;
}

body.rsi-dark-page .gauge-zone-label.neutral {
    background: rgba(255, 193, 7, 0.12) !important;
    color: #fde047 !important;
    border-color: #ffc107 !important;
}

body.rsi-dark-page .gauge-zone-label.strong-long {
    background: rgba(32, 201, 151, 0.12) !important;
    color: #6ee7b7 !important;
    border-color: #20c997 !important;
}

body.rsi-dark-page .gauge-zone-label.extreme-long {
    background: rgba(40, 167, 69, 0.12) !important;
    color: #86efac !important;
    border-color: #28a745 !important;
}

/* Comprehensive components */
body.rsi-dark-page .comprehensive-components-card {
    background: #141b26 !important;
    border: 1px solid #2a3544 !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
}

body.rsi-dark-page .components-title {
    color: #f8fafc !important;
}

body.rsi-dark-page .overall-component-score {
    background: #0c1219 !important;
    border: 1px solid #2a3544 !important;
    box-shadow: none !important;
}

body.rsi-dark-page .overall-label {
    color: #64748b !important;
}

body.rsi-dark-page .overall-value.long { color: #34d399 !important; }
body.rsi-dark-page .overall-value.short { color: #f87171 !important; }
body.rsi-dark-page .overall-value.neutral { color: #94a3b8 !important; }

body.rsi-dark-page .overall-direction.long {
    background: rgba(52, 211, 153, 0.15) !important;
    color: #6ee7b7 !important;
}

body.rsi-dark-page .overall-direction.short {
    background: rgba(248, 113, 113, 0.15) !important;
    color: #fca5a5 !important;
}

body.rsi-dark-page .overall-direction.neutral {
    background: rgba(148, 163, 184, 0.15) !important;
    color: #cbd5e1 !important;
}

body.rsi-dark-page .overall-explanation {
    background: linear-gradient(145deg, #1a2332, #141b26) !important;
    color: #cbd5e1 !important;
    border-top-color: #2a3544 !important;
}

body.rsi-dark-page .overall-explanation strong,
body.rsi-dark-page .component-explanation strong {
    color: #f8fafc !important;
}

body.rsi-dark-page .component-item {
    background: #0c1219 !important;
    border: 1px solid #2a3544 !important;
    box-shadow: none !important;
}

body.rsi-dark-page .component-item:hover {
    background: #1a2332 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

body.rsi-dark-page .component-item.component-long {
    border-left-color: #34d399 !important;
    background: #0c1219 !important;
}

body.rsi-dark-page .component-item.component-short {
    border-left-color: #f87171 !important;
    background: #0c1219 !important;
}

body.rsi-dark-page .component-item.component-neutral {
    border-left-color: #64748b !important;
    background: #0c1219 !important;
}

body.rsi-dark-page .component-name,
body.rsi-dark-page .score-value {
    color: #f8fafc !important;
}

body.rsi-dark-page .score-percentage,
body.rsi-dark-page .component-explanation {
    color: #94a3b8 !important;
}

body.rsi-dark-page .component-explanation {
    background: rgba(255, 255, 255, 0.04) !important;
}

body.rsi-dark-page .component-weight {
    background: rgba(59, 130, 246, 0.15) !important;
    color: #93c5fd !important;
}

body.rsi-dark-page .component-bar {
    background: #1e2936 !important;
}

body.rsi-dark-page .component-item.component-long .component-direction {
    background: rgba(52, 211, 153, 0.15) !important;
    color: #6ee7b7 !important;
}

body.rsi-dark-page .component-item.component-short .component-direction {
    background: rgba(248, 113, 113, 0.15) !important;
    color: #fca5a5 !important;
}

body.rsi-dark-page .component-item.component-neutral .component-direction {
    background: rgba(148, 163, 184, 0.15) !important;
    color: #cbd5e1 !important;
}

/* Empty state */
body.rsi-dark-page .empty-state {
    background: #0c1219 !important;
    border: 1px dashed #2a3544 !important;
    color: #94a3b8 !important;
}

body.rsi-dark-page .empty-message {
    color: #f8fafc !important;
}

/* Dominance */
body.rsi-dark-page .dominance-card {
    background: #0c1219 !important;
    border-color: #2a3544 !important;
}

body.rsi-dark-page .dom-impact {
    color: #cbd5e1 !important;
}

/* SEO / FAQ content */
body.rsi-dark-page .seo-description-section h2,
body.rsi-dark-page .seo-description-section h3,
body.rsi-dark-page .seo-description-section h4 {
    color: #f8fafc !important;
}

body.rsi-dark-page .seo-description-section p,
body.rsi-dark-page .seo-description-section li {
    color: #94a3b8 !important;
}

body.rsi-dark-page .seo-description-section .alert-info {
    background: #0c1219 !important;
    border: 1px solid #2a3544 !important;
    color: #94a3b8 !important;
}

body.rsi-dark-page .seo-description-section .alert-heading {
    color: #f8fafc !important;
}

body.rsi-dark-page .seo-description-section a {
    color: #60a5fa !important;
}

body.rsi-dark-page .accordion-item {
    background: #0c1219 !important;
    border-color: #2a3544 !important;
}

body.rsi-dark-page .accordion-button {
    background: #141b26 !important;
    color: #f8fafc !important;
    box-shadow: none !important;
}

body.rsi-dark-page .accordion-button:not(.collapsed) {
    background: #1a2332 !important;
    color: #f8fafc !important;
}

body.rsi-dark-page .accordion-button::after {
    filter: invert(1) brightness(0.85);
}

body.rsi-dark-page .accordion-body {
    background: #0c1219 !important;
    color: #94a3b8 !important;
}

body.rsi-dark-page .accordion-body a {
    color: #60a5fa !important;
}

/* Alerts */
body.rsi-dark-page #riskAssessmentCompact.alert-warning {
    background: rgba(251, 191, 36, 0.1) !important;
    border: 1px solid rgba(251, 191, 36, 0.35) !important;
    color: #fde68a !important;
}

body.rsi-dark-page #riskAssessmentCompact .alert-heading {
    color: #fbbf24 !important;
}

/* Loading */
body.rsi-dark-page .loading-container {
    color: #94a3b8 !important;
}

body.rsi-dark-page .loading-spinner {
    border-color: #2a3544 !important;
    border-top-color: #3b82f6 !important;
}

/* Footer */
body.rsi-dark-page .footer-simple {
    background: #0c1219 !important;
    border-top: 1px solid #2a3544 !important;
    color: #64748b !important;
}

/* Legacy indicator cards (hidden section) */
body.rsi-dark-page .market-signal-card,
body.rsi-dark-page .indicator-item,
body.rsi-dark-page .indicator-card,
body.rsi-dark-page .signal-counts,
body.rsi-dark-page .count-item {
    background: #0c1219 !important;
    border-color: #2a3544 !important;
    color: #e2e8f0 !important;
}

body.rsi-dark-page .timeframe-title,
body.rsi-dark-page .indicator-name {
    color: #f8fafc !important;
}

body.rsi-dark-page .indicator-timestamp,
body.rsi-dark-page .last-updated,
body.rsi-dark-page .count-label {
    color: #64748b !important;
}

body.rsi-dark-page .card-header {
    border-bottom-color: #2a3544 !important;
}

body.rsi-dark-page .timeframe-btn {
    background: #1a2332 !important;
    border: 1px solid #2a3544 !important;
    color: #e2e8f0 !important;
}

body.rsi-dark-page .timeframe-btn.active {
    background: #1e3a5f !important;
    border-color: #3b82f6 !important;
    color: #f8fafc !important;
}

body.rsi-dark-page .market-overview-section,
body.rsi-dark-page .trading-decision-matrix .card,
body.rsi-dark-page .market-context-section .card {
    background: #141b26 !important;
    border-color: #2a3544 !important;
}

body.rsi-dark-page .trading-decision-matrix .card-header,
body.rsi-dark-page .market-context-section .card-header {
    background: #0c1219 !important;
    color: #f8fafc !important;
    border-bottom-color: #2a3544 !important;
}

@media (max-width: 768px) {
    body.rsi-dark-page #contentArea.container-fluid {
        padding: 14px 10px 28px !important;
    }
}