/* Pastel Theme - Maximum 4 Colors */

/* Body and Background */
body {
    background-color: #f8f9fa !important; /* Light gray */
    color: #212529 !important; /* Dark text */
}

/* Sidebar */
.sidenav {
    background-color: #3a3610 !important; /* Khaki */
    border-right: 1px solid #dda0dd !important; /* Plum */
}

.sidenav .nav-link {
    color: #2f4f4f !important; /* Dark Slate Gray */
}

.sidenav .nav-link:hover {
    background-color: #dda0dd !important; /* Plum */
    color: #ffffff !important;
}

.sidenav .nav-link.active {
    background-color: #ffb3ba !important; /* Light Pink */
    color: #2f4f4f !important; /* Dark Slate Gray */
}

/* Main Content */
.main-content {
    background-color: #ffffff !important; /* White */
}

/* Cards */
.card {
    background-color: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    color: #212529 !important;
}

.card-header {
    background-color: #f8f9fa !important;
    border-bottom: 1px solid #dee2e6 !important;
    color: #212529 !important;
}

/* Buttons */
.btn-primary {
    background-color: #e67e22 !important;
    border-color: #e67e22 !important;
    color: #ffffff !important;
}

.btn-primary:hover {
    background-color: #d35400 !important;
    border-color: #d35400 !important;
}

.btn-secondary {
    background-color: #7f8c8d !important;
    border-color: #7f8c8d !important;
    color: #ffffff !important;
}

.btn-secondary:hover {
    background-color: #95a5a6 !important;
    border-color: #95a5a6 !important;
}

.btn-success {
    background-color: #27ae60 !important;
    border-color: #27ae60 !important;
    color: #ffffff !important;
}

.btn-success:hover {
    background-color: #229954 !important;
    border-color: #229954 !important;
}

.btn-danger {
    background-color: #e74c3c !important;
    border-color: #e74c3c !important;
    color: #ffffff !important;
}

.btn-danger:hover {
    background-color: #c0392b !important;
    border-color: #c0392b !important;
}

.btn-info {
    background-color: #3498db !important;
    border-color: #3498db !important;
    color: #ffffff !important;
}

.btn-info:hover {
    background-color: #2980b9 !important;
    border-color: #2980b9 !important;
}

.btn-warning {
    background-color: #f39c12 !important;
    border-color: #f39c12 !important;
    color: #ffffff !important;
}

.btn-warning:hover {
    background-color: #e67e22 !important;
    border-color: #e67e22 !important;
}

.btn-light {
    background-color: #bdc3c7 !important;
    border-color: #bdc3c7 !important;
    color: #2c3e50 !important;
}

.btn-light:hover {
    background-color: #95a5a6 !important;
    border-color: #95a5a6 !important;
}

/* Forms */
.form-control {
    background-color: #ffffff !important;
    border: 1px solid #ced4da !important;
    color: #495057 !important;
}

.form-control:focus {
    background-color: #ffffff !important;
    border-color: #80bdff !important;
    color: #495057 !important;
}

.form-label {
    color: #495057 !important;
}

/* Tables */
.table {
    color: #495057 !important;
}

.table thead th {
    background-color: #f8f9fa !important;
    border-color: #dee2e6 !important;
    color: #495057 !important;
}

.table tbody tr {
    background-color: #ffffff !important;
    border-color: #dee2e6 !important;
}

.table tbody tr:hover {
    background-color: #f8f9fa !important;
}

/* Alerts */
.alert-success {
    background-color: #27ae60 !important;
    border-color: #27ae60 !important;
    color: #ffffff !important;
}

.alert-danger {
    background-color: #e74c3c !important;
    border-color: #e74c3c !important;
    color: #ffffff !important;
}

.alert-warning {
    background-color: #f39c12 !important;
    border-color: #f39c12 !important;
    color: #ffffff !important;
}

.alert-info {
    background-color: #3498db !important;
    border-color: #3498db !important;
    color: #ffffff !important;
}

/* Page Headers */
.page-header {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
}

/* Search Box */
.search-box {
    background: #ffffff !important;
    border-radius: 12px !important;
    padding: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
}

/* Input Groups */
.input-group-text {
    background-color: #e9ecef !important;
    border-color: #ced4da !important;
    color: #495057 !important;
}

/* Dropdowns */
.dropdown-menu {
    background-color: #ffffff !important;
    border: 1px solid #ced4da !important;
}

.dropdown-item {
    color: #495057 !important;
}

.dropdown-item:hover {
    background-color: #f8f9fa !important;
    color: #495057 !important;
}

/* Modals */
.modal-content {
    background-color: #ffffff !important;
    color: #495057 !important;
}

.modal-header {
    border-bottom: 1px solid #ced4da !important;
}

.modal-footer {
    border-top: 1px solid #ced4da !important;
}

/* Badges */
.badge {
    background-color: #e67e22 !important;
}

/* Links */
a {
    color: #ffffff !important;
}

a:hover {
    color: #2980b9 !important;
}

/* Text Colors */
.text-primary { color: #3498db !important; }
.text-secondary { color: #7f8c8d !important; }
.text-success { color: #27ae60 !important; }
.text-danger { color: #e74c3c !important; }
.text-warning { color: #f39c12 !important; }
.text-info { color: #3498db !important; }
.text-light { color: #bdc3c7 !important; }
.text-dark { color: #2c3e50 !important; }
.text-muted { color: #95a5a6 !important; }

/* Pagination */
.page-link {
    background-color: #ffffff !important;
    border-color: #ced4da !important;
    color: #495057 !important;
}

.page-link:hover {
    background-color: #f8f9fa !important;
    border-color: #ced4da !important;
    color: #495057 !important;
}

.page-item.active .page-link {
    background-color: #e67e22 !important;
    border-color: #e67e22 !important;
}

/* Navbar */
.navbar {
    background-color: #ffffff !important;
}

/* Footer if any */
.footer {
    background-color: #f8f9fa !important;
    color: #c4d7ea !important;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f8f9fa;
}

::-webkit-scrollbar-thumb {
    background: #ced4da;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #adb5bd;
}
