:root {
    --rz-grid-header-font-size: 14px;
    --rz-switch-checked-background-color: #7F56D9;
    --rz-switch-background-color: #bdbdbd;
    /*--rz-switch-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.14);*/
    /*--rz-switch-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.14);*/
    --rz-primary: #7F56D9;
}


.rz-switch{
    height: 12px;
    width: 12px;
}

.rz-switch-circle {    
    background: #bdbdbd;
}
    .rz-switch-circle::before {        
        border: 1px solid #7F56D9;        
    }

/*.rz-breadcrumb-item::before {
    content: "\f105";
    margin: 0 5px;
}
*/

/* Confirm dialog styling */
.rz-dialog-confirm {
    border-radius: 16px;
    padding: 24px;
    max-width: 480px;
}

.rz-dialog-confirm .rz-dialog-titlebar {
    padding: 0 0 8px 0;
}

.rz-dialog-confirm .rz-dialog-titlebar .rz-dialog-title {
    font-size: 20px;
    font-weight: 700;
    color: #1d1d1f;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

/* Hide X close button */
.rz-dialog-confirm .rz-dialog-titlebar-close {
    display: none !important;
}

/* Info icon before dialog title */
.rz-dialog-confirm .rz-dialog-titlebar .rz-dialog-title::before {
    content: "\f05a";
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    font-size: 22px;
    color: #7F56D9;
    margin-right: 8px;
    flex-shrink: 0;
    line-height: 1;
}

/* Space between Radzen info icon and title text */
.rz-dialog-confirm .rz-dialog-titlebar .rzi {
    margin-right: 8px;
}

.rz-dialog-confirm .rz-dialog-confirm-message {
    color: #6e6e73;
    font-size: 14px;
    line-height: 1.5;
}

.rz-dialog-confirm-buttons {
    justify-content: space-between;
    flex-direction: row-reverse;
    gap: 12px;
}

.rz-dialog-confirm-buttons .rz-button {
    flex: none !important;
    min-width: 120px;
}

/* Confirm button (OK) - purple bg, white text, rounded - rendered first by Radzen */
.rz-dialog-confirm-buttons .rz-button:first-child {
    background: #7F56D9 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600;
    padding: 8px 24px;
}

.rz-dialog-confirm-buttons .rz-button:first-child:hover {
    background: #6a45c0 !important;
}

/* Cancel button - white bg, grey text, border, rounded - rendered second by Radzen */
.rz-dialog-confirm-buttons .rz-button:last-child {
    background: #fff !important;
    color: #6e6e73 !important;
    border: 1px solid #d2d2d7 !important;
    border-radius: 8px !important;
    font-weight: 600;
    padding: 8px 24px;
}

.rz-dialog-confirm-buttons .rz-button:last-child:hover {
    background: #f5f5f7 !important;
}

/* Tab loading spinner */
.tab-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 200px;
    color: #6e6e73;
    font-size: 14px;
}

.tab-loading .spinner-border {
    color: #7c5cdb;
}


.rz-dropdown-item.rz-state-disabled,
.rz-dropdown-panel .rz-state-disabled {
    color: #6e6e73 !important;
    background-color: #f2f2f5 !important;
    text-decoration: line-through;
    opacity: 1 !important; /* cancel Radzen's global 0.35 opacity on disabled */
    cursor: not-allowed !important;
}
.rz-dropdown-item.rz-state-disabled:hover,
.rz-dropdown-panel .rz-state-disabled:hover {
    background-color: #e9e9ee !important;
    color: #6e6e73 !important;
}

/* DataGrid SimpleWithMenu filter operator dropdown — Radzen renders the operator
   symbol (e.g. "*A*") and the label text in adjacent spans with no gap. Add a
   small inline gap so it reads as "*A*  Contains" instead of "*A*Contains". */
.rz-filter-menu-symbol {
    margin-right: 0.5rem;
}