/* Definindo Variáveis de Cores (Cores Principais) */
:root {
  /* --primary: #422051; */
  --primary: #432150;
  --primary-hover: #8c639d;
  --primary-light-faded: #8c639d4a;
  --secondary: #ff6b00;
  --secondary-light: #e65100;
  --bg-secondary: linear-gradient(135deg, #ffaa17 0%, #f55f22 100%);
  --bg-secondary-hover: linear-gradient(135deg, #ffb129 0%, #ff763f 100%);
}

/* --- Banner de Progresso & Gráficos Circulares --- */
.progress-banner {
  /* Usando variáveis onde possível para o gradiente roxo */
  background-image: linear-gradient(to right top, var(--primary), #4b215e, var(--primary-hover));
}

body {
  color: var(--primary);
}

/* Ajuste do "trilho" do gráfico circular dentro do banner (fundo roxo) */
.progress-bar-circle.progress-bar-banner svg path:first-of-type {
  stroke: rgba(255, 255, 255, 0.2);
}

/* O "valor" do gráfico circular padrão (fora do banner) */
/* Agora usa a cor secundária (Laranja) para destaque */
.progress-bar-circle svg path:last-of-type {
  stroke: var(--secondary);
}



/* --- Links e Tipografia --- */
a {
  color: var(--primary);
}

a:hover {
  color: var(--primary-hover);
  text-decoration: none;
}

/* --- Botões Primários (Agora Roxo) --- */
.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
  background-color: var(--primary-hover) !important;
  border-color: var(--primary-hover) !important;
  /* Shadow ajustado para roxo */
  box-shadow: 0 0 0 0.2rem rgba(66, 32, 81, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: var(--primary);
  border-color: var(--primary);
  opacity: 0.65;
}

/* --- Botões Secundários (Agora Laranja) --- */
.btn-secondary {
  /* background: var(--secondary); */
  background: var(--bg-secondary);
  border: none;
  transition: all 0.3s ease;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active {
  /* background: var(--secondary-hover) !important; */
  background: var(--bg-secondary-hover) !important;
  border-color: var(--secondary-light) !important;
  /* Shadow ajustado para laranja */
  box-shadow: 0 1px 6px 0 rgba(255, 107, 0, 0.4) !important;
}

/* --- Botões Outline --- */
.btn-outline-primary {
  color: var(--primary);
  border-color: var(--primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary.active {
  background-color: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

.btn-outline-secondary {
  color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:active,
.btn-outline-secondary.active {
  background: var(--bg-secondary) !important;
  border: none !important;
  color: #fff !important;
}

/* --- Switches Customizados --- */
/* Checkbox Primária Inversa - Segue a cor primária (Roxo) */
.custom-switch.custom-switch-primary-inverse .custom-switch-input:checked+.custom-switch-btn::after {
  background: var(--primary);
}

.custom-switch.custom-switch-primary-inverse .custom-switch-input:checked+.custom-switch-btn {
  background: #fff;
  border: 1px solid var(--primary);
}

.custom-control-input:checked~.custom-control-label::before {
  border-color: var(--primary) !important;
  background-color: var(--primary) !important;
}

/* --- Abas de Navegação (Nav Tabs) --- */
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border: none transparent #dee2e6;
  color: var(--primary);
}

.nav-tabs .nav-link.active {
  color: var(--primary);
}

.nav-tabs .nav-item.show .nav-link::before,
.nav-tabs .nav-link.active::before {
  content: " ";
  background: var(--primary);
}

.bg-primary {
  background-color: var(--primary) !important;
}

.bg-gradient-primary {
  background: linear-gradient(87deg, var(--primary) 0, var(--primary-hover) 100%) !important;
}

.bg-gradient-secondary {
  background: linear-gradient(87deg, var(--secondary) 0, var(--secondary-light) 100%) !important;
}

.text-primary {
  color: var(--primary) !important;
}

.text-secondary {
  color: var(--secondary) !important;
}

.border-primary {
  border-color: var(--primary) !important;
}

.border-secondary {
  border-color: var(--secondary) !important;
}

.alert-primary {
  color: #1a0d20;
  background-color: #d9d2de;
  border-color: #c9bed0;
}

.alert-secondary {
  color: #662b00;
  background-color: #ffd2b3;
  border-color: #ffbf8c;
}

.badge-primary {
  background-color: var(--primary);
}

.badge-primary[href]:hover {
  background-color: var(--primary-hover) !important;
}

body:not(.dark-theme) .badge-secondary {
  background: var(--bg-secondary);
}

body:not(.dark-theme) .badge-secondary[href]:hover {
  background: var(--secondary-light) !important;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}

.progress-bar {
  background-color: var(--primary);
}

.form-control:focus {
  border-color: var(--primary);
  /* Shadow roxo leve */
  box-shadow: 0 0 0 0.2rem rgba(66, 32, 81, 0.25);
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}

.page-link {
  color: var(--primary);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: var(--primary);
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--primary);
}

.section-header {
  background: var(--primary);
}

.btn {
  line-height: normal;
}

.btn-link {
  color: var(--primary);
}

.btn-link:hover {
  color: var(--primary-hover);
}

.menu .main-menu ul li a {
  color: var(--primary);
}

.menu .main-menu ul li a:hover {
  color: var(--primary-hover);
}

.menu .main-menu ul li.active::after {
  background: var(--primary);
}

.menu .main-menu ul li.active a {
  color: var(--primary);
}

.alert-info {
  color: #5f3073;
  background-color: #efe2f5;
  border-color: rgb(182, 148, 196);
}

.navbar .badge-info {
  background-color: var(--primary-hover);
}

.badge-primary,
.badge-theme-1,
.bg-primary,
.bg-theme-1 {
  background-color: var(--primary) !important;
}

body:not(.dark-theme) .badge-secondary,
body:not(.dark-theme) .badge-theme-2,
body:not(.dark-theme) .bg-secondary,
body:not(.dark-theme) .bg-theme-2 {
  background: var(--bg-secondary) !important;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
  background: var(--bg-secondary);
  border: none;
}

body.page-wallet-public .asset-card .portfolio-circle svg circle.circle2985 {
  stroke: var(--secondary) !important;
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
  background: var(--primary);
  border-color: var(--primary);
}

.alert-info hr {
  border-top-color: var(--primary-light-faded);
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
  background: var(--primary);
  border-color: var(--primary);
}

div.assetBoxSelector big,
div.assetBoxSelector .badge {
  color: var(--primary);
}

div.assetBoxSelector {
  border: 1px solid var(--primary-hover);
  background: var(--primary-light-faded);
}

.text-success {
  /* verde mais escuro */
  color: #238c3b !important;
}

/* Override Modern Button for Purple Theme */
/* Override Modern Button for Purple Theme */
.btn-primary-modern {
  background: var(--primary);
  color: #fff;
  border: none;
}

.btn-primary-modern:hover {
  background: var(--primary-hover);
  box-shadow: 0 4px 12px rgba(66, 32, 81, 0.4);
  color: #fff;
}

/* Override Modern Secondary Button for Orange Theme */
.btn-secondary-modern {
  background: #fff;
  color: var(--secondary);
  border: 1px solid var(--secondary);
}

.btn-secondary-modern:hover {
  background: var(--secondary);
  color: #fff;
  box-shadow: 0 4px 12px rgba(255, 107, 0, 0.3);
  border-color: var(--secondary);
}

div.fixed-background {
/*  background: linear-gradient(to bottom, #402455, #2b1430);*/
  background: linear-gradient(to bottom, #a0a0a0, #6f6f6f);
  background: #d9d9d9;
}

.auth-card {
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2), 0 1px 6px rgba(0, 0, 0, 0.2);
/*  border-radius: 8px;*/
/*  overflow: hidden;*/
}
.auth-card .image-side {
  /*filter: hue-rotate(36deg);
  -webkit-filter: hue-rotate(36deg);
  -moz-filter: hue-rotate(36deg);
  -ms-filter: hue-rotate(36deg);*/
  background: url(../img/login/balloon-grana.jpg) no-repeat center top;
  background-size: cover;
}

div.assetBoxSelector.selected {
  border-color: rgb(128, 62, 166);
  background: rgba(232, 191, 255, 0.18);
  box-shadow: 0px 0px 1px rgba(115, 0, 255, 0.4);
  border-width: 2px;
}

.spanDetailsPublicAsset {
  color: #776b80;
}