html,
body {
    margin: 0;
    min-height: 100%;
    background: var(--r-bg-app);
    color: var(--r-text-primary);
    font-family: var(--r-font-family);
    font-size: 14px;
    line-height: 1.45;
}

body {
    overflow: hidden;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

a,
a:visited {
    color: var(--r-accent-primary);
    text-decoration: none;
}

a:hover,
a:focus-visible {
    color: var(--r-text-primary);
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-top: 0;
}

button,
input,
select,
textarea {
    font: inherit;
}

button {
    cursor: pointer;
}

.rz-layout,
.rz-body,
.rz-main,
.rz-content,
.rz-data-grid,
.rz-datatable,
.rz-grid-table {
    font-family: var(--r-font-family) !important;
}

.rz-layout {
    height: 100vh;
    background: var(--r-bg-app) !important;
}

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

.rz-button:not(.riento-inline-edit-button) {
    border-radius: var(--r-radius-sm) !important;
    box-shadow: none !important;
}

.rz-textbox,
.rz-dropdown,
.rz-inputtext,
.rz-numeric input,
.rz-datepicker input {
    background: var(--r-bg-surface-2) !important;
    border: 1px solid var(--r-border-strong) !important;
    color: var(--r-text-primary) !important;
    border-radius: var(--r-radius-sm) !important;
    box-shadow: none !important;
}

.rz-textbox:focus,
.rz-dropdown:focus,
.rz-inputtext:focus,
.rz-numeric input:focus,
.rz-datepicker input:focus {
    border-color: var(--r-accent-focus) !important;
    box-shadow: 0 0 0 2px rgba(154, 167, 180, 0.18) !important;
}

#blazor-error-ui {
    display: none;
    background: var(--r-bg-surface-3);
    border-top: 1px solid var(--r-border-strong);
    color: var(--r-text-primary);
}