/* Custom Admin Panel Styling - Light Green Theme */
:root {
    --primary-green: #a0c9a7;
    --dark-green: #063e2f;
    --light-green: #eceee9;
    --lighter-green: #f9fbe7;
    --dark-text: #2e4e3a;
    --light-text: #e8f5e9;
    --accent-green: #b3d9b5;
    --border-green: #b2df8a;
}

/* Main background */
.content-wrapper {
    background-color: var(--lighter-green) !important;
}

/* Sidebar styling */
.main-sidebar {
    background-color: var(--dark-green) !important;
    border-right: 1px solid var(--border-green) !important;
}

/* Sidebar menu items */
.nav-sidebar > .nav-item > .nav-link {
    color: #f0f0f0 !important;
    border-left: 3px solid transparent !important;
    transition: all 0.3s ease;
}

/* Icons in sidebar */
.nav-sidebar > .nav-item > .nav-link i {
    color: #f0f0f0 !important;
}

/* Hover effect on sidebar items */
.nav-sidebar > .nav-item > .nav-link:hover {
    background-color: var(--primary-green) !important;
    color: var(--dark-text) !important;
    border-left: 3px solid var(--dark-green) !important;
}

.nav-sidebar > .nav-item > .nav-link:hover i {
    color: var(--dark-text) !important;
}

/* Active menu item */
.nav-sidebar > .nav-item.menu-open > .nav-link,
.nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--primary-green) !important;
    color: var(--dark-text) !important;
    font-weight: 600;
    border-left: 3px solid var(--dark-green) !important;
}

.nav-sidebar > .nav-item.menu-open > .nav-link i,
.nav-sidebar > .nav-item > .nav-link.active i {
    color: var(--dark-text) !important;
}

/* Brand logo area */
.main-header {
    background-color: var(--primary-green) !important;
    border-bottom: 1px solid var(--border-green) !important;
}

.main-header .brand-link {
    background-color: var(--primary-green) !important;
    color: var(--dark-text) !important;
    border-bottom: none !important;
}

/* Search box in sidebar */
.sidebar-form {
    border: 1px solid var(--border-green) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Card styling */
.card {
    border: 1px solid var(--border-green) !important;
    border-radius: 8px !important;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
}

.card-header {
    background-color: var(--light-green) !important;
    border-bottom: 1px solid var(--border-green) !important;
    color: var(--dark-text);
    font-weight: 600;
}

/* Buttons */
.btn-primary {
    background-color: var(--primary-green) !important;
    border-color: var(--dark-green) !important;
    color: var(--dark-text) !important;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: var(--dark-green) !important;
    color: white !important;
}

/* Form controls */
.form-control:focus, 
.select2-selection,
.form-control {
    border-color: var(--border-green) !important;
    box-shadow: 0 0 0 0.2rem rgba(169, 220, 169, 0.25) !important;
}

/* Table styling */
.table thead th {
    background-color: var(--light-green) !important;
    border-bottom: 2px solid var(--border-green) !important;
    color: var(--dark-text);
}

.table-hover tbody tr:hover {
    background-color: rgba(168, 213, 162, 0.2) !important;
}

/* Navbar user panel */
.user-panel {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Content header */
.content-header {
    padding: 15px 20px !important;
    background-color: white;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    margin-bottom: 20px;
}

/* Badges */
.badge-primary {
    background-color: var(--primary-green) !important;
    color: var(--dark-text) !important;
}

/* Pagination */
.page-item.active .page-link {
    background-color: var(--primary-green) !important;
    border-color: var(--dark-green) !important;
    color: var(--dark-text) !important;
}

.page-link {
    color: var(--dark-green) !important;
}

.page-link:hover {
    color: var(--dark-text) !important;
}

/* Additional green-themed elements */
/* Alert customization */
.alert-success {
    background-color: rgba(168, 213, 162, 0.2) !important;
    border-color: var(--border-green) !important;
    color: var(--dark-text) !important;
}

/* Progress bars */
.progress-bar {
    background-color: var(--primary-green) !important;
}

/* Tabs */
.nav-tabs .nav-link.active {
    border-color: var(--border-green) var(--border-green) #fff !important;
    color: var(--dark-text) !important;
    background-color: var(--lighter-green) !important;
}

/* Dropdown menu accent */
.dropdown-menu {
    border-color: var(--border-green) !important;
}