/* Override Radzen theme colors */
:root {
    /* ========================================
       PRIMARY COLORS
       ======================================== */
    --rz-primary: #fc8e11 !important;
    --rz-primary-lighter: #fef5ec !important;
    --rz-primary-light: #fcaf58 !important;
    --rz-primary-dark: #e2560f !important;
    --rz-primary-darker: #b0430b !important;
    --rz-on-primary: #ffffff !important;
    --rz-on-primary-lighter: #fc8e11 !important;
    --rz-on-primary-light: #ffffff !important;
    --rz-on-primary-dark: #ffffff !important;
    --rz-on-primary-darker: #fcaf58 !important;
    /* ========================================
       SECONDARY COLORS
       ======================================== */
    --rz-secondary: #314069 !important;
    --rz-secondary-lighter: #e8ecf1 !important;
    --rz-secondary-light: #455378 !important;
    --rz-secondary-dark: #2c395e !important;
    --rz-secondary-darker: #222c49 !important;
    --rz-on-secondary: #ffffff !important;
    --rz-on-secondary-lighter: #314069 !important;
    --rz-on-secondary-light: #ffffff !important;
    --rz-on-secondary-dark: #ffffff !important;
    --rz-on-secondary-darker: #455378 !important;
    /* ========================================
       INFO COLORS
       ======================================== */
    --rz-info: #61b2db !important;
    --rz-info-lighter: #eff8fc !important;
    --rz-info-light: #8ac7e5 !important;
    --rz-info-dark: #4a8fb0 !important;
    --rz-info-darker: #386d85 !important;
    --rz-on-info: #ffffff !important;
    --rz-on-info-lighter: #61b2db !important;
    --rz-on-info-light: #ffffff !important;
    --rz-on-info-dark: #ffffff !important;
    --rz-on-info-darker: #8ac7e5 !important;
    /* ========================================
       SUCCESS COLORS
       ======================================== */
    --rz-success: #54ba1d !important;
    --rz-success-lighter: #edf8e8 !important;
    --rz-success-light: #7ecb57 !important;
    --rz-success-dark: #429517 !important;
    --rz-success-darker: #327111 !important;
    --rz-on-success: #ffffff !important;
    --rz-on-success-lighter: #54ba1d !important;
    --rz-on-success-light: #ffffff !important;
    --rz-on-success-dark: #ffffff !important;
    --rz-on-success-darker: #7ecb57 !important;
    /* ========================================
       WARNING COLORS
       ======================================== */
    --rz-warning: #fc8e11 !important;
    --rz-warning-lighter: #fef5ec !important;
    --rz-warning-light: #fda847 !important;
    --rz-warning-dark: #ca710e !important;
    --rz-warning-darker: #98560a !important;
    --rz-on-warning: #ffffff !important;
    --rz-on-warning-lighter: #fc8e11 !important;
    --rz-on-warning-light: #ffffff !important;
    --rz-on-warning-dark: #ffffff !important;
    --rz-on-warning-darker: #fda847 !important;
    /* ========================================
       DANGER COLORS
       ======================================== */
    --rz-danger: #F82246 !important;
    --rz-danger-lighter: #fee8ec !important;
    --rz-danger-light: #fa5570 !important;
    --rz-danger-dark: #c61b38 !important;
    --rz-danger-darker: #95142a !important;
    --rz-on-danger: #ffffff !important;
    --rz-on-danger-lighter: #F82246 !important;
    --rz-on-danger-light: #ffffff !important;
    --rz-on-danger-dark: #ffffff !important;
    --rz-on-danger-darker: #fa5570 !important;
    /* ========================================
       BASE COLORS
       ======================================== */
    --rz-base-50: #fafafa !important;
    --rz-base-100: #f6f7fa !important;
    --rz-base-200: #ebebeb !important;
    --rz-base-300: #dadfe2 !important;
    --rz-base-400: #c4c4c4 !important;
    --rz-base-500: #9e9e9e !important;
    --rz-base-600: #757575 !important;
    --rz-base-700: #616161 !important;
    --rz-base-800: #424242 !important;
    --rz-base-900: #212121 !important;
    /* Legacy base variables */
    --rz-base: #dadfe2 !important;
    --rz-base-lighter: #f6f7fa !important;
    --rz-base-light: #ebebeb !important;
    --rz-base-dark: #333 !important;
    --rz-base-darker: #28363c !important;
    /* ========================================
       NEUTRAL COLORS
       ======================================== */
    --rz-white: #ffffff !important;
    --rz-black: #000000 !important;
    --rz-text-color: #212121 !important;
    --rz-text-secondary-color: #757575 !important;
    --rz-text-disabled-color: #9e9e9e !important;
    --rz-text-contrast-color: #ffffff !important;
    /* ========================================
       BACKGROUND COLORS
       ======================================== */
    --rz-background-color: #ffffff !important;
    --rz-content-background-color: #ffffff !important;
    --rz-body-background-color: #fafafa !important;
    --rz-panel-background-color: #ffffff !important;
    --rz-disabled-background-color: #f5f5f5 !important;
    /* ========================================
       BORDER COLORS
       ======================================== */
    --rz-border-color: #e0e0e0 !important;
    --rz-divider-color: #e0e0e0 !important;
    --rz-input-border-color: #bdbdbd !important;
    --rz-input-focus-border-color: #fc8e11 !important;
    /* ========================================
       COMPONENT-SPECIFIC COLORS
       ======================================== */
    /* Header */
    --rz-header-background-color: #ffffff !important;
    --rz-header-color: #fc8e11 !important;
    /* Sidebar */
    --rz-sidebar-toggle-color: var(--rz-primary) !important;
    --rz-sidebar-toggle-hover-color: var(--rz-primary) !important;
    --rz-sidebar-background-color: #ffffff !important;
    --rz-sidebar-color: #212121 !important;
    --rz-sidebar-toggle-background-color: transparent !important;
    --rz-sidebar-toggle-hover-background-color: var(--rz-white) !important;
    /* Profile Menu */
    --rz-profile-menu-background-color: #ffffff !important;
    --rz-profile-menu-color: #212121 !important;
    --rz-profile-menu-top-item-background-color: #ffffff !important;
    /* Panel Menu */
    --rz-panelmenu-item-hover-background-color: #f5f5f5 !important;
    --rz-panelmenu-item-active-background-color: #fef5ec !important;
    --rz-panelmenu-item-active-color: #fc8e11 !important;
    /* Navigation */
    --rz-navigation-item-hover-background-color: #f5f5f5 !important;
    --rz-navigation-item-active-background-color: #fef5ec !important;
    --rz-navigation-item-active-color: #fc8e11 !important;
    /* Cards */
    --rz-card-background-color: #ffffff !important;
    --rz-card-border-color: #e0e0e0 !important;
    /* Dropdown */
    --rz-dropdown-background-color: #ffffff !important;
    --rz-dropdown-item-hover-background-color: #f5f5f5 !important;
    /* Dialog */
    --rz-dialog-background-color: #ffffff !important;
    --rz-dialog-titlebar-background-color: #ffffff !important;
    /* Grid/DataGrid */
    --rz-grid-header-background-color: #fafafa !important;
    --rz-grid-cell-border-color: #e0e0e0 !important;
    --rz-grid-row-hover-background-color: #f5f5f5 !important;
    --rz-grid-row-selected-background-color: #fef5ec !important;
    /* ========================================
       SPACING & SIZING
       ======================================== */
    --rz-border-radius: 4px;
    --rz-border-radius-0: 0;
    --rz-border-radius-1: 0.25rem;
    --rz-border-radius-2: 0.5rem;
    --rz-border-radius-3: 0.75rem;
    --rz-border-radius-4: 1rem;
    --rz-border-radius-5: 1.25rem;
    --rz-border-radius-6: 1.5rem;
    --rz-border-radius-7: 1.75rem;
    --rz-border-radius-8: 2rem;
    --rz-border-radius-9: 2.25rem;
    --rz-border-radius-10: 2.5rem;
    --rz-border-radius-full: 9999px !important;
    --rz-button-border-radius: var(--rz-border-radius-8);
    --rz-input-border-radius: 4px !important;
    --rz-card-border-radius: 8px !important;
    /* ========================================
       SHADOWS
       ======================================== */
    --rz-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.12) !important;
    --rz-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.12) !important;
    --rz-shadow-3: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
    --rz-shadow-4: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
    --rz-shadow-5: 0 12px 32px rgba(0, 0, 0, 0.12) !important;
    /* ========================================
       TRANSITIONS
       ======================================== */
    --rz-transition-duration: 0.3s !important;
    --rz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    /* ========================================
       TYPOGRAPHY
       ======================================== */
    --rz-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    --rz-font-size-base: 14px !important;
    --rz-font-weight-normal: 400 !important;
    --rz-font-weight-medium: 500 !important;
    --rz-font-weight-bold: 700 !important;
    --rz-line-height-base: 1.5 !important;
    /* ========================================
       Z-INDEX LEVELS
       ======================================== */
    --rz-zindex-dropdown: 1000 !important;
    --rz-zindex-sticky: 1020 !important;
    --rz-zindex-fixed: 1030 !important;
    --rz-zindex-modal-backdrop: 1040 !important;
    --rz-zindex-modal: 1050 !important;
    --rz-zindex-popover: 1060 !important;
    --rz-zindex-tooltip: 1070 !important;
}

.rz-header {
    background-color: #fff !important;
}

.rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover {
    color: var(--rz-white);
    background-color: var(--rz-primary)
}

.rz-button-md {
    padding: 0.5rem 1rem;
    height: auto;
    line-height: 1.25rem;
    min-height: 2.25rem;
    min-width: 2.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 1.25px;
    text-transform: none;
}

.rz-menu-button {
    color: #444 !important;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .rz-menu-button:hover {
        color: var(--rz-primary) !important;
    }

/* Active menu item styling - matches screenshot */
.rz-button.active-menu-item {
    background-color: var(--rz-primary-lighter) !important;
    color: var(--rz-primary) !important;
}

    .rz-button.active-menu-item:hover {
        background-color: #fce8d3 !important;
        color: var(--rz-primary) !important;
    }