html, body {
    height: 100%;
}

app {
    display: block;
    height: 100%;
}

.header-logo {
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask: url('../images/Logo.svg');
    mask: url('../images/Logo.svg');
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 28px;
    height: 24px;
}

#blazor-error-ui {
    background: inherit;
    bottom: 0;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100001;
}.regie-calendar { padding: 1rem; }
.regie-calendar fieldset { border: 1px solid #cbd5e1; border-radius: .6rem; padding: 1rem; margin: 1rem 0; }
.regie-calendar label { display: inline-flex; gap: .5rem; align-items: center; margin: .5rem; }
.regie-calendar input, .regie-calendar select { padding: .4rem; max-width: 100%; }
.regie-calendar .regie-person { white-space: nowrap; }
.regie-planning-forms { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1rem; }
.regie-planning-forms label { display: flex; flex-wrap: wrap; }
.regie-notice { padding: .7rem; border-left: 4px solid teal; background: #effafa; color: #163b3b; }
.regie-legend, .regie-leave { margin: .75rem 0; }