:root {
    --rz-text-font-family: myriad-variable, sans-serif;
}

.rz-grid-table thead th.rz-text-align-center .rz-column-title,
.rz-grid-table thead th.rz-text-align-right .rz-column-title {
    justify-content: flex-start;
    padding-inline-start: var(--rz-grid-header-title-padding-inline);
}

.rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title,
.rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title {
    padding-inline-start: var(--rz-grid-sort-icon-width);
}

.rz-grid-table thead th .rz-column-title {
    font-size: 0.8rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #1a1a1a;
}

.rz-grid-table.rz-grid-gridlines-vertical > thead > tr:nth-child(odd) > th {
    border-bottom: 2px solid var(--unr-blue);
    border-right: 1px solid var(--unr-background-grey-dark) !important;
    background-color: #dce2ea;
}

.datatable-wrap {
    padding: 3px;
}

.datatable-wrap .rz-datatable td .rz-cell-data {
    padding-top: 0px;
    padding-bottom: 0px;
    white-space: normal;
}

.rz-grid-table td {
    padding: 0.34rem 1rem !important;
}

.grid-no-header .rz-grid-table thead {
    display: none;
}

.grid-no-header .rz-datatable .rz-paginator {
    display: none;
}

.rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(even) > td {
    background-color: var(--rz-grid-background-color);
}

.rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(odd) > td {
    background-color: var(--unr-alternating-grey);
}


.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td {
    background-color: var(--unr-hover-grey-dark);
}

.rz-pager-summary,
.rz-pager .rz-pagesize-text {
    color: #1a1a1a;
}

.rz-paginator-element {
    background-color: var(--rz-grid-stripe-background-color);
}

.rz-col-0 {
    flex: 1 !important;
}

.rz-dialog-wrapper .rz-dialog-stretch {
    width: 90% !important;
}

@media (max-width: 768px) {
    .rz-dialog-wrapper .rz-dialog-stretch:not(.rz-dialog-confirm):not(.rz-dialog-alert) {
        position: absolute;
        width: 90% !important;
        inset-block-start: auto !important;
        border-radius: 0;
    }
}

.rz-dialog-wrapper .rz-dialog-stretch .rz-dialog-content {
    flex: 1 1 auto;
}

.rz-sortable-column > div {
    border: 2px solid transparent;
    border-radius: 4px;
}

.rz-sortable-column > div:focus, .rz-sortable-column > div:hover {
    border: 2px solid #000000;
}

.rz-paginator-element {
    background-color: var(--unr-background-grey);
    outline: 4px solid transparent;
    outline-offset: 0px;
    transition: outline 0s;
    margin: 3px
}

.rz-paginator-element:focus, .rz-paginator-element:hover,
.rz-paginator-first:focus, .rz-paginator-first:hover,
.rz-paginator-prev:focus, .rz-paginator-prev:hover,
.rz-paginator-next:focus, .rz-paginator-element:hover,
.rz-paginator-last:focus, .rz-paginator-last:hover {
    background-color: var(--unr-hover-grey);
    outline: 4px solid var(--unr-hover-grey);
    outline-offset: 0px;
    transition: outline 0s;
    background-image: none !important;
}

.rz-pager-page.rz-state-active {
    background-color: var(--unr-blue) !important;
    color: #ffffff !important;
    background-image: none !important;
}

.rz-state-active:focus, .rz-state-active:hover {
    background-color: var(--unr-hover-grey);
    outline: 4px solid var(--unr-hover-grey);
    outline-offset: 0px;
    transition: outline 0s;
    background-image: none !important;
}

.rz-button-lg .rz-button-box {
    gap: 0.6rem;
}

.rz-calendar .rz-inputtext:read-only {
    background-color: var(--unr-grey-readonly);
}

.preview-form-div .rz-textbox:read-only {
    background-color: var(--rz-input-background-color);
}

.preview-form-div .rz-textarea:read-only {
    background-color: var(--rz-input-background-color);
}

.preview-form-div .rz-chkbox-box.rz-state-active.rz-state-disabled {
    background-color: var(--rz-checkbox-checked-background-color);
    border: var(--rz-checkbox-checked-border);
    opacity: 1;
}

.preview-form-div .rz-radiobutton-box.rz-state-active.rz-state-disabled {
    opacity: 1;
}

a {
    color: #0000EE;
}

.rz-radiobuttonlist-EHS .rz-radiobutton {
    width: 2.75rem;
    height: 2.75rem;
}

.rz-radiobuttonlist-EHS .rz-radiobutton .rz-radiobutton-box .rzi {
    width: 1.8rem;
    height: 1.8rem;
}

.rz-radiobutton-box.rz-state-active.rz-state-disabled {
    opacity: 1;
}

.rz-chkbox {
    width: 1.8rem;
    height: 1.8rem;
    margin: 4px;
}

.rz-chkbox-box {
    width: 1.8rem;
    height: 1.8rem;
}

.rz-chkbox-box .rzi {
    width: 1.8rem;
    height: 1.8rem;
    font-size: 1.8rem;
}

/* ── Legacy Dialog Styles ──────────────────────────────────────────── */
/* Scoped to legacy-dialog class (set via DialogOptions.CssClass)      */
/* and Radzen built-in confirm/alert dialogs.                          */
/* New dialogs opened without legacy-dialog get clean Radzen defaults.  */

.rz-dialog.legacy-dialog,
.rz-dialog-confirm,
.rz-dialog-alert {
    min-height: 60px;
    justify-content: center;
}

@media (max-width: 768px) {
    .rz-dialog.legacy-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) {
        position: absolute;
        width: fit-content !important;
        inset-block-start: auto !important;
        border-radius: 0;
    }
}

.rz-dialog.legacy-dialog .rz-dialog-content {
    background-color: var(--unr-grey-readonly);
}

.rz-dialog.legacy-dialog .rz-dialog-content .rz-html-editor-dialog .rz-form {
    background-color: var(--unr-grey-readonly);
    border: 30px;
}

.rz-dialog-confirm .rz-dialog-content {
    background-color: var(--unr-grey-readonly);
}

.rz-dialog-alert .rz-dialog-content {
    background-color: var(--unr-grey-readonly);
}

.rz-dialog.legacy-dialog .rz-dialog-titlebar {
    background-color: var(--unr-card);
    margin-top: -4px;
    visibility: hidden;
}

.rz-dialog-content .rz-dialog-confirm-buttons .rz-button.rz-primary {
    outline: 3px solid transparent;
    outline-offset: -1px;
    transition: outline 0s;
}

.rz-dialog-content .rz-dialog-confirm-buttons .rz-button.rz-primary:focus, .rz-dialog-content .rz-dialog-confirm-buttons .rz-button.rz-primary:hover {
    outline: 3px solid var(--unr-primary-hover);
    outline-offset: -1px;
    transition: outline 0s;
    background-color: var(--unr-primary-hover) !important;
    background-image: none !important;
}

.rz-dialog-content .rz-dialog-confirm-buttons .rz-button.rz-base {
    color: var(--rz-on-primary);
    background-color: var(--rz-secondary);
    outline: 3px solid transparent;
    outline-offset: -1px;
    transition: outline 0s;
}

.rz-dialog-content .rz-dialog-confirm-buttons .rz-button.rz-base:focus, .rz-dialog-content .rz-dialog-confirm-buttons .rz-button.rz-base:hover {
    outline: 3px solid var(--unr-secondary-hover);
    outline-offset: -1px;
    transition: outline 0s;
    background-color: var(--unr-secondary-hover) !important;
    background-image: none !important;
}

.rz-dialog-content .rz-dialog-confirm-buttons .rz-button .rz-button-text {
    text-transform: none;
}

.rz-dialog .rz-dialog-titlebar {
    background-color: var(--rz-primary);
    padding: 10px 10px;
}

.rz-dialog .rz-dialog-title {
    color: var(--rz-on-primary);
}

.rz-dialog .rz-dialog-close {
    color: var(--rz-on-primary);
}

.rz-dialog .rz-dialog-close:hover,
.rz-dialog .rz-dialog-close:focus {
    background-color: rgba(255, 255, 255, 0.2);
    color: var(--rz-on-primary);
}

.legacy-dialog .rz-dialog-content {
    background-color: var(--unr-background-grey);
    padding-top: 18px;
    padding-left: 15px;
    padding-right: 15px;
}

.rz-dialog-confirm .rz-dialog-content,
.rz-dialog-alert .rz-dialog-content {
    background-color: var(--unr-grey-filter);
    padding-top: 18px;
    padding-left: 15px;
    padding-right: 15px;
}

/* ── End Legacy Dialog Styles ──────────────────────────────────────── */

.rz-layout::-webkit-scrollbar-thumb,
.rz-layout ::-webkit-scrollbar-thumb,
.rz-scrollbars::-webkit-scrollbar-thumb,
.rz-scrollbars ::-webkit-scrollbar-thumb {
    background-color: var(--unr-background-grey-dark-2)
}

.rz-calendar-view-container .rz-calendar-view td .rz-state-active {
    background-color: var(--unr-blue);
}

.rz-calendar-view-container .rz-calendar-view td .rz-state-active.rz-state-focused {
    background-color: var(--unr-blue);
}

.edit-location-dropdown .rz-dropdown .rz-placeholder {
    color: var(--rz-input-value-color);
}

.dropdown-wrap .rz-dropdown {
    height: 100%;
}

.dropdown-wrap .rz-dropdown .rz-inputtext {
    white-space: normal;
}

.drop-down-filter .rz-dropdown .rz-dropdown-label {
    white-space: normal;
}

.rz-cell-filter .rz-cell-filter-content .filter-template {
    width: 100%
}

.rz-cell-filter .rz-cell-filter-content .rz-row {
    width: 100%
}

.rz-markdown .rz-text-h2 {
    font-size: 30px;
}