html,
body {
    min-height: 100%;
    margin: 0;
    font-family: Roboto, Arial, sans-serif;
    background: #f6f8f8;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #2d8a5f;
}

.invalid {
    outline: 1px solid #b42318;
}

.validation-message {
    color: #b42318;
}

.blazor-error-boundary {
    background: #b42318;
    padding: 1rem;
    color: white;
}

.blazor-error-boundary::after {
    content: "Wystąpił błąd aplikacji.";
}

.nc-panel {
    border: 1px solid #dce4e5;
    border-radius: 6px;
}

.nc-login-shell {
    padding-top: 8vh;
}

.nc-wrap {
    flex-wrap: wrap;
    gap: 12px;
}

.nc-search {
    min-width: min(420px, 100%);
    flex: 1 1 320px;
}

.nc-table th {
    color: #526367;
    font-weight: 700;
}

@media (max-width: 720px) {
    .nc-login-shell {
        padding-top: 24px;
    }
}

.nc-status-filter {
    min-width: min(220px, 100%);
    flex: 0 1 220px;
}