/* /ssd2/arcingtime/Trader/static/css/metrics.css */
:root {
    --bs-border-width: 1px;
    --bs-border-color: rgb(0, 0, 0);
}

td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.tooltip {
    z-index: 10000 !important;   /* or 2000, 9999, whatever beats your menu */
}

.tooltip.show {
    opacity: 1; /* sometimes needed when custom z-index is applied */
}

.sticky-nav {
    position: sticky;
    top: 46px; /* Matches updated site-nav height */
    z-index: 3050;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.container-fluid {
    padding-top: 46px; /* Matches updated site-nav height */
}

.tab-content {
    margin-top: 10px; /* Below sticky-nav */
}

/* Nav-tabs base styles */
.nav-tabs {
    padding: 5px 0;
}

.ticker-highlight {
    background-color: #007bff; /* Bootstrap primary blue, adjust as needed */
    color: white; /* Ensure text is readable */
    border: 5px solid #0056b3; /* Slightly darker border for contrast */
}

.ticker-description {
    resize: vertical; 
    overflow-y: auto; /* Scroll if content exceeds height */
    padding: 0.25rem 0.5rem; /* Slight padding for aesthetics */
    border: 1px solid #ced4da; /* Subtle border to define the box */
    border-radius: 0.25rem; /* Match Bootstrap’s rounded corners */
    background-color: #fff; /* White background for readability */
    line-height: 1.5; /* Consistent line height */
}

/* Optional: Style the scrollbar for better look (Webkit browsers) */
.ticker-description::-webkit-scrollbar {
    width: 8px;
}

.ticker-description::-webkit-scrollbar-thumb {
    background-color: #adb5bd; /* Gray scrollbar */
    border-radius: 4px;
}

.ticker-description::-webkit-scrollbar-track {
    background-color: #f8f9fa; /* Light track */
}

.nav-tabs .nav-item .nav-link {
    border: 1px solid transparent;
    border-bottom: none;
    transition: box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
    padding: 0.4rem 0.8rem;
    font-size: 0.9rem;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

/* Sector-specific nav-tab colors */
.nav-tabs .nav-link.basic-materials-sector {
    background-color: #663300;
    color: #FFFFFF;
}
.nav-tabs .nav-link.communication-services-sector {
    background-color: #0066CC;
    color: #FFFFFF;
}
.nav-tabs .nav-link.consumer-cyclical-sector {
    background-color: #FF6600;
    color: #FFFFFF;
}
.nav-tabs .nav-link.consumer-defensive-sector {
    background-color: #669900;
    color: #FFFFFF;
}
.nav-tabs .nav-link.energy-sector {
    background-color: #990000;
    color: #FFFFFF;
}
.nav-tabs .nav-link.financial-services-sector {
    background-color: #4B0082;
    color: #FFFFFF;
}
.nav-tabs .nav-link.healthcare-sector {
    background-color: #009999;
    color: #FFFFFF;
}
.nav-tabs .nav-link.industrials-sector {
    background-color: #003366;
    color: #FFFFFF;
}
.nav-tabs .nav-link.real-estate-sector {
    background-color: #996633;
    color: #FFFFFF;
}
.nav-tabs .nav-link.technology-sector {
    background-color: #00CC99;
    color: #FFFFFF;
}
.nav-tabs .nav-link.utilities-sector {
    background-color: #333399;
    color: #FFFFFF;
}

/* Active nav-tab styles */
.nav-tabs .nav-item .nav-link.active {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4),
                0 6px 8px rgba(0, 0, 0, 0.3),
                inset 0 2px 4px rgba(255, 255, 255, 0.4);
    transform: scale(1.05);
    filter: brightness(85%);
    border-bottom: 1px solid transparent;
    margin-bottom: -1px;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    z-index: 2;
}

/* Ensure sector buttons keep white text when active */
.nav-tabs .nav-link.basic-materials-sector.active,
.nav-tabs .nav-link.communication-services-sector.active,
.nav-tabs .nav-link.consumer-cyclical-sector.active,
.nav-tabs .nav-link.consumer-defensive-sector.active,
.nav-tabs .nav-link.energy-sector.active,
.nav-tabs .nav-link.financial-services-sector.active,
.nav-tabs .nav-link.healthcare-sector.active,
.nav-tabs .nav-link.industrials-sector.active,
.nav-tabs .nav-link.real-estate-sector.active,
.nav-tabs .nav-link.technology-sector.active,
.nav-tabs .nav-link.utilities-sector.active {
    color: #FFFFFF;
}

/* Hover effect for inactive nav-tabs */
.nav-tabs .nav-item .nav-link:hover:not(.active) {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transform: scale(1.02);
}

/* Industry buttons */
.btn.sector-industry-button.basic-materials-agricultural-inputs,
.btn.nyse-industry-button.basic-materials-agricultural-inputs,
.btn.nasdaq-industry-button.basic-materials-agricultural-inputs,
.btn.amex-industry-button.basic-materials-agricultural-inputs {
    background-color: #663300;
    color: #FFFFFF;
    border-color: #663300;
}
.btn.sector-industry-button.basic-materials-aluminum,
.btn.nyse-industry-button.basic-materials-aluminum,
.btn.nasdaq-industry-button.basic-materials-aluminum,
.btn.amex-industry-button.basic-materials-aluminum {
    background-color: #704020;
    color: #FFFFFF;
    border-color: #704020;
}
.btn.sector-industry-button.basic-materials-building-materials,
.btn.nyse-industry-button.basic-materials-building-materials,
.btn.nasdaq-industry-button.basic-materials-building-materials,
.btn.amex-industry-button.basic-materials-building-materials {
    background-color: #7A4D30;
    color: #FFFFFF;
    border-color: #7A4D30;
}
.btn.sector-industry-button.basic-materials-chemicals,
.btn.nyse-industry-button.basic-materials-chemicals,
.btn.nasdaq-industry-button.basic-materials-chemicals,
.btn.amex-industry-button.basic-materials-chemicals {
    background-color: #855A40;
    color: #FFFFFF;
    border-color: #855A40;
}
.btn.sector-industry-button.basic-materials-coking-coal,
.btn.nyse-industry-button.basic-materials-coking-coal,
.btn.nasdaq-industry-button.basic-materials-coking-coal,
.btn.amex-industry-button.basic-materials-coking-coal {
    background-color: #906750;
    color: #FFFFFF;
    border-color: #906750;
}
.btn.sector-industry-button.basic-materials-copper,
.btn.nyse-industry-button.basic-materials-copper,
.btn.nasdaq-industry-button.basic-materials-copper,
.btn.amex-industry-button.basic-materials-copper {
    background-color: #9B7460;
    color: #FFFFFF;
    border-color: #9B7460;
}
.btn.sector-industry-button.basic-materials-gold,
.btn.nyse-industry-button.basic-materials-gold,
.btn.nasdaq-industry-button.basic-materials-gold,
.btn.amex-industry-button.basic-materials-gold {
    background-color: #A68170;
    color: #FFFFFF;
    border-color: #A68170;
}
.btn.sector-industry-button.basic-materials-independent-oil-gas,
.btn.nyse-industry-button.basic-materials-independent-oil-gas,
.btn.nasdaq-industry-button.basic-materials-independent-oil-gas,
.btn.amex-industry-button.basic-materials-independent-oil-gas {
    background-color: #B18E80;
    color: #000000;
    border-color: #B18E80;
}
.btn.sector-industry-button.basic-materials-lumber-wood-production,
.btn.nyse-industry-button.basic-materials-lumber-wood-production,
.btn.nasdaq-industry-button.basic-materials-lumber-wood-production,
.btn.amex-industry-button.basic-materials-lumber-wood-production {
    background-color: #BC9B90;
    color: #000000;
    border-color: #BC9B90;
}
.btn.sector-industry-button.basic-materials-other-industrial-metals-mining,
.btn.nyse-industry-button.basic-materials-other-industrial-metals-mining,
.btn.nasdaq-industry-button.basic-materials-other-industrial-metals-mining,
.btn.amex-industry-button.basic-materials-other-industrial-metals-mining {
    background-color: #C7A8A0;
    color: #000000;
    border-color: #C7A8A0;
}
.btn.sector-industry-button.basic-materials-other-precious-metals-mining,
.btn.nyse-industry-button.basic-materials-other-precious-metals-mining,
.btn.nasdaq-industry-button.basic-materials-other-precious-metals-mining,
.btn.amex-industry-button.basic-materials-other-precious-metals-mining {
    background-color: #D2B5B0;
    color: #000000;
    border-color: #D2B5B0;
}
.btn.sector-industry-button.basic-materials-paper-paper-products,
.btn.nyse-industry-button.basic-materials-paper-paper-products,
.btn.nasdaq-industry-button.basic-materials-paper-paper-products,
.btn.amex-industry-button.basic-materials-paper-paper-products {
    background-color: #DDC2C0;
    color: #000000;
    border-color: #DDC2C0;
}
.btn.sector-industry-button.basic-materials-silver,
.btn.nyse-industry-button.basic-materials-silver,
.btn.nasdaq-industry-button.basic-materials-silver,
.btn.amex-industry-button.basic-materials-silver {
    background-color: #E8CFD0;
    color: #000000;
    border-color: #E8CFD0;
}
.btn.sector-industry-button.basic-materials-specialty-chemicals,
.btn.nyse-industry-button.basic-materials-specialty-chemicals,
.btn.nasdaq-industry-button.basic-materials-specialty-chemicals,
.btn.amex-industry-button.basic-materials-specialty-chemicals {
    background-color: #F3DCE0;
    color: #000000;
    border-color: #F3DCE0;
}
.btn.sector-industry-button.basic-materials-steel,
.btn.nyse-industry-button.basic-materials-steel,
.btn.nasdaq-industry-button.basic-materials-steel,
.btn.amex-industry-button.basic-materials-steel {
    background-color: #FEE9F0;
    color: #000000;
    border-color: #FEE9F0;
}

/* Energy Industries */
.btn.sector-industry-button.energy-oil-gas-e-p,
.btn.nyse-industry-button.energy-oil-gas-e-p,
.btn.nasdaq-industry-button.energy-oil-gas-e-p,
.btn.amex-industry-button.energy-oil-gas-e-p {
    background-color: #CC0000;
    color: #FFFFFF;
    border-color: #CC0000;
}
.btn.sector-industry-button.energy-oil-gas-drilling,
.btn.nyse-industry-button.energy-oil-gas-drilling,
.btn.nasdaq-industry-button.energy-oil-gas-drilling,
.btn.amex-industry-button.energy-oil-gas-drilling {
    background-color: #B30000;
    color: #FFFFFF;
    border-color: #B30000;
}
.btn.sector-industry-button.energy-oil-gas-equipment-services,
.btn.nyse-industry-button.energy-oil-gas-equipment-services,
.btn.nasdaq-industry-button.energy-oil-gas-equipment-services,
.btn.amex-industry-button.energy-oil-gas-equipment-services {
    background-color: #E60000;
    color: #FFFFFF;
    border-color: #E60000;
}
.btn.sector-industry-button.energy-oil-gas-integrated,
.btn.nyse-industry-button.energy-oil-gas-integrated,
.btn.nasdaq-industry-button.energy-oil-gas-integrated,
.btn.amex-industry-button.energy-oil-gas-integrated {
    background-color: #FF1A1A;
    color: #FFFFFF;
    border-color: #FF1A1A;
}
.btn.sector-industry-button.energy-oil-gas-midstream,
.btn.nyse-industry-button.energy-oil-gas-midstream,
.btn.nasdaq-industry-button.energy-oil-gas-midstream,
.btn.amex-industry-button.energy-oil-gas-midstream {
    background-color: #FF3333;
    color: #FFFFFF;
    border-color: #FF3333;
}
.btn.sector-industry-button.energy-oil-gas-refining-marketing,
.btn.nyse-industry-button.energy-oil-gas-refining-marketing,
.btn.nasdaq-industry-button.energy-oil-gas-refining-marketing,
.btn.amex-industry-button.energy-oil-gas-refining-marketing {
    background-color: #FF4D4D;
    color: #FFFFFF;
    border-color: #FF4D4D;
}
.btn.sector-industry-button.energy-thermal-coal,
.btn.nyse-industry-button.energy-thermal-coal,
.btn.nasdaq-industry-button.energy-thermal-coal,
.btn.amex-industry-button.energy-thermal-coal {
    background-color: #FF6666;
    color: #FFFFFF;
    border-color: #FF6666;
}
.btn.sector-industry-button.energy-uranium,
.btn.nyse-industry-button.energy-uranium,
.btn.nasdaq-industry-button.energy-uranium,
.btn.amex-industry-button.energy-uranium {
    background-color: #FF8080;
    color: #000000;
    border-color: #FF8080;
}
.btn.sector-industry-button.energy-renewable-energy,
.btn.nyse-industry-button.energy-renewable-energy,
.btn.nasdaq-industry-button.energy-renewable-energy,
.btn.amex-industry-button.energy-renewable-energy {
    background-color: #FF9999;
    color: #000000;
    border-color: #FF9999;
}

/* Financial Services Industries */
.btn.sector-industry-button.financial-services-financial-conglomerates,
.btn.nyse-industry-button.financial-services-financial-conglomerates,
.btn.nasdaq-industry-button.financial-services-financial-conglomerates,
.btn.amex-industry-button.financial-services-financial-conglomerates {
    background-color: #5C0099;
    color: #FFFFFF;
    border-color: #5C0099;
}
.btn.sector-industry-button.financial-services-financial-data-exchange,
.btn.nyse-industry-button.financial-services-financial-data-exchange,
.btn.nasdaq-industry-button.financial-services-financial-data-exchange,
.btn.amex-industry-button.financial-services-financial-data-exchange {
    background-color: #A933FF;
    color: #FFFFFF;
    border-color: #A933FF;
}
.btn.sector-industry-button.financial-services-mortgage-finance,
.btn.nyse-industry-button.financial-services-mortgage-finance,
.btn.nasdaq-industry-button.financial-services-mortgage-finance,
.btn.amex-industry-button.financial-services-mortgage-finance {
    background-color: #FFF9FF;
    color: #000000;
    border-color: #FFF9FF;
}
.btn.sector-industry-button.financial-services-shell-companies,
.btn.nyse-industry-button.financial-services-shell-companies,
.btn.nasdaq-industry-button.financial-services-shell-companies,
.btn.amex-industry-button.financial-services-shell-companies {
    background-color: #E6CCFF;
    color: #000000;
    border-color: #E6CCFF;
}
.btn.sector-industry-button.financial-services-asset-management,
.btn.nyse-industry-button.financial-services-asset-management,
.btn.nasdaq-industry-button.financial-services-asset-management,
.btn.amex-industry-button.financial-services-asset-management {
    background-color: #5C0099;
    color: #FFFFFF;
    border-color: #5C0099;
}
.btn.sector-industry-button.financial-services-banks-diversified,
.btn.nyse-industry-button.financial-services-banks-diversified,
.btn.nasdaq-industry-button.financial-services-banks-diversified,
.btn.amex-industry-button.financial-services-banks-diversified {
    background-color: #6B00B3;
    color: #FFFFFF;
    border-color: #6B00B3;
}
.btn.sector-industry-button.financial-services-banks-regional,
.btn.nyse-industry-button.financial-services-banks-regional,
.btn.nasdaq-industry-button.financial-services-banks-regional,
.btn.amex-industry-button.financial-services-banks-regional {
    background-color: #7A00CC;
    color: #FFFFFF;
    border-color: #7A00CC;
}
.btn.sector-industry-button.financial-services-capital-markets,
.btn.nyse-industry-button.financial-services-capital-markets,
.btn.nasdaq-industry-button.financial-services-capital-markets,
.btn.amex-industry-button.financial-services-capital-markets {
    background-color: #8A00E6;
    color: #FFFFFF;
    border-color: #8A00E6;
}
.btn.sector-industry-button.financial-services-credit-services,
.btn.nyse-industry-button.financial-services-credit-services,
.btn.nasdaq-industry-button.financial-services-credit-services,
.btn.amex-industry-button.financial-services-credit-services {
    background-color: #9900FF;
    color: #FFFFFF;
    border-color: #9900FF;
}
.btn.sector-industry-button.financial-services-insurance-brokers,
.btn.nyse-industry-button.financial-services-insurance-brokers,
.btn.nasdaq-industry-button.financial-services-insurance-brokers,
.btn.amex-industry-button.financial-services-insurance-brokers {
    background-color: #B966FF;
    color: #000000;
    border-color: #B966FF;
}
.btn.sector-industry-button.financial-services-insurance-diversified,
.btn.nyse-industry-button.financial-services-insurance-diversified,
.btn.nasdaq-industry-button.financial-services-insurance-diversified,
.btn.amex-industry-button.financial-services-insurance-diversified {
    background-color: #CC99FF;
    color: #000000;
    border-color: #CC99FF;
}
.btn.sector-industry-button.financial-services-insurance-life,
.btn.nyse-industry-button.financial-services-insurance-life,
.btn.nasdaq-industry-button.financial-services-insurance-life,
.btn.amex-industry-button.financial-services-insurance-life {
    background-color: #D9B3FF;
    color: #000000;
    border-color: #D9B3FF;
}
.btn.sector-industry-button.financial-services-insurance-property-casualty,
.btn.nyse-industry-button.financial-services-insurance-property-casualty,
.btn.nasdaq-industry-button.financial-services-insurance-property-casualty,
.btn.amex-industry-button.financial-services-insurance-property-casualty {
    background-color: #E6CCFF;
    color: #000000;
    border-color: #E6CCFF;
}
.btn.sector-industry-button.financial-services-insurance-reinsurance,
.btn.nyse-industry-button.financial-services-insurance-reinsurance,
.btn.nasdaq-industry-button.financial-services-insurance-reinsurance,
.btn.amex-industry-button.financial-services-insurance-reinsurance {
    background-color: #F2E6FF;
    color: #000000;
    border-color: #F2E6FF;
}
.btn.sector-industry-button.financial-services-insurance-specialty,
.btn.nyse-industry-button.financial-services-insurance-specialty,
.btn.nasdaq-industry-button.financial-services-insurance-specialty,
.btn.amex-industry-button.financial-services-insurance-specialty {
    background-color: #F9F2FF;
    color: #000000;
    border-color: #F9F2FF;
}

/* Healthcare Industries */
.btn.sector-industry-button.healthcare-health-information-services,
.btn.nyse-industry-button.healthcare-health-information-services,
.btn.nasdaq-industry-button.healthcare-health-information-services,
.btn.amex-industry-button.healthcare-health-information-services {
    background-color: #00CCCC;
    color: #FFFFFF;
    border-color: #00CCCC;
}
.btn.sector-industry-button.healthcare-biotechnology,
.btn.nyse-industry-button.healthcare-biotechnology,
.btn.nasdaq-industry-button.healthcare-biotechnology,
.btn.amex-industry-button.healthcare-biotechnology {
    background-color: #00B3B3;
    color: #FFFFFF;
    border-color: #00B3B3;
}
.btn.sector-industry-button.healthcare-diagnostics-research,
.btn.nyse-industry-button.healthcare-diagnostics-research,
.btn.nasdaq-industry-button.healthcare-diagnostics-research,
.btn.amex-industry-button.healthcare-diagnostics-research {
    background-color: #00CCCC;
    color: #FFFFFF;
    border-color: #00CCCC;
}
.btn.sector-industry-button.healthcare-drug-manufacturers-general,
.btn.nyse-industry-button.healthcare-drug-manufacturers-general,
.btn.nasdaq-industry-button.healthcare-drug-manufacturers-general,
.btn.amex-industry-button.healthcare-drug-manufacturers-general {
    background-color: #00E6E6;
    color: #FFFFFF;
    border-color: #00E6E6;
}
.btn.sector-industry-button.healthcare-drug-manufacturers-specialty-generic,
.btn.nyse-industry-button.healthcare-drug-manufacturers-specialty-generic,
.btn.nasdaq-industry-button.healthcare-drug-manufacturers-specialty-generic,
.btn.amex-industry-button.healthcare-drug-manufacturers-specialty-generic {
    background-color: #33FFFF;
    color: #000000;
    border-color: #33FFFF;
}
.btn.sector-industry-button.healthcare-healthcare-plans,
.btn.nyse-industry-button.healthcare-healthcare-plans,
.btn.nasdaq-industry-button.healthcare-healthcare-plans,
.btn.amex-industry-button.healthcare-healthcare-plans {
    background-color: #66FFFF;
    color: #000000;
    border-color: #66FFFF;
}
.btn.sector-industry-button.healthcare-medical-care-facilities,
.btn.nyse-industry-button.healthcare-medical-care-facilities,
.btn.nasdaq-industry-button.healthcare-medical-care-facilities,
.btn.amex-industry-button.healthcare-medical-care-facilities {
    background-color: #99FFFF;
    color: #000000;
    border-color: #99FFFF;
}
.btn.sector-industry-button.healthcare-medical-devices,
.btn.nyse-industry-button.healthcare-medical-devices,
.btn.nasdaq-industry-button.healthcare-medical-devices,
.btn.amex-industry-button.healthcare-medical-devices {
    background-color: #CCFFFF;
    color: #000000;
    border-color: #CCFFFF;
}
.btn.sector-industry-button.healthcare-medical-distribution,
.btn.nyse-industry-button.healthcare-medical-distribution,
.btn.nasdaq-industry-button.healthcare-medical-distribution,
.btn.amex-industry-button.healthcare-medical-distribution {
    background-color: #E6FFFF;
    color: #000000;
    border-color: #E6FFFF;
}
.btn.sector-industry-button.healthcare-medical-instruments-supplies,
.btn.nyse-industry-button.healthcare-medical-instruments-supplies,
.btn.nasdaq-industry-button.healthcare-medical-instruments-supplies,
.btn.amex-industry-button.healthcare-medical-instruments-supplies {
    background-color: #F0FFFF;
    color: #000000;
    border-color: #F0FFFF;
}
.btn.sector-industry-button.healthcare-pharmaceutical-retailers,
.btn.nyse-industry-button.healthcare-pharmaceutical-retailers,
.btn.nasdaq-industry-button.healthcare-pharmaceutical-retailers,
.btn.amex-industry-button.healthcare-pharmaceutical-retailers {
    background-color: #F5FFFF;
    color: #000000;
    border-color: #F5FFFF;
}

/* Industrials Industries */
.btn.sector-industry-button.industrials-business-equipment-supplies,
.btn.nyse-industry-button.industrials-business-equipment-supplies,
.btn.nasdaq-industry-button.industrials-business-equipment-supplies,
.btn.amex-industry-button.industrials-business-equipment-supplies {
    background-color: #0066CC;
    color: #FFFFFF;
    border-color: #0066CC;
}
.btn.sector-industry-button.industrials-infrastructure-operations,
.btn.nyse-industry-button.industrials-infrastructure-operations,
.btn.nasdaq-industry-button.industrials-infrastructure-operations,
.btn.amex-industry-button.industrials-infrastructure-operations {
    background-color: #0073E6;
    color: #FFFFFF;
    border-color: #0073E6;
}
.btn.sector-industry-button.industrials-metal-fabrication,
.btn.nyse-industry-button.industrials-metal-fabrication,
.btn.nasdaq-industry-button.industrials-metal-fabrication,
.btn.amex-industry-button.industrials-metal-fabrication {
    background-color: #0080FF;
    color: #FFFFFF;
    border-color: #0080FF;
}
.btn.sector-industry-button.industrials-pollution-treatment-controls,
.btn.nyse-industry-button.industrials-pollution-treatment-controls,
.btn.nasdaq-industry-button.industrials-pollution-treatment-controls,
.btn.amex-industry-button.industrials-pollution-treatment-controls {
    background-color: #3399FF;
    color: #FFFFFF;
    border-color: #3399FF;
}
.btn.sector-industry-button.industrials-aerospace-defense,
.btn.nyse-industry-button.industrials-aerospace-defense,
.btn.nasdaq-industry-button.industrials-aerospace-defense,
.btn.amex-industry-button.industrials-aerospace-defense {
    background-color: #004080;
    color: #FFFFFF;
    border-color: #004080;
}
.btn.sector-industry-button.industrials-airlines,
.btn.nyse-industry-button.industrials-airlines,
.btn.nasdaq-industry-button.industrials-airlines,
.btn.amex-industry-button.industrials-airlines {
    background-color: #004D99;
    color: #FFFFFF;
    border-color: #004D99;
}
.btn.sector-industry-button.industrials-airports-air-services,
.btn.nyse-industry-button.industrials-airports-air-services,
.btn.nasdaq-industry-button.industrials-airports-air-services,
.btn.amex-industry-button.industrials-airports-air-services {
    background-color: #0059B3;
    color: #FFFFFF;
    border-color: #0059B3;
}
.btn.sector-industry-button.industrials-building-products-equipment,
.btn.nyse-industry-button.industrials-building-products-equipment,
.btn.nasdaq-industry-button.industrials-building-products-equipment,
.btn.amex-industry-button.industrials-building-products-equipment {
    background-color: #0066CC;
    color: #FFFFFF;
    border-color: #0066CC;
}
.btn.sector-industry-button.industrials-business-services,
.btn.nyse-industry-button.industrials-business-services,
.btn.nasdaq-industry-button.industrials-business-services,
.btn.amex-industry-button.industrials-business-services {
    background-color: #0073E6;
    color: #FFFFFF;
    border-color: #0073E6;
}
.btn.sector-industry-button.industrials-conglomerates,
.btn.nyse-industry-button.industrials-conglomerates,
.btn.nasdaq-industry-button.industrials-conglomerates,
.btn.amex-industry-button.industrials-conglomerates {
    background-color: #0080FF;
    color: #FFFFFF;
    border-color: #0080FF;
}
.btn.sector-industry-button.industrials-consulting-services,
.btn.nyse-industry-button.industrials-consulting-services,
.btn.nasdaq-industry-button.industrials-consulting-services,
.btn.amex-industry-button.industrials-consulting-services {
    background-color: #3399FF;
    color: #FFFFFF;
    border-color: #3399FF;
}
.btn.sector-industry-button.industrials-electrical-equipment-parts,
.btn.nyse-industry-button.industrials-electrical-equipment-parts,
.btn.nasdaq-industry-button.industrials-electrical-equipment-parts,
.btn.amex-industry-button.industrials-electrical-equipment-parts {
    background-color: #66B3FF;
    color: #FFFFFF;
    border-color: #66B3FF;
}
.btn.sector-industry-button.industrials-engineering-construction,
.btn.nyse-industry-button.industrials-engineering-construction,
.btn.nasdaq-industry-button.industrials-engineering-construction,
.btn.amex-industry-button.industrials-engineering-construction {
    background-color: #80CCFF;
    color: #000000;
    border-color: #80CCFF;
}
.btn.sector-industry-button.industrials-farm-heavy-construction-machinery,
.btn.nyse-industry-button.industrials-farm-heavy-construction-machinery,
.btn.nasdaq-industry-button.industrials-farm-heavy-construction-machinery,
.btn.amex-industry-button.industrials-farm-heavy-construction-machinery {
    background-color: #99E6FF;
    color: #000000;
    border-color: #99E6FF;
}
.btn.sector-industry-button.industrials-industrial-distribution,
.btn.nyse-industry-button.industrials-industrial-distribution,
.btn.nasdaq-industry-button.industrials-industrial-distribution,
.btn.amex-industry-button.industrials-industrial-distribution {
    background-color: #B3FFFF;
    color: #000000;
    border-color: #B3FFFF;
}
.btn.sector-industry-button.industrials-integrated-freight-logistics,
.btn.nyse-industry-button.industrials-integrated-freight-logistics,
.btn.nasdaq-industry-button.industrials-integrated-freight-logistics,
.btn.amex-industry-button.industrials-integrated-freight-logistics {
    background-color: #CCFFFF;
    color: #000000;
    border-color: #CCFFFF;
}
.btn.sector-industry-button.industrials-marine-shipping,
.btn.nyse-industry-button.industrials-marine-shipping,
.btn.nasdaq-industry-button.industrials-marine-shipping,
.btn.amex-industry-button.industrials-marine-shipping {
    background-color: #E6FFFF;
    color: #000000;
    border-color: #E6FFFF;
}
.btn.sector-industry-button.industrials-railroads,
.btn.nyse-industry-button.industrials-railroads,
.btn.nasdaq-industry-button.industrials-railroads,
.btn.amex-industry-button.industrials-railroads {
    background-color: #F0FFFF;
    color: #000000;
    border-color: #F0FFFF;
}
.btn.sector-industry-button.industrials-rental-leasing-services,
.btn.nyse-industry-button.industrials-rental-leasing-services,
.btn.nasdaq-industry-button.industrials-rental-leasing-services,
.btn.amex-industry-button.industrials-rental-leasing-services {
    background-color: #F5FFFF;
    color: #000000;
    border-color: #F5FFFF;
}
.btn.sector-industry-button.industrials-security-protection-services,
.btn.nyse-industry-button.industrials-security-protection-services,
.btn.nasdaq-industry-button.industrials-security-protection-services,
.btn.amex-industry-button.industrials-security-protection-services {
    background-color: #FAFFFF;
    color: #000000;
    border-color: #FAFFFF;
}
.btn.sector-industry-button.industrials-specialty-business-services,
.btn.nyse-industry-button.industrials-specialty-business-services,
.btn.nasdaq-industry-button.industrials-specialty-business-services,
.btn.amex-industry-button.industrials-specialty-business-services {
    background-color: #FFFFFF;
    color: #000000;
    border-color: #FFFFFF;
}
.btn.sector-industry-button.industrials-specialty-industrial-machinery,
.btn.nyse-industry-button.industrials-specialty-industrial-machinery,
.btn.nasdaq-industry-button.industrials-specialty-industrial-machinery,
.btn.amex-industry-button.industrials-specialty-industrial-machinery {
    background-color: #F2F9FF;
    color: #000000;
    border-color: #F2F9FF;
}
.btn.sector-industry-button.industrials-staffing-employment-services,
.btn.nyse-industry-button.industrials-staffing-employment-services,
.btn.nasdaq-industry-button.industrials-staffing-employment-services,
.btn.amex-industry-button.industrials-staffing-employment-services {
    background-color: #E6F2FF;
    color: #000000;
    border-color: #E6F2FF;
}
.btn.sector-industry-button.industrials-tools-accessories,
.btn.nyse-industry-button.industrials-tools-accessories,
.btn.nasdaq-industry-button.industrials-tools-accessories,
.btn.amex-industry-button.industrials-tools-accessories {
    background-color: #CCE5FF;
    color: #000000;
    border-color: #CCE5FF;
}
.btn.sector-industry-button.industrials-trucking,
.btn.nyse-industry-button.industrials-trucking,
.btn.nasdaq-industry-button.industrials-trucking,
.btn.amex-industry-button.industrials-trucking {
    background-color: #B3D9FF;
    color: #000000;
    border-color: #B3D9FF;
}
.btn.sector-industry-button.industrials-waste-management,
.btn.nyse-industry-button.industrials-waste-management,
.btn.nasdaq-industry-button.industrials-waste-management,
.btn.amex-industry-button.industrials-waste-management {
    background-color: #99CCFF;
    color: #000000;
    border-color: #99CCFF;
}

/* Real Estate Industries */
.btn.sector-industry-button.real-estate-real-estate-diversified,
.btn.nyse-industry-button.real-estate-real-estate-diversified,
.btn.nasdaq-industry-button.real-estate-real-estate-diversified,
.btn.amex-industry-button.real-estate-real-estate-diversified {
    background-color: #A66B3D;
    color: #FFFFFF;
    border-color: #A66B3D;
}
.btn.sector-industry-button.real-estate-reit-diversified,
.btn.nyse-industry-button.real-estate-reit-diversified,
.btn.nasdaq-industry-button.real-estate-reit-diversified,
.btn.amex-industry-button.real-estate-reit-diversified {
    background-color: #A66B3D;
    color: #FFFFFF;
    border-color: #A66B3D;
}
.btn.sector-industry-button.real-estate-reit-healthcare-facilities,
.btn.nyse-industry-button.real-estate-reit-healthcare-facilities,
.btn.nasdaq-industry-button.real-estate-reit-healthcare-facilities,
.btn.amex-industry-button.real-estate-reit-healthcare-facilities {
    background-color: #B37747;
    color: #FFFFFF;
    border-color: #B37747;
}
.btn.sector-industry-button.real-estate-reit-hotel-motel,
.btn.nyse-industry-button.real-estate-reit-hotel-motel,
.btn.nasdaq-industry-button.real-estate-reit-hotel-motel,
.btn.amex-industry-button.real-estate-reit-hotel-motel {
    background-color: #BF8451;
    color: #FFFFFF;
    border-color: #BF8451;
}
.btn.sector-industry-button.real-estate-reit-industrial,
.btn.nyse-industry-button.real-estate-reit-industrial,
.btn.nasdaq-industry-button.real-estate-reit-industrial,
.btn.amex-industry-button.real-estate-reit-industrial {
    background-color: #CC9160;
    color: #FFFFFF;
    border-color: #CC9160;
}
.btn.sector-industry-button.real-estate-reit-mortgage,
.btn.nyse-industry-button.real-estate-reit-mortgage,
.btn.nasdaq-industry-button.real-estate-reit-mortgage,
.btn.amex-industry-button.real-estate-reit-mortgage {
    background-color: #D99D6E;
    color: #000000;
    border-color: #D99D6E;
}
.btn.sector-industry-button.real-estate-reit-office,
.btn.nyse-industry-button.real-estate-reit-office,
.btn.nasdaq-industry-button.real-estate-reit-office,
.btn.amex-industry-button.real-estate-reit-office {
    background-color: #E6AA7C;
    color: #000000;
    border-color: #E6AA7C;
}
.btn.sector-industry-button.real-estate-reit-residential,
.btn.nyse-industry-button.real-estate-reit-residential,
.btn.nasdaq-industry-button.real-estate-reit-residential,
.btn.amex-industry-button.real-estate-reit-residential {
    background-color: #F2B68A;
    color: #000000;
    border-color: #F2B68A;
}
.btn.sector-industry-button.real-estate-reit-retail,
.btn.nyse-industry-button.real-estate-reit-retail,
.btn.nasdaq-industry-button.real-estate-reit-retail,
.btn.amex-industry-button.real-estate-reit-retail {
    background-color: #FFC399;
    color: #000000;
    border-color: #FFC399;
}
.btn.sector-industry-button.real-estate-reit-specialty,
.btn.nyse-industry-button.real-estate-reit-specialty,
.btn.nasdaq-industry-button.real-estate-reit-specialty,
.btn.amex-industry-button.real-estate-reit-specialty {
    background-color: #FFCCAA;
    color: #000000;
    border-color: #FFCCAA;
}
.btn.sector-industry-button.real-estate-real-estate-development,
.btn.nyse-industry-button.real-estate-real-estate-development,
.btn.nasdaq-industry-button.real-estate-real-estate-development,
.btn.amex-industry-button.real-estate-real-estate-development {
    background-color: #FFD6BB;
    color: #000000;
    border-color: #FFD6BB;
}
.btn.sector-industry-button.real-estate-real-estate-services,
.btn.nyse-industry-button.real-estate-real-estate-services,
.btn.nasdaq-industry-button.real-estate-real-estate-services,
.btn.amex-industry-button.real-estate-real-estate-services {
    background-color: #FFE0CC;
    color: #000000;
    border-color: #FFE0CC;
}

/* General button styles */
.btn.sector-industry-button,
.btn.nyse-industry-button,
.btn.nasdaq-industry-button,
.btn.amex-industry-button {
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

/* Active state */
.btn.sector-industry-button.active,
.btn.nyse-industry-button.active,
.btn.nasdaq-industry-button.active,
.btn.amex-industry-button.active {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4),
                0 6px 8px rgba(0, 0, 0, 0.3),
                inset 0 2px 4px rgba(255, 255, 255, 0.4);
    transform: scale(1.05);
    filter: brightness(85%);
    z-index: 2;
}

/* Hover effect */
.btn.sector-industry-button:hover:not(.active),
.btn.nyse-industry-button:hover:not(.active),
.btn.nasdaq-industry-button:hover:not(.active),
.btn.amex-industry-button:hover:not(.active) {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transform: scale(1.02);
}

/* Card and table styles */
#eod-metrics,
#sector-metrics,
#indexed-metrics {
    background-color: rgb(229, 254, 234);
    border-left: 1px solid darkgreen;
    border-right: 1px solid darkgreen;
    border-bottom: 1px solid darkgreen;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.spin {
    animation: spin 1s linear infinite;
    display: inline-block;
}

#results-display .card {
    opacity: 0;
    animation: fadeIn 1s ease-in-out forwards;
}

#results-display .card.fade-out {
    animation: fadeOut 1s ease-in-out forwards;
    opacity: 1;
}

.card-body {
    padding: 0 !important;
}

.table {
    margin-bottom: 0;
}

.card-margins {
    margin-left: auto;
    margin-right: auto;
}

#results-display {
    display: flex;
    flex-wrap: wrap;
}

#results-display .card {
    flex: 0 0 100%;
    max-width: 100%;
}

/* Sticky table header */
.table-sticky-container {
    max-height: 640px;
    overflow-y: auto;
    position: relative;
}

.table-sticky-container .sticky-top {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: rgb(229, 254, 234);
    border-bottom: 1px solid darkgreen;
}

.table-sticky-container .table {
    width: 100%;
    table-layout: auto;
}

/* Metric Tab Summary Styles */
#metric-tab-summary {
    margin: 0;
    padding: 0;
}

/* All-in-One Control Bar */
#metrics-control-bar {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem; /* More breathing room between sections */
    padding: 0.75rem 1.5rem;
}

/* Left Section - Radio Buttons */
#metrics-control-bar > div:first-child {
    flex: 0 0 auto; /* Don't grow or shrink */
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Center Section - Tabs */
#metrics-control-bar .nav-tabs {
    flex: 1 1 auto; /* Grow to fill space, can shrink if needed */
    display: flex;
    justify-content: center;
    margin: 0;
}

/* Right Section - Timer */
#metrics-control-bar > div:last-child {
    flex: 0 0 auto; /* Don't grow or shrink */
}

#metrics-control-bar label {
    font-size: 0.95rem;
    white-space: nowrap;
}

#metrics-control-bar .form-check-label {
    font-size: 0.9rem;
    cursor: pointer;
}

#metrics-control-bar .form-check-input {
    cursor: pointer;
}

/* Compact Tab Styling */
.compact-tab {
    padding: 0.5rem 1rem !important; /* More generous padding */
    font-size: 0.95rem !important; /* Slightly larger */
    border: none !important;
    border-bottom: 3px solid transparent !important;
    background: transparent !important;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.compact-tab:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

.compact-tab.active {
    border-bottom-color: #0d6efd !important;
    font-weight: 600;
    background: transparent !important;
}

/* Refresh Controls */
#refresh-toggle {
    min-width: 42px;
    padding: 0.35rem 0.65rem;
}

#refresh-toggle i {
    font-size: 0.95rem;
}

#refresh-countdown {
    font-size: 0.95rem;
    padding: 0.4rem 0.75rem;
    font-family: 'Courier New', monospace;
    min-width: 50px;
    text-align: center;
}

/* Badge/Pill style for active color method */
.form-check-inline.badge-simple {
    background-color: transparent;
    border: 2px solid transparent;
    border-radius: 20px;
    padding: 6px 7px;
    margin: 0 4px;
    transition: all 0.3s ease;
}

.form-check-inline.badge-simple.active-method {
    background-color: #28a745;
    border-color: #28a745;
    box-shadow: 0 0 10px rgba(40, 167, 69, 0.5);
}

.form-check-inline.badge-simple.active-method label {
    font-weight: 700;
    color: #ffffff;
}

.form-check-inline.badge-percent {
    background-color: transparent;
    border: 2px solid transparent;
    border-radius: 20px;
    padding: 6px 7px;
    margin: 0 4px;
    transition: all 0.3s ease;
}

.form-check-inline.badge-percent.active-method {
    background-color: #007bff;
    border-color: #007bff;
    box-shadow: 0 0 10px rgba(0, 123, 255, 0.5);
}

.form-check-inline.badge-percent.active-method label {
    font-weight: 700;
    color: #ffffff;
}

.form-check-inline.badge-step {
    background-color: transparent;
    border: 2px solid transparent;
    border-radius: 20px;
    padding: 6px 7px;
    margin: 0 4px;
    transition: all 0.3s ease;
}

.form-check-inline.badge-step.active-method {
    background-color: #6f42c1;
    border-color: #6f42c1;
    box-shadow: 0 0 10px rgba(111, 66, 193, 0.5);
}

.form-check-inline.badge-step.active-method label {
    font-weight: 700;
    color: #ffffff;
}

/* Pulse animation for badges */
@keyframes badge-pulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }
    50% {
        transform: scale(1.08);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    }
}

.form-check-inline.active-method.pulsing {
    animation: badge-pulse 2s ease-in-out;
}

/* Summary Stats */
#summary-stats .card {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    border: none;
}

#summary-stats .card-header {
    background-color: rgb(229, 254, 234);
    border-bottom: 1px solid darkgreen;
}

#summary-stats .card-body {
    background-color: #e7f6ff;
    padding: 1rem !important;
}

#summary-stats .metric-item {
    margin: 1rem 0;
    padding: 0;
}

#metric-tab-summary .card {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    border: none;
}

#metric-tab-summary .card-header {
    background-color: rgb(229, 254, 234);
    border-bottom: 1px solid darkgreen;
}

#metric-tab-summary .card-body {
    background-color: #e7f6ff;
    padding: 1rem !important;
}

#metric-tab-summary .metric-item {
    background-color: #e7f6ff;
    border: 1px solid #28a745;
    padding: 0.5rem 1rem;
    margin: 0.25rem;
    border-radius: 0.25rem;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    font-size: 1rem;
}

.ticker-link {
    color: #000000;
    text-decoration: none;
}

.ticker-link:hover {
    color: #333333;
    text-decoration: underline;
}

/* Accordion text */
.collapse .card-body {
    background-color: #ffffff;
    color: #000000;
}

.container-fluid {
    padding-top: 18px; /* Below site-nav */
}


.legend-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

.legend-table th.legend-label {
    font-weight: bold;
    background-color: #343a40; /* Matches your sticky-header */
    color: white;
    text-align: center;
}

.legend-table td {
    height: 20px; /* Fixed height for color bars */
    width: 2.32%; /* 100% / 43 cells ≈ 2.32% each */
    padding: 0; /* No padding to ensure full color fill */
    border: 1px solid #ccc; /* Thin border for separation */
}