/**
 * Variante de botão padrão da aplicação: contorno neutro, ícones em verde
 * success e hover com borda, texto e fundo (20% de opacidade) na cor success.
 */
.btn-outline-default {
    --bs-btn-color: #555559;
    --bs-btn-border-color: #e6e6e9;
    --bs-btn-hover-color: var(--bs-success);
    --bs-btn-hover-bg: rgba(var(--bs-success-rgb), 0.2);
    --bs-btn-hover-border-color: var(--bs-success);
    --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
    --bs-btn-active-color: var(--bs-success);
    --bs-btn-active-bg: rgba(var(--bs-success-rgb), 0.2);
    --bs-btn-active-border-color: var(--bs-success);
    --bs-btn-disabled-color: #555559;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #e6e6e9;
    --bs-gradient: none;
}

.btn-outline-default i,
.btn-outline-default svg {
    color: var(--bs-success);
}

/**
 * Selo de data exibido à esquerda nos cards de listagem (dia em destaque
 * e mês abreviado), no tom de verde success.
 */
.data-badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 3.5rem;
    padding: 0.5rem 0.25rem;
    border-radius: 0.75rem;
    background-color: var(--bs-success-bg-subtle);
    color: var(--bs-success);
    line-height: 1.1;
}

.data-badge .data-badge-dia {
    font-size: 1.5rem;
    font-weight: 700;
}

.data-badge .data-badge-mes {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}