/* clube-de-vantagens/marca.css — paleta i9w7 nas telas com Bootstrap (painel, catálogo, planos).
   Azul i9 #087DBC predominante · Amarelo Sinal #FFD23F · Noite #0A1B3D · Branco. Carregar DEPOIS do bootstrap. */
:root {
  --i9-azul: #087DBC; --i9-azul-escuro: #06659A; --i9-azul-claro: #E3F4FC; --i9-amarelo: #FFD23F; --i9-noite: #0A1B3D;
  --bs-primary: #087DBC; --bs-primary-rgb: 8, 125, 188;
  --bs-primary-text-emphasis: #065A8A; --bs-primary-bg-subtle: #E3F4FC; --bs-primary-border-subtle: #A9DCF3;
  --bs-warning: #FFD23F; --bs-warning-rgb: 255, 210, 63;
  --bs-link-color: #087DBC; --bs-link-color-rgb: 8, 125, 188;
  --bs-link-hover-color: #06659A; --bs-link-hover-color-rgb: 6, 101, 154;
  --bs-focus-ring-color: rgba(8,125,188, .25);
}
body { background: #F8F5EE; }
.topo { background: var(--i9-noite) !important; color: #fff; border-bottom: 3px solid var(--i9-amarelo); }

.btn-primary {
  --bs-btn-bg: #087DBC; --bs-btn-border-color: #087DBC;
  --bs-btn-hover-bg: #06659A; --bs-btn-hover-border-color: #06659A;
  --bs-btn-active-bg: #055381; --bs-btn-active-border-color: #055381;
  --bs-btn-disabled-bg: #087DBC; --bs-btn-disabled-border-color: #087DBC;
  --bs-btn-focus-shadow-rgb: 8, 125, 188;
}
.btn-outline-primary {
  --bs-btn-color: #087DBC; --bs-btn-border-color: #087DBC;
  --bs-btn-hover-bg: #087DBC; --bs-btn-hover-border-color: #087DBC;
  --bs-btn-active-bg: #06659A; --bs-btn-active-border-color: #06659A;
  --bs-btn-disabled-color: #087DBC; --bs-btn-disabled-border-color: #087DBC;
  --bs-btn-focus-shadow-rgb: 8, 125, 188;
}
.btn-warning {
  --bs-btn-color: #0A1B3D; --bs-btn-bg: #FFD23F; --bs-btn-border-color: #FFD23F;
  --bs-btn-hover-color: #0A1B3D; --bs-btn-hover-bg: #F2BC1B; --bs-btn-hover-border-color: #F2BC1B;
  --bs-btn-active-color: #0A1B3D; --bs-btn-active-bg: #E5AE0A; --bs-btn-active-border-color: #E5AE0A;
}
.btn-dark { --bs-btn-bg: #0A1B3D; --bs-btn-border-color: #0A1B3D; --bs-btn-hover-bg: #132A5C; --bs-btn-hover-border-color: #132A5C; }

.nav-tabs .nav-link, .nav-pills .nav-link { color: #087DBC; }
.nav-tabs .nav-link.active { color: #0A1B3D; font-weight: 600; border-top: 3px solid #087DBC; }
.nav-pills { --bs-nav-pills-link-active-bg: #087DBC; }
.form-control:focus, .form-select:focus { border-color: #7FCBEF; box-shadow: 0 0 0 .25rem rgba(8,125,188, .2); }
.form-check-input:checked { background-color: #087DBC; border-color: #087DBC; }
.form-check-input:focus { border-color: #7FCBEF; box-shadow: 0 0 0 .25rem rgba(8,125,188, .2); }
.page-link { color: #087DBC; }
.active > .page-link, .page-link.active { background-color: #087DBC; border-color: #087DBC; }
.text-bg-warning, .badge.bg-warning { color: #0A1B3D !important; }

/* SweetAlert2: botões na paleta (o padrão é roxo). Sem !important: o confirmButtonColor de cada aviso
   (vermelho para excluir, verde para receber) continua valendo, porque vai no estilo do próprio botão. */
body .swal2-container .swal2-styled.swal2-confirm { background-color: #087DBC; }
body .swal2-container .swal2-styled.swal2-confirm:focus { box-shadow: 0 0 0 3px rgba(8,125,188, .4); }
body .swal2-container .swal2-styled.swal2-cancel { background-color: #6B7090; }
body .swal2-container .swal2-styled.swal2-deny { background-color: #B42318; }

/* Tabulator */
.tabulator .tabulator-footer .tabulator-page.active { background: #087DBC; border-color: #087DBC; color: #fff; }