/* ==========================================================================
   AJUSTES GLOBAIS, DETALHES E FORMULARIOS LEGADOS
   ========================================================================== */

.page-spacer {
  height: 5.9rem;
}

.form-shell {
  width: min(980px, calc(100% - 1.5rem));
  margin: 0 auto;
}

.form-shell form .form-label,
.form-shell form label:not(.form-check-label) {
  display: block;
  text-align: left;
}

.form-shell form .form-check {
  text-align: left;
}

.form-shell form .row > [class*='col-'] {
  text-align: left;
}

.form-shell form .form-control,
.form-shell form .form-select,
.form-shell form textarea,
.form-shell form .input-group .form-control {
  text-align: left !important;
}

/* Tabelas Bootstrap usadas em telas administrativas antigas */

.table th,
.table td {
  vertical-align: middle;
  text-align: center;
}

.table thead th {
  background-color: #007bff;
  color: white;
}

.table tfoot td {
  font-weight: bold;
  background-color: #f1f1f1;
}

.text-success {
  color: #28a745 !important;
}

.text-danger {
  color: #dc3545 !important;
}

/* Select de confirmacao PIX e estados visuais */
.form-select.color-select {
  width: 100%;
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  margin: 0;
}

.select-sim {
  background-color: #d4edda !important;
  color: #155724 !important;
}

.select-nao {
  background-color: #f8d7da !important;
  color: #721c24 !important;
}

.readonly-input,
.readonly-input:read-only,
.readonly-input:disabled {
  background-color: #e9ecef !important;
  color: #495057 !important;
  cursor: not-allowed;
  opacity: 1;
}

/* Override global do botao primario Bootstrap */
.btn-primary {
  background: var(--vm-blue);
  border: none;
}

.btn-primary:hover {
  background: var(--vm-blue-dark);
}