/* Leiaute Fiori launchpad (Horizon) — faixa de saudação e tiles de Páginas do Início. */

.enfeBanner {
    background: linear-gradient(100deg, #0a6ed1 0%, #0057a5 55%, #003b75 100%);
    border-radius: 0.75rem;
    color: #fff;
    padding: 1.25rem 1.5rem;
}

.enfeBanner .sapMTitle,
.enfeBanner .sapMText {
    color: #fff;
}

/* Tiles coloridos da seção "Páginas" (paleta do S/4HANA Cloud Horizon). */
.enfePageTile.sapMGT {
    border: none;
}

.enfePageTile .sapMTileCntFtrTxt,
.enfePageTile .sapMGTHdrTxt,
.enfePageTile .sapMText,
.enfePageTile .sapUiIcon {
    color: #fff !important;
}

.enfePageTileAzul.sapMGT { background-color: #1B90FF; }
.enfePageTileRosa.sapMGT { background-color: #FA4F96; }
.enfePageTileLaranja.sapMGT { background-color: #E76500; }
.enfePageTileRoxo.sapMGT { background-color: #7858FF; }
.enfePageTileVerde.sapMGT { background-color: #188918; }

.enfePageTileAzul.sapMGT:hover { background-color: #0070F2; }
.enfePageTileRosa.sapMGT:hover { background-color: #DF1278; }
.enfePageTileLaranja.sapMGT:hover { background-color: #C35500; }
.enfePageTileRoxo.sapMGT:hover { background-color: #5D36FF; }

/* Cards de insights do Início com largura consistente. */
.enfeInsightCard {
    width: 19rem;
}

/* Número grande dos cards de insight. */
.enfeKpiGrande.sapMObjectNumber,
.enfeKpiGrande.sapMObjectNumber .sapMObjectNumberText {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.2;
}

/* Select que cresce ao lado do botão "+" de cadastro rápido na emissão. */
.enfeFlex1 {
    flex: 1 1 auto;
}

/* ===== Tela de login (split: formulário à esquerda, marca à direita) ===== */
.enfeLogin {
    height: 100%;
}

/* Coluna do formulário — fundo claro, conteúdo centralizado. */
.enfeLoginForm {
    flex: 1 1 50%;
    min-width: 0;
    height: 100%;
    background-color: #fff;
    padding: 2rem;
    box-sizing: border-box;
}

.enfeLoginCard {
    width: 100%;
    max-width: 22rem;
}

/* Botão de provedor externo: fundo branco + logo colorido (guideline Google). */
.enfeLoginProvider.sapMBtn {
    height: 2.75rem;
}

/* Divisor "ou" com linhas laterais. */
.enfeLoginDivider .sapMText {
    color: var(--sapContent_LabelColor, #556b82);
}
.enfeLoginDivider::before,
.enfeLoginDivider::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background-color: var(--sapList_BorderColor, #d9d9d9);
    margin: 0 0.75rem;
}

/* Coluna de marca — gradiente Horizon, texto branco. */
.enfeLoginAside {
    flex: 1 1 50%;
    min-width: 0;
    height: 100%;
    padding: 2.5rem;
    box-sizing: border-box;
    background: linear-gradient(135deg, #0a6ed1 0%, #0057a5 55%, #003b75 100%);
}

.enfeLoginAsideInner {
    max-width: 28rem;
}

.enfeLoginAsideTitle.sapMTitle {
    color: #fff;
    font-size: 2.25rem;
    line-height: 1.15;
    margin-bottom: 1rem;
}

.enfeLoginAsideText.sapMText {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    line-height: 1.5;
}

.enfeLoginAsideArte {
    margin-top: 2rem;
    opacity: 0.96;
}

/* Em telas estreitas, esconde a coluna de marca e o formulário ocupa tudo. */
@media (max-width: 700px) {
    .enfeLoginAside {
        display: none;
    }
    .enfeLoginForm {
        flex-basis: 100%;
    }
}