/* Volume comparison highlighting styles - updated with underline for volume > previous */
.volume-higher-cell {
    text-decoration: underline !important;
    text-decoration-color: black !important;
    text-underline-offset: 2px !important;
}

[data-theme="dark"] .volume-higher-cell {
    text-decoration: underline !important;
    text-decoration-color: white !important;
    text-underline-offset: 2px !important;
}

/* Price change styling */
.price-up {
    color: var(--green) !important;
}

.price-down {
    color: var(--red) !important;
}

/* Relative volume styling */
.relvol-extreme {
    color: #3b82f6 !important;
    font-weight: bold !important;
}

.relvol-high {
    color: #f97316 !important;
    font-weight: bold !important;
}

[data-theme="dark"] .relvol-extreme {
    color: #60a5fa !important;
}

[data-theme="dark"] .relvol-high {
    color: #fb923c !important;
}

/* Row hover styling */
.ticker-row {
    transition: all 0.15s ease-in-out !important;
}

.ticker-row:hover {
    background-color: var(--table-row-hover) !important;
    cursor: pointer !important;
}

[data-theme="dark"] .ticker-row:hover {
    background-color: var(--table-row-hover) !important;
}

/* Watchlist row styling */
.watchlist-row {
    transition: background-color 0.15s ease-in-out !important;
}

.watchlist-row:hover {
    background-color: var(--table-row-hover) !important;
}

/* Volume filter button styling */
#volume-filter-btn {
    transition: all 0.2s ease;
    font-weight: bold;
    border-radius: 4px;
}

#volume-filter-btn.active {
    background-color: #3b82f6 !important;
    color: white !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

/* SubStats Bar Styling */
#substats-bar {
    font-size: 0.75rem;
    line-height: 1rem;
}

#substats-bar .rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#substats-bar .rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

#substats-bar .rounded {
    border-radius: 0.25rem;
}

#substats-bar span {
    display: inline-block;
}

/* Substat filter styles */
.substat-filter {
    transition: all 0.2s ease;
    position: relative;
}

.substat-filter:hover {
    filter: brightness(0.95);
}

.substat-filter.active {
    border: 2px solid #000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    font-weight: bold;
}