/* ==========================================
   BREADCRUMB SECTION FIX
   ========================================== */

.breadcrumb-section {
    padding-top: 120px !important;
    padding-bottom: 60px !important;
}

/* ==========================================
   PERSONNEL PANEL STYLES
   ========================================== */

/* Form Controls - Dropdown & Input Styles */
select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="time"],
textarea {
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid rgba(139, 92, 246, 0.2) !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

select:focus,
input:focus,
textarea:focus {
    outline: none !important;
    border-color: #8b5cf6 !important;
    background: #0a0a0a !important;
    color: #ffffff !important;
}

/* Dropdown Options */
select option {
    background: #000000 !important;
    color: #ffffff !important;
    padding: 10px !important;
}

select option:hover,
select option:checked {
    background: #1a1a1a !important;
}

/* Specific for form-control class */
.form-control {
    background: #000000 !important;
    color: #ffffff !important;
}

.form-control:focus {
    background: #0a0a0a !important;
    color: #ffffff !important;
}

.form-control option {
    background: #000000 !important;
    color: #ffffff !important;
}