/* AT-ERP — tema verde (paleta com nuances) */

:root {
  /* Paleta verde — do mais escuro ao mais claro */
  --at-green-900: #0a3d2c; /* barra de topo (mais escuro) */
  --at-green-800: #0f5132;
  --at-green-700: #146c43;
  --at-green-600: #198754; /* verde principal */
  --at-green-500: #1aa179;
  --at-green-300: #75c2a4;
  --at-green-100: #d1e7dd; /* fundo suave */

  --at-primary: var(--at-green-600);

  /* Sobrescreve a cor primaria do Bootstrap (links e utilitarios por variavel) */
  --bs-primary: #198754;
  --bs-primary-rgb: 25, 135, 84;
  --bs-link-color: #146c43;
  --bs-link-color-rgb: 20, 108, 67;
  --bs-link-hover-color: #0f5132;
  --bs-link-hover-color-rgb: 15, 81, 50;
}

/* Botoes primarios -> verde (com hover/active mais escuros) */
.btn-primary {
  --bs-btn-bg: var(--at-green-600);
  --bs-btn-border-color: var(--at-green-600);
  --bs-btn-hover-bg: var(--at-green-700);
  --bs-btn-hover-border-color: var(--at-green-700);
  --bs-btn-active-bg: var(--at-green-800);
  --bs-btn-active-border-color: var(--at-green-800);
  --bs-btn-disabled-bg: var(--at-green-600);
  --bs-btn-disabled-border-color: var(--at-green-600);
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
}

/* Utilitarios de cor primaria -> verde */
.text-primary {
  color: var(--at-green-600) !important;
}
.bg-primary {
  background-color: var(--at-green-600) !important;
}
.border-primary {
  border-color: var(--at-green-600) !important;
}

/* Links de conteudo (nao afeta botoes nem a navbar) */
main a:not(.btn) {
  color: var(--at-green-700);
}
main a:not(.btn):hover {
  color: var(--at-green-900);
}

/* Barra de topo em verde escuro */
.bg-at-navbar {
  background-color: var(--at-green-900) !important;
}

/* Foco dos campos em verde */
.form-control:focus,
.form-select:focus {
  border-color: var(--at-green-500);
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

/* Login */
.login-card {
  width: 100%;
  max-width: 420px;
}

.brand-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: var(--at-primary);
  color: #fff;
  font-size: 1.6rem;
}

.card-title i {
  font-size: 1.1rem;
}

/* Logos da ATIVA */
.login-logo {
  height: 92px;
  width: auto;
}
.home-logo {
  height: 60px;
  width: auto;
}

/* Cabecalho da pagina inicial */
.page-header {
  border-left: 4px solid var(--at-green-600) !important;
}

/* Cartoes com leve elevacao no hover */
.card.shadow-sm {
  transition: transform 0.12s ease, box-shadow 0.15s ease;
}
.card.shadow-sm:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.5rem 1.25rem rgba(10, 61, 44, 0.15) !important;
}

/* Rodape */
.app-footer {
  color: #6c757d;
  font-size: 0.85rem;
}

/* Proposta cancelada: linha destacada na cor do modulo (violeta), com numero tachado */
tr.prop-cancelada > td {
  background: var(--mod-soft, #F1ECF9);
}
tr.prop-cancelada > td:first-child {
  box-shadow: inset 4px 0 0 var(--mod, #7B5EB8);
}
tr.prop-cancelada td:first-child a {
  color: var(--mod, #7B5EB8);
  text-decoration: line-through;
}