.bid-input {
  
    color: #155724; /* Dark Green Text */
}
.ask-input {
  
    color: #721c24; /* Dark Red Text */
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 2; /* Keep header above body content */
}

.table-dark th, .table-dark td {
    vertical-align: middle;
    white-space: nowrap;
}

/* Custom columns panel style (small & non-invasive) */
.custom-columns-panel {
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(255,255,255,0.04);
    padding: 8px;
    border-radius: 6px;
    max-height: 200px;
    overflow: auto;
}

/* per-column min width + numeric right alignment */
.daily-pivot, .daily-bc, .daily-tc,
.weekly-pivot, .weekly-bc, .weekly-tc,
.monthly-pivot, .monthly-bc, .monthly-tc,
.dl3, .dh3, .wl3, .wh3, .ml3, .mh3 {
    min-width: 72px;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* optional helper class if you ever want to hide via CSS */
.col-hidden {
    display: none !important;
}

@media (max-width:900px) {
    .daily-pivot, .daily-bc, .daily-tc,
    .weekly-pivot, .weekly-bc, .weekly-tc,
    .monthly-pivot, .monthly-bc, .monthly-tc,
    .dl3, .dh3, .wl3, .wh3, .ml3, .mh3 {
        min-width: 56px;
    }

    .custom-columns-panel {
        max-height: 160px;
    }
}