/* Custom theme colors for new branding */
:root {
    --primary-color: #B09E80;
    --primary-color-hover: #9d8a6e;
    --primary-color-light: #c8b298;
    --secondary-color: #5a5b5d;
    --secondary-color-hover: #474849;
    --secondary-color-light: #7a7b7d;
}

/* Override Radzen theme colors */
.rz-button-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

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

/* Headers and titles */
.rz-panel-titlebar {
    background-color: var(--secondary-color) !important;
    color: white !important;
}

/* Navigation and menu items */
.rz-navigation-item-link:hover {
    background-color: var(--primary-color-light) !important;
    color: white !important;
}

.rz-navigation-item-link.rz-state-active {
    background-color: var(--primary-color) !important;
    color: white !important;
}

/* Form elements focus state */
.rz-textbox:focus,
.rz-dropdown:focus,
.rz-textarea:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(176, 158, 128, 0.25) !important;
}

/* DataGrid headers */
.rz-datatable-thead th,
.rz-grid-table thead th {
    border-bottom-color: var(--primary-color) !important;
}

/* Selected rows */
.rz-selectable .rz-datatable-even.rz-state-highlight > td,
.rz-selectable .rz-datatable-odd.rz-state-highlight > td {
    background-color: var(--primary-color-light) !important;
    color: var(--secondary-color) !important;
}

/* Links and actions */
a {
    color: var(--secondary-color);
    transition: color 0.2s ease;
}

a:hover {
    color: var(--primary-color);
}

/* Badges and status indicators */
.rz-badge-primary {
    background-color: var(--primary-color) !important;
}

/* Progress bars */
.rz-progressbar-value {
    background-color: var(--primary-color) !important;
}

/* Tooltips */
.rz-tooltip {
    background-color: var(--secondary-color) !important;
}

/* Dialog headers */
.rz-dialog-titlebar {
    background-color: var(--secondary-color) !important;
}

/* Custom scrollbar */
::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary-color-hover);
}

/* Radzen Sidebar Styling */
.rz-sidebar {
    background-color: #f9f9f9 !important;
    border-right: 1px solid var(--primary-color-light) !important;
}

.rz-sidebar-expanded {
    background-color: #f9f9f9 !important;
}

/* Override the blue sidebar background */
.rz-sidebar,
.rz-layout .rz-sidebar,
.page .rz-sidebar {
    background: linear-gradient(180deg, #f9f9f9 0%, #f5f3f0 100%) !important;
    background-color: #f9f9f9 !important;
}

/* Override any remaining sidebar gradient */
.sidebar {
    background-image: linear-gradient(180deg, #f9f9f9 0%, #f5f3f0 100%) !important;
}

/* Force override ALL sidebar backgrounds */
.rz-sidebar,
.rz-layout .rz-sidebar,
.page .rz-sidebar,
.sidebar,
div[class*="sidebar"] {
    background: #f9f9f9 !important;
    background-color: #f9f9f9 !important;
    background-image: none !important;
}

/* Fix the blue progress bar at bottom */
.rz-progressbar-value,
.rz-progressbar-indeterminate-primary::before {
    background-color: var(--primary-color) !important;
    background: var(--primary-color) !important;
}

/* Fix any blue backgrounds in layout */
.rz-layout {
    --rz-primary: var(--primary-color) !important;
    --rz-primary-light: var(--primary-color-light) !important;
    --rz-primary-dark: var(--primary-color-hover) !important;
}

/* Override Radzen default blue theme colors */
.rz-default {
    --rz-primary: #B09E80 !important;
    --rz-primary-light: #c8b298 !important;
    --rz-primary-dark: #9d8a6e !important;
    --rz-primary-darker: #8a7862 !important;
    --rz-primary-lighter: #d4c4ae !important;
}

/* Fix blue selection and highlight colors */
::selection {
    background-color: rgba(176, 158, 128, 0.3) !important;
}

::-moz-selection {
    background-color: rgba(176, 158, 128, 0.3) !important;
}

/* Sidebar content card */
.rz-sidebar .rz-card {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Header styling */
.rz-header {
    background-color: white !important;
    border-bottom: 2px solid var(--primary-color) !important;
    box-shadow: 0 2px 4px rgba(90, 91, 93, 0.1) !important;
}

/* Worker Profile Panel */
.radzenSidebarToggleClass {
    color: var(--secondary-color) !important;
}

/* Dashboard Cards */
.dashboardShortCut {
    border: 1px solid #e0e0e0 !important;
    transition: all 0.3s ease;
}

.dashboardShortCut:hover {
    border-color: var(--primary-color) !important;
    box-shadow: 0 4px 12px rgba(176, 158, 128, 0.2) !important;
    transform: translateY(-2px);
}

/* Team boxes */
.teamBox:hover {
    background-color: rgba(176, 158, 128, 0.1) !important;
    box-shadow: 0 0 8px 2px rgba(176, 158, 128, 0.3) !important;
    border-color: var(--primary-color) !important;
}

.teamboxInner {
    background-color: rgba(176, 158, 128, 0.08) !important;
    border: 1px solid var(--primary-color-light) !important;
}

/* Form focus states */
.rz-textbox:focus,
.rz-dropdown:focus,
.rz-textarea:focus,
.rz-spinner:focus,
.rz-calendar .rz-inputtext:focus {
    border-left-color: var(--primary-color) !important;
    background-color: #fafafa !important;
}

/* Buttons hover states */
.ESS_button:hover {
    background-color: var(--primary-color-hover) !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 12px rgba(176, 158, 128, 0.2) !important;
}

/* Navigation items */
.navigationHeader {
    color: var(--secondary-color) !important;
}

/* Info strips and alerts */
.rz-alert-info {
    background-color: rgba(176, 158, 128, 0.1) !important;
    border-color: var(--primary-color) !important;
    color: var(--secondary-color) !important;
}

/* Radzen specific overrides */
.rz-state-highlight {
    background-color: var(--primary-color-light) !important;
}

.rz-paginator .rz-paginator-element.rz-state-active {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* Dialog buttons */
.rz-dialog-buttons button.rz-button-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.rz-dialog-buttons button.rz-button-primary:hover {
    background-color: var(--primary-color-hover) !important;
    border-color: var(--primary-color-hover) !important;
}

/* Footer styling */
.rz-footer {
    background-color: #f5f3f0 !important;
    border-top: 1px solid var(--primary-color-light) !important;
}

/* Welcome message */
p[style*="background-color: #e9e9e966"] {
    background-color: rgba(176, 158, 128, 0.1) !important;
    border-color: var(--primary-color-light) !important;
}

/* Additional Radzen overrides for consistency */
.rz-button {
    transition: all 0.2s ease;
}

.rz-button:hover {
    transform: translateY(-1px);
}

/* Radzen menu items */
.rz-menu-item:hover {
    background-color: rgba(176, 158, 128, 0.1) !important;
}

.rz-menu-item-active {
    background-color: var(--primary-color) !important;
    color: white !important;
}

/* Input group styling */
.rz-inputgroup-addon {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: white !important;
}

/* Notification styling */
.rz-notification-success {
    background-color: #28a745 !important;
}

.rz-notification-info {
    background-color: var(--primary-color) !important;
}

/* Grid alternating rows */
.rz-datatable-even {
    background-color: #fafafa !important;
}

.rz-datatable-odd {
    background-color: white !important;
}

/* Improve contrast for better readability */
.rz-text-disabled {
    color: #999 !important;
}

/* Calendar styling */
.rz-datepicker-calendar td.rz-state-active {
    background-color: var(--primary-color) !important;
}

.rz-datepicker-calendar td:hover {
    background-color: var(--primary-color-light) !important;
}

/* Dropdown items */
.rz-dropdown-item:hover {
    background-color: rgba(176, 158, 128, 0.1) !important;
}

.rz-dropdown-item-selected {
    background-color: var(--primary-color-light) !important;
}

/* Stepper component */
.rz-steps-item.rz-state-active .rz-steps-number {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* Toggle/Switch styling */
.rz-switch-checked .rz-switch-circle {
    background-color: var(--primary-color) !important;
}

/* Tree component */
.rz-treenode-content:hover {
    background-color: rgba(176, 158, 128, 0.1) !important;
}

.rz-treenode-content.rz-state-focused {
    background-color: var(--primary-color-light) !important;
}

/* Login button - center text only */
.rz-button.btn,
.rz-button.btn .rz-button-text,
.btn,
.btn span {
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

.rz-button.btn .rz-button-text {
    margin: 0 auto !important;
}

/* Tabs */
.rz-tabview-nav li.rz-tabview-selected a {
    color: var(--primary-color) !important;
    border-bottom-color: var(--primary-color) !important;
}

/* Cards hover effect */
.rz-card:hover {
    box-shadow: 0 4px 8px rgba(90, 91, 93, 0.15) !important;
    border-color: var(--primary-color-light) !important;
}

/* Custom button styles */
.btn-secondary {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: white !important;
}

.btn-secondary:hover {
    background-color: var(--secondary-color-hover) !important;
    border-color: var(--secondary-color-hover) !important;
}

/* Loading spinner */
.rz-spinner {
    border-top-color: var(--primary-color) !important;
}

/* Breadcrumb */
.rz-breadcrumb-item a {
    color: var(--secondary-color) !important;
}

.rz-breadcrumb-item a:hover {
    color: var(--primary-color) !important;
}