/* 
 * Global Theme Override - Professional Dark Palette
 * This file overrides ALL color variables globally
 * Primary: #2A2A2A | Background: #FFFFFF/#F5F5F5 | Secondary text: #9E9E9E | Borders/UI: #3A3A3A
 * Font: Poppins only (400/500/600)
 */

/* ============================================
   Typography - Poppins Font Only
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

/* * {
    font-family: 'Poppins', sans-serif !important;
} */

body {
    font-family: 'Poppins', sans-serif !important;
    color: #2A2A2A !important;
    background-color: #FFFFFF !important;
    font-weight: 400 !important;
}

/* ============================================
   Global Color Variables Override
   ============================================ */
:root {
  /* Professional Dark Palette */
  --primary-color: #2A2A2A !important;
  --secondary-color: #3A3A3A !important;
  --accent-color: #9E9E9E !important;
  --warning-color: #FF8F16 !important;
  --background-color: #FFFFFF !important;
  --background-secondary: #F5F5F5 !important;
  --text-color: #2A2A2A !important;
  --text-secondary: #9E9E9E !important;
  --border-color: #E5E5E5 !important;
  
  /* Legacy support */
  --primary: #2A2A2A !important;
  --secondary: #3A3A3A !important;
  --primary-hover: #3A3A3A !important;
  --primary-dark: #1A1A1A !important;
  --rgba-primary-1: rgba(42, 42, 42, 0.1) !important;
  --rgba-primary-2: rgba(42, 42, 42, 0.2) !important;
  --rgba-primary-3: rgba(42, 42, 42, 0.3) !important;
  --rgba-primary-4: rgba(42, 42, 42, 0.4) !important;
  --rgba-primary-5: rgba(42, 42, 42, 0.5) !important;
  --rgba-primary-6: rgba(42, 42, 42, 0.6) !important;
  --rgba-primary-7: rgba(42, 42, 42, 0.7) !important;
  --rgba-primary-8: rgba(42, 42, 42, 0.8) !important;
  --rgba-primary-9: rgba(42, 42, 42, 0.9) !important;
  
  /* Bootstrap Variables Override */
  --bs-primary: #2A2A2A !important;
  --bs-secondary: #3A3A3A !important;
  --bs-success: #2A2A2A !important;
  --bs-green: #2A2A2A !important;
  --bs-primary-rgb: 42, 42, 42 !important;
  --bs-secondary-rgb: 58, 58, 58 !important;
  --bs-success-rgb: 42, 42, 42 !important;
  --bs-body-bg: #FFFFFF !important;
  --bs-body-color: #2A2A2A !important;
  
  /* Typography */
  --font-family-base: "Poppins", sans-serif !important;
  --font-family-title: "Poppins", sans-serif !important;
  --bs-body-font-family: "Poppins", sans-serif !important;
  --title: #2A2A2A !important;
  
  /* Background */
  --body-bg: #FFFFFF !important;
}

/* ============================================
   Headings - Poppins Font
   ============================================ */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Poppins', sans-serif !important;
    color: #2A2A2A !important;
}

h1, .h1 {
    font-weight: 600 !important;
    font-size: 30px !important;
    color: #2A2A2A !important;
}

h2, .h2 {
    font-weight: 600 !important;
    font-size: 24px !important;
    color: #2A2A2A !important;
}

h3, .h3 {
    font-weight: 500 !important;
    font-size: 20px !important;
    color: #2A2A2A !important;
}

h4, .h4 {
    font-weight: 500 !important;
    font-size: 18px !important;
    color: #2A2A2A !important;
}

h5, .h5 {
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #2A2A2A !important;
}

h6, .h6 {
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #2A2A2A !important;
}

p, .text-body {
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #2A2A2A !important;
}

small, .text-small {
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #9E9E9E !important;
}

/* ============================================
   Text Colors
   ============================================ */
.text-primary, a.text-primary {
    color: #2A2A2A !important;
}

.text-secondary {
    color: #9E9E9E !important;
}

.text-muted {
    color: #9E9E9E !important;
}

/* ============================================
   Background Colors
   ============================================ */
.bg-primary {
    background-color: #2A2A2A !important;
    color: #FFFFFF !important;
}

.bg-secondary {
    background-color: #F5F5F5 !important;
    color: #2A2A2A !important;
}

.bg-light {
    background-color: #FFFFFF !important;
}

.bg-white {
    background-color: #FFFFFF !important;
}

/* ============================================
   Buttons
   ============================================ */
.btn {
    border-radius: 6px !important;
    padding: 0.5rem 1.5rem !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    transition: all 0.2s ease !important;
    border: none !important;
    font-family: 'Poppins', sans-serif !important;
}

.btn-primary {
    background-color: #2A2A2A !important;
    color: #FFFFFF !important;
    border: none !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #3A3A3A !important;
    color: #FFFFFF !important;
    opacity: 0.85 !important;
    box-shadow: none !important;
}

.btn-secondary,
.btn-outline-primary {
    background-color: #FFFFFF !important;
    color: #2A2A2A !important;
    border: 1px solid #E5E5E5 !important;
}

.btn-secondary:hover,
.btn-outline-primary:hover,
.btn-secondary:focus,
.btn-outline-primary:focus {
    background-color: #2A2A2A !important;
    color: #FFFFFF !important;
}

/* Remove green from success buttons */
.btn-success {
    background-color: #2A2A2A !important;
    color: #FFFFFF !important;
    border: none !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: #3A3A3A !important;
    color: #FFFFFF !important;
}

/* ============================================
   Navigation & Header
   ============================================ */
.nav-header {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #E5E5E5 !important;
}

.nav-header .brand-title {
    color: #2A2A2A !important;
    font-weight: 600 !important;
    font-size: 24px !important;
}

.header {
    background-color: #F5F5F5 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

.header-content {
    background-color: #F5F5F5 !important;
}

.dashboard_bar {
    color: #2A2A2A !important;
    font-weight: 600 !important;
    font-size: 24px !important;
}

/* ============================================
   Sidebar Navigation - NO GREEN
   ============================================ */
.deznav {
    background-color: #FFFFFF !important;
    border-right: 1px solid #E5E5E5 !important;
}

.deznav .metismenu li a {
    color: #2A2A2A !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    padding: 12px 20px !important;
    transition: all 0.2s ease !important;
}

.deznav .metismenu li a:hover,
.deznav .metismenu li a:focus,
.deznav .metismenu li a.mm-active {
    background-color: #F5F5F5 !important;
    color: #2A2A2A !important;
}

.deznav .metismenu li a i,
.deznav .metismenu li a svg {
    color: #2A2A2A !important;
}

/* Active menu items */
.deznav .metismenu li.mm-active > a {
    background-color: #F5F5F5 !important;
    color: #2A2A2A !important;
}

/* Submenu styling */
.deznav .metismenu ul a {
    color: #2A2A2A !important;
}

.deznav .metismenu ul a:hover {
    background-color: #F5F5F5 !important;
    color: #2A2A2A !important;
}

/* ============================================
   Cards
   ============================================ */
.card {
    border: 1px solid #E5E5E5 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    background-color: #FFFFFF !important;
}

.card-header {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #E5E5E5 !important;
    color: #2A2A2A !important;
    font-weight: 600 !important;
}

.card-body {
    color: #2A2A2A !important;
}

.card-title {
    color: #2A2A2A !important;
    font-weight: 600 !important;
    font-size: 20px !important;
}

/* ============================================
   Forms & Inputs
   ============================================ */
.form-control,
.form-select {
    border: 1px solid #E5E5E5 !important;
    border-radius: 6px !important;
    color: #2A2A2A !important;
    font-size: 16px !important;
    padding: 0.5rem 1rem !important;
    background-color: #FFFFFF !important;
}

.form-control:focus,
.form-select:focus {
    border-color: #2A2A2A !important;
    box-shadow: 0 0 0 0.2rem rgba(42, 42, 42, 0.1) !important;
}

.form-label {
    color: #2A2A2A !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    margin-bottom: 0.5rem !important;
}

/* ============================================
   Tables
   ============================================ */
.table {
    color: #2A2A2A !important;
    border-color: #E5E5E5 !important;
}

.table thead th {
    background-color: #FFFFFF !important;
    color: #2A2A2A !important;
    font-weight: 600 !important;
    border-bottom: 2px solid #E5E5E5 !important;
}

.table tbody td {
    color: #2A2A2A !important;
    border-bottom: 1px solid #E5E5E5 !important;
}

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

/* ============================================
   Badges - Remove Green
   ============================================ */
.badge {
    border-radius: 4px !important;
    padding: 0.375rem 0.75rem !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}

.badge-primary {
    background-color: #2A2A2A !important;
    color: #FFFFFF !important;
}

.badge-secondary {
    background-color: #9E9E9E !important;
    color: #FFFFFF !important;
}

.badge-success {
    background-color: #2A2A2A !important;
    color: #FFFFFF !important;
}

.badge-warning {
    background-color: #FFB930 !important;
    color: #2A2A2A !important;
}

.badge-danger {
    background-color: #FF6746 !important;
    color: #FFFFFF !important;
}

.badge-info {
    background-color: #3ECDFF !important;
    color: #FFFFFF !important;
}

/* ============================================
   Alerts - Remove Green
   ============================================ */
.alert {
    border-radius: 6px !important;
    border: 1px solid !important;
    padding: 1rem 1.5rem !important;
}

.alert-success {
    background-color: #F5F5F5 !important;
    border-color: #E5E5E5 !important;
    color: #2A2A2A !important;
}

.alert-warning {
    background-color: #FFF9E6 !important;
    border-color: #FFB930 !important;
    color: #2A2A2A !important;
}

.alert-danger {
    background-color: #FFF0ED !important;
    border-color: #FF6746 !important;
    color: #2A2A2A !important;
}

.alert-info {
    background-color: #E6F9FF !important;
    border-color: #3ECDFF !important;
    color: #2A2A2A !important;
}

/* ============================================
   Modals
   ============================================ */
.modal-content {
    border: 1px solid #E5E5E5 !important;
    border-radius: 6px !important;
}

.modal-header {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #E5E5E5 !important;
}

.modal-title {
    color: #2A2A2A !important;
    font-weight: 600 !important;
}

.modal-body {
    color: #2A2A2A !important;
}

.modal-footer {
    background-color: #FFFFFF !important;
    border-top: 1px solid #E5E5E5 !important;
}

/* ============================================
   Links
   ============================================ */
a {
    color: #2A2A2A !important;
    text-decoration: none !important;
    transition: opacity 0.2s ease !important;
}

a:hover {
    opacity: 0.7 !important;
    color: #2A2A2A !important;
}

/* ============================================
   Pagination
   ============================================ */
.pagination .page-link {
    color: #2A2A2A !important;
    background-color: #FFFFFF !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 6px !important;
    margin: 0 0.25rem !important;
}

.pagination .page-link:hover {
    background-color: #F5F5F5 !important;
    color: #2A2A2A !important;
}

.pagination .page-item.active .page-link {
    background-color: #2A2A2A !important;
    border-color: #2A2A2A !important;
    color: #FFFFFF !important;
}

/* ============================================
   Dropdowns
   ============================================ */
.dropdown-menu {
    border: 1px solid #E5E5E5 !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.dropdown-item {
    color: #2A2A2A !important;
    font-size: 16px !important;
    padding: 0.5rem 1rem !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #F5F5F5 !important;
    color: #2A2A2A !important;
}

/* ============================================
   Footer
   ============================================ */
.footer {
    background-color: #FFFFFF !important;
    border-top: 1px solid #E5E5E5 !important;
    color: #9E9E9E !important;
}

/* ============================================
   Borders
   ============================================ */
.border {
    border: 1px solid #E5E5E5 !important;
}

.border-top {
    border-top: 1px solid #E5E5E5 !important;
}

.border-bottom {
    border-bottom: 1px solid #E5E5E5 !important;
}

.border-left {
    border-left: 1px solid #E5E5E5 !important;
}

.border-right {
    border-right: 1px solid #E5E5E5 !important;
}

/* ============================================
   Override Any Remaining Green Colors
   ============================================ */
/* Remove all green backgrounds */
[style*="background-color: #6EC28E"],
[style*="background-color: #4E9C71"],
[style*="background: #6EC28E"],
[style*="background: #4E9C71"],
.bg-success,
.bg-green {
    background-color: #2A2A2A !important;
}

/* Remove all green text */
[style*="color: #6EC28E"],
[style*="color: #4E9C71"],
.text-success,
.text-green {
    color: #2A2A2A !important;
}

/* Remove all green borders */
[style*="border-color: #6EC28E"],
[style*="border-color: #4E9C71"],
.border-success,
.border-green {
    border-color: #E5E5E5 !important;
}

/* ============================================
   Responsive Adjustments
   ============================================ */
@media (max-width: 768px) {
    h1, .h1 {
        font-size: 26px !important;
    }
    
    h2, .h2 {
        font-size: 22px !important;
    }
    
    h3, .h3 {
        font-size: 18px !important;
    }
    
    p, body {
        font-size: 15px !important;
    }
}