/* 1. Tamanhos gerais de Cards */
.card {
    border-radius: 8px;
    border-width: 1px;
    margin-bottom: 20px;
}

.card-header {
    padding: 12px 16px;
    font-size: 16px;
}

.card-body {
    padding: 16px;
}

/* 2. Formulários e Inputs */
.form-label {
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: 600;
}

.form-control,
.form-select {
    font-size: 14px;
    height: 38px; /* Altura padrão para inputs confortáveis */
    padding: 6px 12px;
    border-radius: 6px;
    border-width: 1px;
}

/* Ajuste proporcional para a seta do <select> */
.form-select {
    background-size: 16px 12px;
    padding-right: 36px;
}

/* 3. Botões */
.btn {
    font-size: 14px;
    padding: 8px 16px;
    border-radius: 6px;
}

.btn-sm,
.btn-xs,
.btn-group-xs > .btn {
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 4px;
}

/* btn-xs é classe do Bootstrap 3; no Bootstrap 5 vale como btn-sm (ações de tabela) */
.btn-xs + .btn-xs {
    margin-left: 4px;
}

/* 4. Tabelas */
.table th,
.table td {
    font-size: 14px;
    padding: 12px 12px;
    vertical-align: middle;
}

/* Ícones do FontAwesome na tabela/ações */
.table i,
.table .fa {
    font-size: 14px;
}

/* Badges de Status (Ativo, Pendente, etc) */
.table .badge {
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 4px;
}