html, body {
    height: 100%;
}

#blazor-error-ui {
    background: #ffffe0;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 10000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* Situação da categoria na finalização: o fundo do .card do tema vence as classes bg-*-lighter, por isso a regra local. */
.card.importacao-card,
.card.importacao-card .card-body h3,
.card.importacao-card .card-body p {
    color: rgb(65.8, 71.04, 76.28);
}

.card.importacao-nao-iniciada {
    background: var(--pg-danger-lighter, rgb(252.3, 225.2, 218.5));
    border-color: var(--pg-danger, #f55753);
}

.card.importacao-andamento {
    background: var(--pg-warning-lighter, hsl(55.7, 118%, 94.2%));
    border-color: var(--pg-warning, #f8d053);
}

.card.importacao-concluida {
    background: var(--pg-success-lighter, rgb(213.7, 246.4, 239.3));
    border-color: var(--pg-success, #19ad79);
}