:root {
    --es-azul: #1f3a5f;
    --es-azul-escuro: #162b47;
    --es-ouro: #b8893b;
    --es-fundo: #f4f6f9;
}

html { font-size: 15px; }

body {
    background: var(--es-fundo);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main { flex: 1; }

.es-nav { background: var(--es-azul); border-bottom: 3px solid var(--es-ouro); }
.es-marca { font-weight: 700; letter-spacing: .04em; }

.card { border: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, .08); }
.card-header { background: #fff; font-weight: 600; }

.es-kpi { font-size: 2rem; font-weight: 700; color: var(--es-azul); line-height: 1; }
.es-kpi-rotulo { color: #6b7785; font-size: .85rem; text-transform: uppercase; letter-spacing: .04em; }

.btn-primary { background: var(--es-azul); border-color: var(--es-azul); }
.btn-primary:hover, .btn-primary:focus { background: var(--es-azul-escuro); border-color: var(--es-azul-escuro); }

.table > :not(caption) > * > * { vertical-align: middle; }

.es-login { max-width: 420px; margin: 8vh auto 0; }

.es-senha-provisoria {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 1.25rem;
    letter-spacing: .08em;
    user-select: all;
}