.options-demo-page {
    background: #f5f7fb;
}

.options-demo-page .card {
    border-radius: 0.8rem;
}

.options-demo-page .card-header {
    border-bottom: 1px solid #edf1f7;
}

.demo-toolbar {
    background: linear-gradient(90deg, #ffffff 0%, #f8fbff 100%);
}

.toolbar-select {
    width: 180px;
}

.toolbar-input {
    width: 220px;
}

.toolbar-search {
    width: 260px;
}

.algo-chip-group {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.algo-chip {
    border: 1px solid #d6dbe8;
    background: #ffffff;
    color: #4d5468;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 0.85rem;
    line-height: 1.2;
}

.algo-chip.active {
    background: #e8f6ef;
    border-color: #6bd4a4;
    color: #137a4f;
    font-weight: 600;
}

#dayPnlValue.pnl-negative {
    color: #dc3545 !important;
}

#dayPnlValue.pnl-positive {
    color: #198754 !important;
}

.js-signal-row {
    transition: background-color 120ms ease-in-out;
}

.js-signal-row:hover {
    background-color: #f6f9ff;
}

.table td,
.table th {
    white-space: nowrap;
}

@media (max-width: 768px) {
    .toolbar-select,
    .toolbar-input,
    .toolbar-search {
        width: 100%;
    }
}