/* ====================================
   Customer Area Styles
   ==================================== */

/* Dependencias compartilhadas da area sao carregadas em _AreaCssBundle.cshtml
   com asp-append-version, mantendo cache-busting por hash de arquivo. */

/* ====================================================================
   Customer settings surface — fonte única (single source of truth)
   destas classes na folha de estilo do cliente. As mesmas classes eram
   declaradas em customer/_customer-onboarding.css; consolidadas aqui
   para que a área de Settings/Suitability e o lookup de CEP tenham um
   contrato CSS explícito neste arquivo de entrada. Usa apenas tokens
   (var(--...)) — sem hex hardcoded.
   ==================================================================== */

/* Indica visualmente um <input>/<select> aguardando lookup (ex.: CEP) */
.form-control-loading {
  opacity: 0.7;
}

/* Botão compacto de busca de CEP no endereço das configurações do cliente */
.settings-cep-search-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-2xs, 0.45rem);
  width: 3.25rem;
  min-width: 3.25rem;
  max-width: 3.25rem;
  min-height: calc(1.5em + var(--spacing-xs-plus, 0.75rem) + 2px);
  height: calc(1.5em + var(--spacing-xs-plus, 0.75rem) + 2px);
  padding-inline: 0;
  white-space: nowrap;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

/* Selo de estado do perfil de suitability (válido x expirado) */
.suit-card__badge--active {
  color: var(--bs-success-text-emphasis, var(--color-success-bs-text));
  background: var(--bs-success-bg-subtle, var(--color-success-soft-bs-2));
}

.suit-card__badge--expired {
  color: var(--bs-danger-text-emphasis, var(--color-danger-bs-text-2));
  background: var(--bs-danger-bg-subtle, var(--color-danger-soft-bs));
}

/* Mensagem do estado vazio do card de suitability */
.suit-card__empty-message {
  max-width: 22.5rem;
  margin-right: auto;
  margin-left: auto;
}

/* Itens do resumo de respostas do questionário de suitability */
.suit-answer__number {
  display: inline-flex;
  min-width: 28px;
  height: 28px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md, 8px);
  background: var(--color-primary, var(--color-primary));
  color: var(--color-text-on-brand, var(--color-surface-card));
  font-size: 0.75rem;
  font-weight: 700;
}

.suit-answer__question {
  color: var(--color-text-main, var(--color-gray-700));
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Grid de "Meus Investimentos" zebrado para leitura (uma <tr> por ordem).
   Zebra na LINHA (não por td) para que a célula de ações — forçada a
   background:transparent (desfaz coluna sticky) — mostre o mesmo fundo da linha. */
.orders-table tbody tr:nth-child(even) {
  background-color: var(--color-gray-50, #f9fafb);
}

.orders-table tbody tr:nth-child(even) > td {
  background-color: transparent;
}