:root {
    --primary: #2E7D32;
    --primary-light: #4CAF50;
    --primary-dark: #1B5E20;
    --secondary: #8D6E63;
    --accent: #FF8F00;
    --background: #F8F9FA;
    --surface: #FFFFFF;
    --text-primary: #212121;
    --text-secondary: #757575;
  }

  /* :root {
    --primary: #2E7D32;
    --forest-green: #1B5E20;
    --cream: #F5F5DC;
    --white: #FFFFFF;
    --mint-green: #A5D6A7;
    --earth-brown: #8B4513;
    --dark-gray: #333333;
    --medium-gray: #CCCCCC;
} */

/* Allow header text wrapping for better readability */
.table thead th {
    white-space: normal;
    word-wrap: break-word;
    vertical-align: middle;
    text-align: center;
    line-height: 1.2;
}

/* Prevent currency symbol from wrapping separately from numbers */
.table tbody td {
    white-space: nowrap;
}

/* Custom styles for 3-level menu indentation */
.menu-vertical .menu-sub .menu-sub .menu-link {
    padding-left: 3.75rem !important;
}

/* Ensure proper bullet styling for level 3 */
.menu-vertical .menu-sub .menu-sub > .menu-item > .menu-link:before {
    left: 2.35rem !important;
}

/* Smaller font size for sidebar menu */
.menu-vertical .menu-link {
    font-size: 0.8rem !important; /* 14px instead of default 15px */
}

/* Smaller font for menu headers */
.menu-vertical .menu-header {
    font-size: 0.7rem !important; /* 12px */
}

/* Adjust app brand font size */
.app-brand-text {
    font-size: 1.5rem !important; /* Slightly smaller brand text */
}

/* Shimmer effect for app brand text */
.app-brand-shimmer {
    background: linear-gradient(
        90deg,
        #1B5E20 0%,
        #2E7D32 25%,
        #4CAF50 50%,
        #2E7D32 75%,
        #1B5E20 100%
    );
    background-size: 200% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shimmer 3s ease-in-out infinite;
    font-weight: bold !important;
}

@keyframes shimmer {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

/* Dashboard specific styles using global colors */
.chart-container {
    position: relative;
    height: 300px;
}



/* Metric cards using global colors */
.metric-card {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
    color: white;
}

.metric-card.info {
    background: linear-gradient(135deg, #2196F3 0%, #64B5F6 100%);
}

.metric-card.success {
    background: linear-gradient(135deg, var(--primary-light) 0%, #81C784 100%);
}

.metric-card.warning {
    background: linear-gradient(135deg, var(--accent) 0%, #FFB74D 100%);
}

/* Stock Dashboard specific styles */
.select2-container--default .select2-selection--single {
    border-color: #dee2e6;
}

.select2-container--default .select2-selection--single:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem rgba(46, 125, 50, 0.25);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary);
}

/* Chart colors consistency */
.apexcharts-tooltip {
    border: 1px solid #dee2e6 !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.apexcharts-legend-text {
    color: var(--text-primary) !important;
}

.apexcharts-title-text {
    color: var(--text-primary) !important;
}

.apexcharts-subtitle-text {
    color: var(--text-secondary) !important;
}