/**
 * cashback-form.v1.css — painel de "Novo cashback" dentro da tela Novo lançamento.
 * Injetado pelo index.html (ver cashback-form.v1.js). Usa os tokens de tema do
 * SACM (--color-*) para funcionar no modo claro e escuro.
 */

.sacm-cb-panel {
  margin-top: 4px;
}

/* As linhas reaproveitam .row/.col do Bootstrap já carregado pelo bundle;
   aqui só o espaçamento entre colunas quando quebram no mobile. */
.sacm-cb-panel .row > .col {
  min-width: 200px;
}

.sacm-cb-panel label {
  display: block;
  margin-bottom: 4px;
}

.sacm-cb-panel textarea.form-control {
  resize: vertical;
}

/* Explica por que este lançamento não tem programa de fidelidade nem pontos. */
.sacm-cb-aviso {
  margin: 4px 0 12px;
  padding: 8px 10px;
  border-left: 3px solid var(--color-info, #0179a8);
  border-radius: 4px;
  background: var(--color-info-light, rgba(1, 121, 168, .08));
  color: var(--color-text-secondary, #6b7280);
  font-size: 12px;
  line-height: 1.4;
}

/* Feedback do submit (o overlay não tem acesso ao serviço de notificação do Angular) */
.sacm-cb-msg {
  min-height: 0;
  margin: 0 0 8px;
  font-size: 13px;
  line-height: 1.4;
}
.sacm-cb-msg.is-ok {
  min-height: 20px;
  color: var(--color-success-text, #008974);
}
.sacm-cb-msg.is-erro {
  min-height: 20px;
  color: var(--color-error-text, #750e0e);
}

.sacm-cb-barra {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

@media (max-width: 576px) {
  .sacm-cb-panel .row > .col {
    min-width: 100%;
    margin-bottom: 12px;
  }
  .sacm-cb-barra {
    flex-direction: column-reverse;
  }
}