/* Menu Theme System */
/* Updated to match Integrity Brand Guidelines from DESIGN_SYSTEM_GUIDE.md */

/* Default Theme (Integrity Brand) */
.theme-default {
    --mud-palette-primary: #EF7B05;           /* Integrity Orange */
    --mud-palette-secondary: #29ABE2;         /* Secondary Blue */
    --mud-palette-background: #F5F5F5;        /* Light gray background */
    --mud-palette-surface: #FFFFFF;           /* White surface */
    --mud-palette-app-bar: #333F4D;           /* Integrity Blue for app bar */
    --mud-palette-drawer-background: #FFFFFF; /* White drawer */
    --mud-palette-text-primary: #333F4D;      /* Integrity Blue text */
    --mud-palette-text-secondary: #A4AAAD;    /* Secondary gray text */
    --mud-palette-error: #F15C3F;             /* Integrity Red */
    --mud-palette-success: #4CAF50;           /* Success green */
    --mud-palette-warning: #FF9800;           /* Warning orange */
    --mud-palette-info: #2196F3;              /* Info blue */
}

/* Dark Theme (Integrity Brand Dark Mode) */
.theme-dark {
    --mud-palette-primary: #FF8A3D;           /* Brighter orange for dark mode */
    --mud-palette-secondary: #4FC3F7;         /* Lighter blue for dark mode */
    --mud-palette-background: #121212;        /* Dark background */
    --mud-palette-surface: #1E1E1E;           /* Dark surface */
    --mud-palette-app-bar: #1E1E1E;           /* Dark app bar */
    --mud-palette-drawer-background: #1E1E1E; /* Dark drawer */
    --mud-palette-text-primary: #E0E0E0;      /* Light text */
    --mud-palette-text-secondary: #B3B3B3;    /* Secondary light text */
    --mud-palette-error: #FF5252;             /* Bright red for dark mode */
    --mud-palette-success: #69F0AE;           /* Bright green for dark mode */
    --mud-palette-warning: #FFD740;           /* Bright yellow for dark mode */
    --mud-palette-info: #40C4FF;              /* Bright blue for dark mode */
}

.theme-dark .mud-appbar {
    background-color: var(--mud-palette-app-bar) !important;
    color: var(--mud-palette-text-primary) !important;
}

.theme-dark .mud-drawer {
    background-color: var(--mud-palette-drawer-background) !important;
    color: var(--mud-palette-text-primary) !important;
}

.theme-dark .mud-nav-link {
    color: var(--mud-palette-text-secondary) !important;
}

.theme-dark .mud-nav-link:hover {
    background-color: rgba(187, 134, 252, 0.1) !important;
    color: var(--mud-palette-primary) !important;
}

.theme-dark .mud-nav-link.active {
    background-color: rgba(187, 134, 252, 0.2) !important;
    color: var(--mud-palette-primary) !important;
}

/* Light Theme (Integrity Brand Light) */
.theme-light {
    --mud-palette-primary: #EF7B05;           /* Integrity Orange */
    --mud-palette-secondary: #29ABE2;         /* Secondary Blue */
    --mud-palette-background: #FFFFFF;        /* White background */
    --mud-palette-surface: #F5F5F5;           /* Light gray surface */
    --mud-palette-app-bar: #FFFFFF;           /* White app bar */
    --mud-palette-drawer-background: #FAFAFA; /* Light drawer */
    --mud-palette-text-primary: #333F4D;      /* Integrity Blue text */
    --mud-palette-text-secondary: #A4AAAD;    /* Secondary gray text */
    --mud-palette-error: #F15C3F;             /* Integrity Red */
    --mud-palette-success: #4CAF50;           /* Success green */
    --mud-palette-warning: #FF9800;           /* Warning orange */
    --mud-palette-info: #2196F3;              /* Info blue */
}

.theme-light .mud-appbar {
    background-color: var(--mud-palette-app-bar) !important;
    color: var(--mud-palette-text-primary) !important;
    border-bottom: 1px solid #e0e0e0;
}

.theme-light .mud-drawer {
    background-color: var(--mud-palette-drawer-background) !important;
    color: var(--mud-palette-text-primary) !important;
    border-right: 1px solid #e0e0e0;
}

.theme-light .mud-nav-link {
    color: var(--mud-palette-text-secondary) !important;
}

.theme-light .mud-nav-link:hover {
    background-color: rgba(25, 118, 210, 0.08) !important;
    color: var(--mud-palette-primary) !important;
}

.theme-light .mud-nav-link.active {
    background-color: rgba(25, 118, 210, 0.12) !important;
    color: var(--mud-palette-primary) !important;
}

/* Corporate Theme (Professional Integrity) */
.theme-corporate {
    --mud-palette-primary: #333F4D;           /* Integrity Blue as primary */
    --mud-palette-secondary: #EF7B05;         /* Integrity Orange as secondary */
    --mud-palette-background: #ECF0F1;        /* Light professional background */
    --mud-palette-surface: #FFFFFF;           /* White surface */
    --mud-palette-app-bar: #333F4D;           /* Integrity Blue app bar */
    --mud-palette-drawer-background: #333F4D; /* Integrity Blue drawer */
    --mud-palette-text-primary: #333F4D;      /* Integrity Blue text */
    --mud-palette-text-secondary: #A4AAAD;    /* Secondary gray text */
    --mud-palette-drawer-text: #ECF0F1;       /* Light text in drawer */
    --mud-palette-error: #F15C3F;             /* Integrity Red */
    --mud-palette-success: #4CAF50;           /* Success green */
    --mud-palette-warning: #FF9800;           /* Warning orange */
    --mud-palette-info: #2196F3;              /* Info blue */
}

.theme-corporate .mud-appbar {
    background-color: var(--mud-palette-app-bar) !important;
    color: #ffffff !important;
}

.theme-corporate .mud-drawer {
    background-color: var(--mud-palette-drawer-background) !important;
    color: var(--mud-palette-drawer-text) !important;
}

.theme-corporate .mud-nav-link {
    color: #bdc3c7 !important;
}

.theme-corporate .mud-nav-link:hover {
    background-color: rgba(231, 76, 60, 0.2) !important;
    color: #ffffff !important;
}

.theme-corporate .mud-nav-link.active {
    background-color: var(--mud-palette-secondary) !important;
    color: #ffffff !important;
}

/* Modern Theme (Contemporary Integrity) */
.theme-modern {
    --mud-palette-primary: #EF7B05;           /* Integrity Orange */
    --mud-palette-secondary: #29ABE2;         /* Secondary Blue */
    --mud-palette-background: #F8F9FA;        /* Modern light background */
    --mud-palette-surface: #FFFFFF;           /* White surface */
    --mud-palette-app-bar: #FFFFFF;           /* White app bar */
    --mud-palette-drawer-background: #FFFFFF; /* White drawer */
    --mud-palette-text-primary: #333F4D;      /* Integrity Blue text */
    --mud-palette-text-secondary: #A4AAAD;    /* Secondary gray text */
    --mud-palette-error: #F15C3F;             /* Integrity Red */
    --mud-palette-success: #4CAF50;           /* Success green */
    --mud-palette-warning: #FF9800;           /* Warning orange */
    --mud-palette-info: #2196F3;              /* Info blue */
}

.theme-modern .mud-appbar {
    background-color: var(--mud-palette-app-bar) !important;
    color: var(--mud-palette-text-primary) !important;
    box-shadow: 0 2px 10px rgba(108, 92, 231, 0.1) !important;
}

.theme-modern .mud-drawer {
    background-color: var(--mud-palette-drawer-background) !important;
    color: var(--mud-palette-text-primary) !important;
    box-shadow: 2px 0 20px rgba(108, 92, 231, 0.1) !important;
}

.theme-modern .mud-nav-link {
    color: var(--mud-palette-text-secondary) !important;
    border-radius: 8px !important;
    margin: 2px 8px !important;
}

.theme-modern .mud-nav-link:hover {
    background: linear-gradient(135deg, rgba(239, 123, 5, 0.1), rgba(41, 171, 226, 0.1)) !important;
    color: var(--mud-palette-primary) !important;
}

.theme-modern .mud-nav-link.active {
    background: linear-gradient(135deg, var(--mud-palette-primary), var(--mud-palette-secondary)) !important;
    color: #ffffff !important;
}

/* Menu Placement Styles */
.menu-left .mud-drawer {
    left: 0 !important;
}

.menu-right .mud-drawer {
    right: 0 !important;
    left: auto !important;
}

.menu-top .mud-drawer {
    display: none !important;
}

/* Menu Collapsed State - Currently disabled to avoid conflicts with MudDrawer */
/*
.menu-collapsed .mud-drawer {
    width: 60px !important;
}

.menu-collapsed .mud-nav-link .mud-nav-link-text {
    display: none !important;
}

.menu-collapsed .mud-nav-group .mud-nav-group-text {
    display: none !important;
}
*/

/* Theme Transitions */
.mud-appbar,
.mud-drawer,
.mud-nav-link {
    transition: all 0.3s ease !important;
}