/* Estilos próprios da aplicação além dos tokens (assets/styles/tokens.css). */

/* Barra de conta por confirmar — ver `partials/_unverified_bar.html.twig`.
   Âmbar e não vermelha: não é um erro da pessoa, é um passo que falta. */
.tt-unverified {
    background: #fff4d6;
    border-bottom: 1px solid #f0d99a;
    color: #6b4e00;
}

.tt-unverified__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem .75rem;
    padding-top: .6rem;
    padding-bottom: .6rem;
}

.tt-unverified__icon {
    flex: none;
}

.tt-unverified__text {
    margin: 0;
    flex: 1 1 16rem;
    font-size: .92rem;
    line-height: 1.4;
}

.tt-unverified__action {
    flex: none;
    padding: .3rem .85rem;
    border-radius: 999px;
    background: #6b4e00;
    color: #fff4d6;
    font-size: .85rem;
    font-weight: 600;
    text-decoration: none;
}

.tt-unverified__action:hover,
.tt-unverified__action:focus-visible {
    background: #503a00;
    color: #fff;
}