/* Ink & Vermilion (AditiKraft). Warm Paper #F7F4ED, Dark Ink #202724, Vermilion #BD3E2D. Shared by the split and single hosts. */
:root {
    color-scheme: light;
    --kr-primary: #BD3E2D;
    --kr-primary-hover: #A73526;
    --kr-primary-active: #8E2D21;
    --kr-primary-border: transparent;
    --kr-link: #BD3E2D;
    --kr-link-hover: #A73526;
    --kr-link-active: #8E2D21;
    --kr-link-visited: #7D3F36;
    --kr-selected: #F5E2DA;
    --kr-on-selected: #8E2D21;
    --kr-bg: #F7F4ED;
    --kr-surface: #FFFFFF;
    --kr-elevated: #FFFFFF;
    --kr-subtle: #EEEDE5;
    --kr-hover: #F7F4ED;
    --kr-text: #202724;
    --kr-text-secondary: #555D54;
    --kr-muted: #62695E;
    --kr-disabled: #92988C;
    --kr-border: #D3D5C9;
    --kr-border-strong: #7C8276;
    --kr-focus: #BD3E2D;
    --kr-overlay: rgba(32, 39, 36, 0.60);
    --kr-success: #28633E;
    --kr-success-soft: #E6EFE4;
    --kr-success-strong: #214E32;
    --kr-warning: #855115;
    --kr-warning-soft: #F5EACF;
    --kr-warning-strong: #6B4111;
    --kr-error: #9F243D;
    --kr-error-soft: #F6E3E7;
    --kr-error-strong: #831D34;
    --kr-info: #345F7A;
    --kr-info-soft: #E4ECF1;
    --kr-info-strong: #294B60;
    --kr-shadow-sm: 0 1px 2px rgba(32, 39, 36, 0.05);
    --kr-shadow-raised: 0 8px 24px rgba(32, 39, 36, 0.08);
    --kr-font-sans: 'Inter', system-ui, sans-serif;
}

/* Radzen changes this link when the saved or system theme changes. */
:root:has(#radzen-theme-link[href*="dark"]) {
    color-scheme: dark;
    --kr-primary-border: #F08E78;
    --kr-link: #F08E78;
    --kr-link-hover: #F4AB99;
    --kr-link-active: #F7C5B8;
    --kr-link-visited: #D7ADA4;
    --kr-selected: #3C2823;
    --kr-on-selected: #F4AB99;
    --kr-bg: #202020;
    --kr-surface: #292929;
    --kr-elevated: #333333;
    --kr-subtle: #333333;
    --kr-hover: #3A3A3A;
    --kr-text: #F7F4ED;
    --kr-text-secondary: #CCCAC4;
    --kr-muted: #B8B5AE;
    --kr-disabled: #807D77;
    --kr-border: #4A4A48;
    --kr-border-strong: #96938C;
    --kr-focus: #F08E78;
    --kr-overlay: rgba(16, 16, 16, 0.72);
    --kr-success: #A3D6AE;
    --kr-success-soft: #223B2B;
    --kr-success-strong: #C1E6C7;
    --kr-warning: #E8C078;
    --kr-warning-soft: #403322;
    --kr-warning-strong: #F1D39D;
    --kr-error: #F0A4B4;
    --kr-error-soft: #432A33;
    --kr-error-strong: #F5C0CB;
    --kr-info: #A6C7DF;
    --kr-info-soft: #263640;
    --kr-info-strong: #C3DBEA;
    --kr-shadow-sm: 0 1px 2px rgba(16, 16, 16, 0.24);
    --kr-shadow-raised: 0 12px 32px rgba(16, 16, 16, 0.30);
}

/* Map the brand to Radzen's existing component API. */
:root {
    --rz-success: #28633E;
    --rz-success-light: #28633E;
    --rz-success-lighter: var(--kr-success-soft);
    --rz-success-dark: #214E32;
    --rz-success-darker: #214E32;
    --rz-on-success: #FFFFFF;
    --rz-on-success-light: #FFFFFF;
    --rz-on-success-lighter: var(--kr-success-strong);
    --rz-on-success-dark: #FFFFFF;
    --rz-on-success-darker: #FFFFFF;
    --rz-notification-success-color: var(--kr-success-strong);
    --rz-notification-success-background-color: var(--kr-success-soft);
    --rz-notification-success-icon-color: var(--kr-success-strong);
    --rz-warning: #855115;
    --rz-warning-light: #855115;
    --rz-warning-lighter: var(--kr-warning-soft);
    --rz-warning-dark: #6B4111;
    --rz-warning-darker: #6B4111;
    --rz-on-warning: #FFFFFF;
    --rz-on-warning-light: #FFFFFF;
    --rz-on-warning-lighter: var(--kr-warning-strong);
    --rz-on-warning-dark: #FFFFFF;
    --rz-on-warning-darker: #FFFFFF;
    --rz-notification-warning-color: var(--kr-warning-strong);
    --rz-notification-warning-background-color: var(--kr-warning-soft);
    --rz-notification-warning-icon-color: var(--kr-warning-strong);
    --rz-danger: #9F243D;
    --rz-danger-light: #9F243D;
    --rz-danger-lighter: var(--kr-error-soft);
    --rz-danger-dark: #831D34;
    --rz-danger-darker: #831D34;
    --rz-on-danger: #FFFFFF;
    --rz-on-danger-light: #FFFFFF;
    --rz-on-danger-lighter: var(--kr-error-strong);
    --rz-on-danger-dark: #FFFFFF;
    --rz-on-danger-darker: #FFFFFF;
    --rz-notification-error-color: var(--kr-error-strong);
    --rz-notification-error-background-color: var(--kr-error-soft);
    --rz-notification-error-icon-color: var(--kr-error-strong);
    --rz-info: #345F7A;
    --rz-info-light: #345F7A;
    --rz-info-lighter: var(--kr-info-soft);
    --rz-info-dark: #294B60;
    --rz-info-darker: #294B60;
    --rz-on-info: #FFFFFF;
    --rz-on-info-light: #FFFFFF;
    --rz-on-info-lighter: var(--kr-info-strong);
    --rz-on-info-dark: #FFFFFF;
    --rz-on-info-darker: #FFFFFF;
    --rz-notification-info-color: var(--kr-info-strong);
    --rz-notification-info-background-color: var(--kr-info-soft);
    --rz-notification-info-icon-color: var(--kr-info-strong);
    --rz-text-display-h1-font-size: 2.5rem;
    --rz-text-display-h1-line-height: 2.75rem;
    --rz-text-display-h1-font-weight: 700;
    --rz-text-display-h1-letter-spacing: normal;
    --rz-text-display-h2-font-size: 2.25rem;
    --rz-text-display-h2-line-height: 2.5rem;
    --rz-text-display-h2-font-weight: 700;
    --rz-text-display-h2-letter-spacing: normal;
    --rz-text-display-h3-font-size: 2rem;
    --rz-text-display-h3-line-height: 2.25rem;
    --rz-text-display-h3-font-weight: 700;
    --rz-text-display-h3-letter-spacing: normal;
    --rz-text-display-h4-font-size: 1.75rem;
    --rz-text-display-h4-line-height: 2rem;
    --rz-text-display-h4-font-weight: 700;
    --rz-text-display-h4-letter-spacing: normal;
    --rz-text-h1-font-size: 1.875rem;
    --rz-text-h1-line-height: 2.25rem;
    --rz-text-h1-font-weight: 700;
    --rz-text-h1-letter-spacing: normal;
    --rz-text-h2-font-size: 1.5rem;
    --rz-text-h2-line-height: 2rem;
    --rz-text-h2-font-weight: 650;
    --rz-text-h2-letter-spacing: normal;
    --rz-text-h3-font-size: 1.25rem;
    --rz-text-h3-line-height: 1.75rem;
    --rz-text-h3-font-weight: 600;
    --rz-text-h3-letter-spacing: normal;
    --rz-text-h4-font-size: 1.125rem;
    --rz-text-h4-line-height: 1.5rem;
    --rz-text-h4-font-weight: 600;
    --rz-text-h4-letter-spacing: normal;
    --rz-text-h5-font-size: 1.125rem;
    --rz-text-h5-line-height: 1.5rem;
    --rz-text-h5-font-weight: 600;
    --rz-text-h5-letter-spacing: normal;
    --rz-text-h6-font-size: 1rem;
    --rz-text-h6-line-height: 1.5rem;
    --rz-text-h6-font-weight: 600;
    --rz-text-h6-letter-spacing: normal;
    --rz-text-body1-font-size: 0.875rem;
    --rz-text-body1-line-height: 1.25rem;
    --rz-text-body1-font-weight: 400;
    --rz-text-body1-letter-spacing: normal;
    --rz-text-body2-font-size: 0.875rem;
    --rz-text-body2-line-height: 1.25rem;
    --rz-text-body2-font-weight: 400;
    --rz-text-body2-letter-spacing: normal;
    --rz-text-subtitle1-font-size: 1rem;
    --rz-text-subtitle1-line-height: 1.5rem;
    --rz-text-subtitle1-font-weight: 400;
    --rz-text-subtitle1-letter-spacing: normal;
    --rz-text-subtitle2-font-size: 0.875rem;
    --rz-text-subtitle2-line-height: 1.25rem;
    --rz-text-subtitle2-font-weight: 500;
    --rz-text-subtitle2-letter-spacing: normal;
    --rz-text-caption-font-size: 0.75rem;
    --rz-text-caption-line-height: 1rem;
    --rz-text-caption-font-weight: 500;
    --rz-text-caption-letter-spacing: normal;
    --rz-primary: var(--kr-primary);
    --rz-primary-light: var(--kr-primary-hover);
    --rz-primary-lighter: var(--kr-selected);
    --rz-primary-dark: var(--kr-primary-hover);
    --rz-primary-darker: var(--kr-primary-active);
    --rz-on-primary: #FFFFFF;
    --rz-on-primary-light: #FFFFFF;
    --rz-on-primary-lighter: var(--kr-on-selected);
    --rz-on-primary-dark: #FFFFFF;
    --rz-on-primary-darker: #FFFFFF;
    --rz-secondary: var(--kr-text-secondary);
    --rz-secondary-light: var(--kr-muted);
    --rz-secondary-lighter: var(--kr-subtle);
    --rz-secondary-dark: var(--kr-text);
    --rz-secondary-darker: var(--kr-text);
    --rz-on-secondary: var(--kr-surface);
    --rz-on-secondary-lighter: var(--kr-text-secondary);
    --rz-base-50: var(--kr-surface);
    --rz-base-100: var(--kr-bg);
    --rz-base-200: var(--kr-subtle);
    --rz-base-300: var(--kr-border);
    --rz-base-400: var(--kr-border-strong);
    --rz-base-500: var(--kr-disabled);
    --rz-base-600: var(--kr-muted);
    --rz-base-700: var(--kr-text-secondary);
    --rz-base-800: var(--kr-text);
    --rz-base-900: var(--kr-text);
    --rz-base-background-color: var(--kr-surface);
    --rz-base-light: var(--kr-border);
    --rz-base-lighter: var(--kr-subtle);
    --rz-base-dark: var(--kr-text-secondary);
    --rz-base-darker: var(--kr-text);
    --rz-body-background-color: var(--kr-bg);
    --rz-text-font-family: var(--kr-font-sans);
    --rz-body-font-size: 0.875rem;
    --rz-body-line-height: 1.429;
    --rz-text-title-color: var(--kr-text);
    --rz-text-color: var(--kr-text);
    --rz-text-secondary-color: var(--kr-text-secondary);
    --rz-text-tertiary-color: var(--kr-muted);
    --rz-text-disabled-color: var(--kr-disabled);
    --rz-link-color: var(--kr-link);
    --rz-link-hover-color: var(--kr-link-hover);
    --rz-border-radius: 4px;
    --rz-border-normal: 1px solid var(--kr-border);
    --rz-border-disabled: 1px solid var(--kr-border);
    --rz-outline-focus: 2px solid var(--kr-focus);
    --rz-outline-offset: 2px;
    --rz-transition: 150ms cubic-bezier(0.2, 0, 0, 1);
    --rz-transition-all: color var(--rz-transition), background-color var(--rz-transition), border-color var(--rz-transition);
    --rz-icon-size: 1.125rem;
    --rz-layout-body-padding: 0.75rem;
    --rz-layout-body-margin: 0;
    --rz-header-min-height: 2.75rem;
    --rz-sidebar-width: 232px;
    --rz-button-border-radius: 4px;
    --rz-button-shadow: none;
    --rz-button-hover-shadow: none;
    --rz-button-active-shadow: none;
    --rz-button-hover-gradient: none;
    --rz-button-focus-gradient: none;
    --rz-button-active-gradient: none;
    --rz-button-base-background-color: var(--kr-subtle);
    --rz-button-base-color: var(--kr-text);
    --rz-input-height: 2rem;
    --rz-input-border: 1px solid var(--kr-border-strong);
    --rz-input-hover-border: 1px solid var(--kr-muted);
    --rz-input-focus-border: 1px solid var(--kr-focus);
    --rz-input-focus-shadow: none;
    --rz-input-focus-outline: 2px solid var(--kr-focus);
    --rz-input-focus-outline-offset: 2px;
    --rz-input-disabled-color: var(--kr-disabled);
    --rz-input-disabled-background-color: var(--kr-subtle);
    --rz-input-disabled-opacity: 1;
    --rz-card-background-color: var(--kr-surface);
    --rz-card-border: 1px solid var(--kr-border);
    --rz-card-border-radius: 8px;
    --rz-card-padding: 1rem;
    --rz-card-shadow: var(--kr-shadow-sm);
    --rz-header-background-color: var(--kr-surface);
    --rz-header-color: var(--kr-text);
    --rz-header-border: 1px solid var(--kr-border);
    --rz-header-shadow: none;
    --rz-sidebar-background-color: var(--kr-surface);
    --rz-sidebar-color: var(--kr-text);
    --rz-sidebar-border-inline-end: 1px solid var(--kr-border);
    --rz-footer-background-color: var(--kr-surface);
    --rz-footer-color: var(--kr-muted);
    --rz-dialog-background-color: var(--kr-elevated);
    --rz-dialog-title-background-color: var(--kr-elevated);
    --rz-dialog-title-border: 1px solid var(--kr-border);
    --rz-dialog-transition: 200ms cubic-bezier(0.2, 0, 0, 1);
    --rz-dialog-border-radius: 12px;
    --rz-dialog-shadow: var(--kr-shadow-raised);
    --rz-dialog-content-padding: 1rem;
    --rz-dialog-title-font-size: 1.125rem;
    --rz-dialog-title-line-height: 1.5rem;
    --rz-dialog-title-padding-block: 0.875rem 0.375rem;
    --rz-dialog-title-padding-inline: 1rem;
    --rz-overlay-background-color: var(--kr-elevated);
    --rz-overlay-shadow: var(--kr-shadow-raised);
    --rz-grid-header-background-color: var(--kr-subtle);
    --rz-grid-frozen-cell-background-color: var(--kr-surface);
    --rz-grid-frozen-cell-border: var(--rz-border-normal);
    --rz-grid-loading-indicator-color: var(--kr-link);
    --rz-grid-loading-indicator-background-color: var(--kr-surface);
    --rz-grid-loading-indicator-background-opacity: 0.15;
    --rz-grid-stripe-background-color: var(--kr-surface);
    --rz-grid-stripe-odd-background-color: var(--kr-surface);
    --rz-grid-cell-font-size: 0.8125rem;
    --rz-grid-cell-line-height: 1.25rem;
    --rz-grid-cell-padding: 0.25rem 0.5rem;
    --rz-grid-header-font-size: 0.75rem;
    --rz-grid-header-cell-padding: 0.25rem 0;
    --rz-grid-header-padding: 0.25rem 0.625rem;
    --rz-pager-padding: 0.25rem;
    --rz-pager-gap: 0.25rem;
    --rz-pager-summary-padding: 0.5rem;
    --rz-footer-padding: 0.5rem 0.75rem;
    --rz-sidebar-toggle-padding: 0.5rem;
    --rz-sidebar-toggle-margin-inline-end: 0.5rem;
    --rz-form-field-margin-block: 0.5rem 0;
    --rz-input-padding-block: 0.3125rem;
    --rz-input-padding-inline: 0.5rem;
    --rz-dropdown-item-padding: 0.375rem 0.5rem;
    --rz-notification-padding: 0.75rem 1rem;
    --rz-alert-padding: 0.75rem;
    --rz-grid-filter-padding: 0.375rem 0.5rem;
    --rz-grid-filter-gap: 0.5rem;
    --rz-grid-filter-buttons-padding: 0 0.75rem 0.75rem;
    --rz-pager-numeric-button-padding: 0.3125rem;
    --rz-pager-numeric-button-selected-padding: 0.3125rem;
    --rz-pager-numeric-button-min-width: 2rem;
    --rz-panel-menu-item-padding-block: 0.5rem;
    --rz-panel-menu-item-padding-inline: 0.75rem;
    --rz-panel-menu-item-2nd-level-padding-block: 0.375rem;
    --rz-panel-menu-item-2nd-level-padding-inline: 0.75rem;
    --rz-panel-menu-item-color: var(--kr-text-secondary);
    --rz-panel-menu-item-background-color: var(--kr-surface);
    --rz-panel-menu-item-border: 1px solid transparent;
    --rz-panel-menu-item-hover-color: var(--kr-text);
    --rz-panel-menu-item-hover-background-color: var(--kr-hover);
    --rz-panel-menu-item-active-color: var(--kr-on-selected);
    --rz-panel-menu-item-active-background-color: var(--kr-selected);
    --rz-panel-menu-item-active-indicator: var(--kr-primary);
    --rz-panel-menu-icon-color: inherit;
    --rz-panel-menu-item-2nd-level-background-color: var(--kr-surface);
    --rz-panel-menu-item-2nd-level-hover-background-color: var(--kr-hover);
    --rz-panel-menu-item-2nd-level-active-color: var(--kr-on-selected);
    --rz-panel-menu-item-2nd-level-active-background-color: var(--kr-selected);
    --rz-panel-menu-item-3rd-level-background-color: var(--kr-surface);
    --rz-panel-menu-item-3rd-level-hover-background-color: var(--kr-hover);
    --rz-panel-menu-item-3rd-level-active-color: var(--kr-on-selected);
    --rz-panel-menu-item-3rd-level-active-background-color: var(--kr-selected);
}

/* Radzen's dark base scale conflicts with the shared semantic palette. */
:root:has(#radzen-theme-link[href*="dark"]) {
    --kr-grid-border: #4A4A48;
    --rz-grid-cell-border: 1px solid var(--kr-grid-border);
    --rz-grid-right-cell-border: var(--rz-grid-cell-border);
    --rz-grid-bottom-cell-border: var(--rz-grid-cell-border);
    --rz-grid-header-cell-border: var(--rz-grid-cell-border);
    --rz-grid-header-cell-border-bottom: var(--rz-grid-cell-border);
    --rz-grid-frozen-cell-border: var(--rz-grid-cell-border);
    --rz-grid-data-border-shadow: 0 1px 0 0 var(--kr-grid-border), 0 -1px 0 0 var(--kr-grid-border);
    --rz-grid-header-background-color: var(--kr-hover);
    --rz-grid-header-sorted-background-color: var(--rz-grid-header-background-color);
    --rz-grid-filter-color: var(--kr-text-secondary);
    --rz-grid-sort-icon-color: var(--kr-link);
    --rz-grid-header-filter-icon-active-color: var(--kr-link);
    --rz-grid-filter-background-color: var(--kr-elevated);
    --rz-grid-filter-buttons-background-color: var(--kr-elevated);
    --rz-grid-clear-filter-button-background-color: var(--kr-hover);
    --rz-grid-clear-filter-button-color: var(--kr-text);
}

html,
body {
    font-family: var(--kr-font-sans);
    font-size: 0.875rem;
    line-height: 1.429;
    background: var(--kr-bg);
    color: var(--kr-text);
}

html {
    -webkit-font-smoothing: antialiased;
}

h1 {
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 700;
}

h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 650;
}

h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
}

h4 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
}

a,
.btn-link {
    color: var(--kr-link);
}

a:hover,
.btn-link:hover {
    color: var(--kr-link-hover);
}

a:active,
.btn-link:active {
    color: var(--kr-link-active);
}

article a:visited,
.rz-html a:visited,
.kr-docs a:visited {
    color: var(--kr-link-visited);
}

::selection {
    background: var(--kr-selected);
    color: var(--kr-on-selected);
}

:focus-visible {
    outline: 2px solid var(--kr-focus);
    outline-offset: 2px;
}

h1:focus {
    outline: none;
}

.rz-button.rz-button-md,
.btn {
    min-height: 2rem;
    padding: 0.375rem 0.875rem;
    border-radius: 4px;
}

.rz-button.rz-button-lg,
.btn-lg {
    min-height: 2.5rem;
    border-radius: 4px;
}

.rz-button.rz-primary:not(.rz-variant-outlined):not(.rz-variant-text):not(:disabled):not(.rz-state-disabled),
.btn-primary:not(:disabled) {
    background: var(--kr-primary);
    border: 1px solid var(--kr-primary-border);
    color: #FFFFFF;
}

.rz-button.rz-primary:not(.rz-variant-outlined):not(.rz-variant-text):hover:not(:disabled):not(.rz-state-disabled),
.btn-primary:hover:not(:disabled) {
    background: var(--kr-primary-hover);
    border-color: var(--kr-primary-border);
    color: #FFFFFF;
}

.rz-button.rz-primary:not(.rz-variant-outlined):not(.rz-variant-text):active:not(:disabled):not(.rz-state-disabled),
.btn-primary:active:not(:disabled) {
    background: var(--kr-primary-active);
    border-color: var(--kr-primary-border);
    color: #FFFFFF;
}

/* Keep keyboard focus separate from the primary button boundary. */
.rz-button.rz-primary:not(:disabled):not(.rz-state-disabled):focus-visible,
.btn-primary:focus-visible {
    outline: 2px solid var(--kr-focus);
    outline-offset: 2px;
}

.rz-button:disabled,
.rz-button.rz-state-disabled,
.btn:disabled {
    background: var(--kr-subtle);
    border-color: var(--kr-border);
    color: var(--kr-disabled);
    box-shadow: none;
    opacity: 1;
}

.form-control {
    background: var(--kr-surface);
    color: var(--kr-text);
    border: 1px solid var(--kr-border-strong);
    border-radius: 4px;
}

.form-control:focus {
    background: var(--kr-surface);
    color: var(--kr-text);
    border-color: var(--kr-focus);
    outline: 2px solid var(--kr-focus);
    outline-offset: 2px;
    box-shadow: none;
}

.form-control::placeholder {
    color: var(--kr-muted);
}

.valid.modified:not([type=checkbox]) {
    border-color: var(--kr-success);
}

.invalid {
    border-color: var(--kr-error);
}

.validation-message {
    color: var(--kr-error);
    font-size: 0.875rem;
}

.rz-card {
    border: 1px solid var(--kr-border);
}

.rz-dialog {
    border: 1px solid var(--kr-border);
}

.rz-dialog-mask {
    background: var(--kr-overlay);
    opacity: 1;
}

.rz-body {
    min-width: 0;
}

.rz-body>.rz-row:not(.kr-auth-panel) {
    max-width: 1440px;
    margin-inline: auto;
}

.rz-datatable thead th {
    font-weight: 600;
}

.rz-grid-table thead {
    --rz-grid-frozen-cell-background-color: var(--rz-grid-header-background-color);
}

.rz-button.rz-primary.rz-variant-text,
.rz-button.rz-primary.rz-variant-outlined {
    color: var(--kr-link);
}

.rz-color-primary {
    color: var(--kr-link) !important;
}

.rz-button.rz-primary.rz-variant-outlined {
    border-color: var(--kr-link);
}

.rz-button.rz-success.rz-variant-text,
.rz-button.rz-success.rz-variant-outlined {
    color: var(--kr-success);
}

.rz-color-success {
    color: var(--kr-success) !important;
}

.rz-button.rz-success.rz-variant-outlined {
    border-color: var(--kr-success);
}

.rz-button.rz-warning.rz-variant-text,
.rz-button.rz-warning.rz-variant-outlined {
    color: var(--kr-warning);
}

.rz-color-warning {
    color: var(--kr-warning) !important;
}

.rz-button.rz-warning.rz-variant-outlined {
    border-color: var(--kr-warning);
}

.rz-button.rz-danger.rz-variant-text,
.rz-button.rz-danger.rz-variant-outlined {
    color: var(--kr-error);
}

.rz-color-danger {
    color: var(--kr-error) !important;
}

.rz-button.rz-danger.rz-variant-outlined {
    border-color: var(--kr-error);
}

.rz-button.rz-info.rz-variant-text,
.rz-button.rz-info.rz-variant-outlined {
    color: var(--kr-info);
}

.rz-color-info {
    color: var(--kr-info) !important;
}

.rz-button.rz-info.rz-variant-outlined {
    border-color: var(--kr-info);
}

/* Shared login and password panels. */
.kr-auth-panel {
    width: 100%;
    max-width: 880px;
    margin: 24px auto;
    overflow: hidden;
    border: 1px solid var(--kr-border);
    border-radius: 12px;
    background: var(--kr-surface);
    box-shadow: var(--kr-shadow-sm);
}

.kr-auth-panel .rz-card {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 20px;
    height: 100%;
}

.kr-auth-panel .kr-auth-intro {
    background: var(--kr-subtle);
    text-align: start;
    border-inline-start: 4px solid var(--kr-primary);
}

.kr-auth-intro .rz-text-h3 {
    color: var(--kr-text);
}

.app-loading-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.content {
    padding-top: 8px;
}

.blazor-error-boundary {
    background: var(--kr-error-soft);
    color: var(--kr-error-strong);
    border-inline-start: 4px solid var(--kr-error);
    padding: 12px;
    border-radius: 6px;
}

.blazor-error-boundary::after {
    content: "An error has occurred.";
}

@media (max-width: 768px) {
    .kr-auth-panel {
        margin-block: 16px;
    }

    .kr-auth-panel .rz-card {
        padding: 24px;
    }
}

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

@media print {

    .rz-sidebar,
    .rz-header,
    .rz-footer,
    .rz-dialog-mask {
        display: none !important;
    }

    .rz-body {
        margin: 0 !important;
        padding: 0 !important;
    }
}