/* Trading Dashboard - Custom Styles */
/* Theme: GitHub Dark */

/* Global */
body {
    background-color: #0d1117 !important;
    color: #f0f6fc !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Cards */
.card {
    background-color: #161b22 !important;
    border: 1px solid #30363d !important;
    border-radius: 8px !important;
}

.card-header {
    background-color: #21262d !important;
    border-bottom: 1px solid #30363d !important;
}

/* Navbar */
.navbar {
    border-bottom: 1px solid #30363d !important;
}

.nav-link {
    color: #8b949e !important;
    transition: color 0.2s ease;
}

.nav-link:hover,
.nav-link.active {
    color: #f0f6fc !important;
}

/* Dropdowns */
.Select-control,
.Select-menu-outer {
    background-color: #21262d !important;
    border-color: #30363d !important;
}

.Select-value-label,
.Select-placeholder {
    color: #f0f6fc !important;
}

/* Tables */
.table {
    color: #f0f6fc !important;
}

.table thead th {
    border-bottom: 2px solid #30363d !important;
}

.table tbody tr {
    border-bottom: 1px solid #30363d !important;
}

.table tbody tr:hover {
    background-color: #21262d !important;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

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

::-webkit-scrollbar-thumb {
    background: #30363d;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #484f58;
}

/* Progress bars */
.progress {
    background-color: #21262d !important;
}

/* Buttons */
.btn-secondary {
    background-color: #21262d !important;
    border-color: #30363d !important;
    color: #f0f6fc !important;
}

.btn-secondary:hover {
    background-color: #30363d !important;
}

/* Inputs */
input, select, textarea {
    background-color: #21262d !important;
    border-color: #30363d !important;
    color: #f0f6fc !important;
}

/* Switch */
.form-check-input:checked {
    background-color: #3fb950 !important;
    border-color: #3fb950 !important;
}

/* Date Picker - Dark Theme Fix */
.DateRangePickerInput {
    background-color: #21262d !important;
    border-color: #30363d !important;
    border-radius: 4px !important;
}

.DateRangePickerInput_arrow {
    background-color: #21262d !important;
}

.DateRangePickerInput_arrow svg {
    fill: #8b949e !important;
}

.DateInput {
    background-color: #21262d !important;
}

.DateInput_input {
    background-color: #21262d !important;
    color: #f0f6fc !important;
    border-color: #30363d !important;
}

.DateInput_input__focused {
    border-color: #58a6ff !important;
}

/* Calendar dropdown */
.DayPicker {
    background-color: #161b22 !important;
}

.CalendarMonth {
    background-color: #161b22 !important;
}

.CalendarDay__default {
    background-color: #161b22 !important;
    color: #f0f6fc !important;
    border-color: #30363d !important;
}

.CalendarDay__selected {
    background-color: #58a6ff !important;
    color: #fff !important;
}

.CalendarDay__hovered_span,
.CalendarDay__selected_span {
    background-color: #21262d !important;
    color: #f0f6fc !important;
}

.DayPickerNavigation_button__default {
    background-color: #21262d !important;
    border-color: #30363d !important;
}

.CalendarMonth_caption {
    color: #f0f6fc !important;
}

.DayPickerKeyboardShortcuts_buttonReset {
    display: none !important;
}