/* Custom UI Styles for Crude Oil Diary */

.chip-btn {
    padding: 0.15rem 0.45rem;
    font-size: 0.65rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-weight: 600;
    border-radius: 0.375rem;
    background-color: #1f2937;
    color: #d1d5db;
    border: 1px solid #374151;
    transition: all 0.15s ease-in-out;
    cursor: pointer;
}

.chip-btn:hover {
    background-color: #374151;
    color: #ffffff;
    border-color: #4b5563;
}

.chip-up {
    color: #34d399;
    border-color: rgba(52, 211, 153, 0.25);
    background-color: rgba(16, 185, 129, 0.1);
}

.chip-up:hover {
    background-color: rgba(16, 185, 129, 0.25);
    color: #6ee7b7;
}

.chip-dn {
    color: #f87171;
    border-color: rgba(248, 113, 113, 0.25);
    background-color: rgba(239, 68, 68, 0.1);
}

.chip-dn:hover {
    background-color: rgba(239, 68, 68, 0.25);
    color: #fca5a5;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #0b0f19;
}

::-webkit-scrollbar-thumb {
    background: #1f2937;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #374151;
}