/* Custom Filament Sidebar & Separator */
.fi-sidebar {
    background-color: #000000 !important; /* Pure Black */
    border-right: 2px solid #f59e0b !important; /* Amber Orange Separator */
}

.fi-sidebar-header {
    background-color: #000000 !important;
    border-bottom: 1px solid #1e293b !important;
}

/* Sidebar Item Enhancements */
.fi-sidebar-item-button {
    border-radius: 8px !important;
}

/* Main Content Background - Forced Black */
.fi-main, .fi-layout, .fi-topbar {
    background-color: #000000 !important;
}

.fi-topbar {
    border-bottom: 1px solid #1e293b !important;
}

/* Color Order Status Options */
/* Target native select options (used in some SelectColumns) */
.status-select-column select option[value="confirmed"] { color: #10b981 !important; font-weight: bold !important; }
.status-select-column select option[value="canceled"] { color: #ef4444 !important; font-weight: bold !important; }
.status-select-column select option[value="no_answer"] { color: #f59e0b !important; font-weight: bold !important; }
.status-select-column select option[value="postponed"] { color: #3b82f6 !important; font-weight: bold !important; }

/* Target Filament's custom dropdown items (v3) */
.fi-dropdown-list-item[data-value="confirmed"],
.fi-select-input-item[data-value="confirmed"] { color: #10b981 !important; font-weight: bold !important; }

.fi-dropdown-list-item[data-value="canceled"],
.fi-select-input-item[data-value="canceled"] { color: #ef4444 !important; font-weight: bold !important; }

.fi-dropdown-list-item[data-value="no_answer"],
.fi-select-input-item[data-value="no_answer"] { color: #f59e0b !important; font-weight: bold !important; }

.fi-dropdown-list-item[data-value="postponed"],
.fi-select-input-item[data-value="postponed"] { color: #3b82f6 !important; font-weight: bold !important; }

/* Extra styling for the select in the table */
.status-select-column select {
    font-weight: 700 !important;
    border: none !important;
    background-color: transparent !important;
    padding-left: 0 !important;
}

/* Row-level coloring based on selected value */
.status-pending select { color: #fbbf24 !important; } /* Amber/Yellow */
.status-confirmed select { color: #10b981 !important; } /* Green */
.status-no_answer select { color: #f59e0b !important; } /* Orange */
.status-shipped select { color: #3b82f6 !important; } /* Blue */
.status-delivered select { color: #059669 !important; } /* Emerald */
.status-returned select { color: #f43f5e !important; } /* Rose */
.status-canceled select { color: #ef4444 !important; } /* Red */
.status-postponed select { color: #6366f1 !important; } /* Indigo */
.status-abandoned select { color: #9ca3af !important; } /* Gray */

/* Ensure the dropdown icon is also visible/colored if possible */
.status-select-column select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem !important;
}