/* CSS dinâmico gerado automaticamente pela identidade visual */
/* Última atualização: 2025-11-27 12:07:42 */

/* Sobrescrever font-family global para o menu */
.menu-w * {
    font-family: 'JetBrains Mono', monospace !important;
}

/* Aplicar cores, fonte e peso da identidade visual ao menu dos membros */
.menu-side {
    background: #2caf7f !important;
    color: #ffffff !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
    font-size: 1rem !important;
}

.menu-side ul.top li a {
    color: #ffffff !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
    font-size: 1rem !important;
}

.menu-side ul.top li a:hover,
.menu-side ul.top li.active a {
    background: #1d7253 !important;
    color: #ffffff !important;
}

.menu-side ul.top li a svg {
    fill: #ffffff !important;
}

.logout-btn {
    color: #ffffff !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
    font-size: 1rem !important;
}

.logout-btn:hover {
    background: #1d7253 !important;
    color: #ffffff !important;
}

.logout-btn svg {
    fill: #ffffff !important;
}

/* Aplicar cor do menu dos membros ao top-bar-dashboard__indicated */
.top-bar-dashboard__indicated {
    background-color: #2caf7f !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    color: white !important;
}

/* Aplicar estilos de botão secundário ao btn_indicar */
.btn_indicar,
.btn.btn-default.btn_indicar,
a.btn_indicar,
a.btn.btn-default.btn_indicar {
    background-color: #0a2236 !important;
    color: #ffffff !important;
    border-color: #6c757d !important;
    border-width: 1px !important;
    border-radius: 0.375rem !important;
    padding: 0.5rem 1rem !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease-in-out !important;
    min-width: auto !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.card-body .btn_indicar,
.card-body .btn.btn-default.btn_indicar,
.card-body a.btn_indicar,
.card-body a.btn.btn-default.btn_indicar {
    background-color: #0a2236 !important;
    color: #ffffff !important;
    border-color: #6c757d !important;
    border-width: 1px !important;
    border-radius: 0.375rem !important;
    padding: 0.5rem 1rem !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease-in-out !important;
    position: relative !important;
    width: auto !important;
    min-width: auto !important;
    min-height: auto !important;
    margin-right: 0 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.btn_indicar:hover,
.btn.btn-default.btn_indicar:hover,
a.btn_indicar:hover,
a.btn.btn-default.btn_indicar:hover,
.card-body .btn_indicar:hover,
.card-body .btn.btn-default.btn_indicar:hover,
.card-body a.btn_indicar:hover,
.card-body a.btn.btn-default.btn_indicar:hover {
    background-color: #091e30 !important;
    border-color: #616970 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
    text-decoration: none !important;
}

.btn_indicar svg,
.btn.btn-default.btn_indicar svg,
a.btn_indicar svg,
a.btn.btn-default.btn_indicar svg,
.card-body .btn_indicar svg,
.card-body .btn.btn-default.btn_indicar svg,
.card-body a.btn_indicar svg,
.card-body a.btn.btn-default.btn_indicar svg {
    fill: #ffffff !important;
    max-height: 25px !important;
}

.btn_indicar > div,
.btn.btn-default.btn_indicar > div,
a.btn_indicar > div,
a.btn.btn-default.btn_indicar > div,
.card-body .btn_indicar > div,
.card-body .btn.btn-default.btn_indicar > div,
.card-body a.btn_indicar > div,
.card-body a.btn.btn-default.btn_indicar > div {
    justify-content: center !important;
}

/* Aplicar cor secundária ao progress-bar bg-danger */
.progress-bar.bg-danger {
    background-color: #41e6aa !important;
}

/* Aplicar cor secundária aos cabeçalhos das tabelas DataTable */
.card table.dataTable thead>tr>th {
    background-color: #41e6aa !important;
    color: #ffffff !important;
    border-color: #41e6aa !important;
}

/* Aplicar cor secundária aos botões .btn */
.btn {
    background-color: #41e6aa !important;
    color: #ffffff !important;
    border-color: #41e6aa !important;
    border-radius: 0.375rem !important;
    padding: 0.5rem 1rem !important;
    font-weight: 700 !important;
    transition: all 0.2s ease-in-out !important;
}

.btn:hover {
    background-color: #3acf99 !important;
    border-color: #3acf99 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
}

/* Aplicar cor secundária ao fundo do #indication_link_describe */
#indication_link_describe {
    background-color: #41e6aa !important;
    border-color: #41e6aa !important;
    border-radius: 0 0.75rem 0.75rem 0 !important;
}

/* Aplicar cor de perigo aos ícones de fechar (X) */
.svg-inline--fa.fa-circle-xmark {
    color: #dc3545 !important;
}

/* Aplicar configurações do H5 aos cabeçalhos de card */
.card-header {
    color: #0a2236 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
}

/* Aplicar configurações do H2 aos títulos de página */
.title__page-dashboard {
    color: #0a2236 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 2.25rem !important;
    font-weight: 800 !important;
}

/* Aplicar cor primária à barra abaixo do título */
.title__page-dashboard:after {
    background-color: #0a2236 !important;
}

/* Aplicar fonte para títulos aos títulos dos produtos */
.card-body .card-title {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 800 !important;
    color: #41e6aa !important;
}

/* Aplicar configurações de parágrafo aos elementos <p> */
p {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    color: #000000 !important;
}

/* Aplicar cor de aviso ao pseudo-elemento :before dos elementos .bg-warning */
.card-body tbody tr .bg-warning:before {
    background-color: #ffc107 !important;
    color: #ffc107 !important;
}

/* Aplicar cor primária ao ícone de olho */
.svg-inline--fa.fa-eye {
    color: #0a2236 !important;
}

/* Aplicar cor primária aos botões de cadastro */
.btn-blue, .btn-orange {
    background-color: #0a2236 !important;
    border-color: #0a2236 !important;
}

/* Botão Primário - Aplicar em todos os btn btn-primary */
.btn-primary, .btn-blue {
    background-color: #41e6aa !important;
    color: #0d253e !important;
    border-color: #0d253e !important;
    border-width: 2px !important;
    border-radius: 0.375rem !important;
    padding: 0.5rem 1rem !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease-in-out !important;
}

.btn-primary:hover, .btn-blue:hover {
    background-color: #3acf99 !important;
    border-color: #0b2137 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
}

/* Botão Secundário */
.btn-secondary {
    background-color: #0a2236 !important;
    color: #ffffff !important;
    border-color: #6c757d !important;
    border-width: 1px !important;
    border-radius: 0.375rem !important;
}

.btn-secondary:hover {
    background-color: #091e30 !important;
    border-color: #616970 !important;
}

/* Botão Alternativo */
.btn-warning, .btn-orange {
    background-color: #ffc107 !important;
    color: #000000 !important;
    border-color: #ffc107 !important;
    border-width: 1px !important;
    border-radius: 0.375rem !important;
}

.btn-warning:hover, .btn-orange:hover {
    background-color: #e5ad06 !important;
    border-color: #e5ad06 !important;
}

/* Fallback para menu antigo */
.menu-w:not(.menu-w--admin) {
    background: #2caf7f !important;
    color: #ffffff !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}

.menu-w:not(.menu-w--admin) .main-menu-title {
    color: #ffffff !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}

.menu-w:not(.menu-w--admin) .main-menu li a {
    color: #ffffff !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}

.menu-w:not(.menu-w--admin) .main-menu li a:hover,
.menu-w:not(.menu-w--admin) .main-menu li.active a {
    background: #1d7253 !important;
    color: #ffffff !important;
}

.menu-w:not(.menu-w--admin) .main-menu li a svg {
    fill: #ffffff !important;
}

.menu-w:not(.menu-w--admin) .logged-user-name {
    color: #ffffff !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}

.menu-w:not(.menu-w--admin) .logged-user-role {
    color: #ffffffcc !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}

.menu-w:not(.menu-w--admin) .logged-user-menu {
    background: #2caf7f !important;
    border: 1px solid #1d7253 !important;
}

.menu-w:not(.menu-w--admin) .logged-user-menu ul li a {
    color: #ffffff !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}

.menu-w:not(.menu-w--admin) .logged-user-menu ul li a:hover {
    background: #1d7253 !important;
    color: #ffffff !important;
}

.menu-w:not(.menu-w--admin) .logged-user-menu ul li a svg,
.menu-w:not(.menu-w--admin) .logged-user-menu ul li a i {
    color: #ffffff !important;
}

.menu-w:not(.menu-w--admin) .botao-mini .btn {
    background: #1d7253 !important;
    color: #ffffff !important;
}

.menu-w:not(.menu-w--admin) .botao-mini .btn:hover {
    background: #2caf7f !important;
}

.menu-w:not(.menu-w--admin) .sub-menu li a {
    color: #ffffff !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}

.menu-w:not(.menu-w--admin) .sub-menu li a:hover {
    background: #1d7253 !important;
    color: #ffffff !important;
}

.menu-w:not(.menu-w--admin) .sub-menu li a svg,
.menu-w:not(.menu-w--admin) .sub-menu li a i {
    color: #ffffff !important;
}

/* Estilos para o menu admin */
.menu-w.menu-w--admin {
    background: #2caf7f !important;
    color: #ffffff !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}

.menu-w.menu-w--admin .main-menu-title {
    color: #ffffff !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}

.menu-w.menu-w--admin .main-menu li a {
    color: #ffffff !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}

.menu-w.menu-w--admin .main-menu li a:hover,
.menu-w.menu-w--admin .main-menu li.active a,
.menu-w.menu-w--admin .main-menu li.has-sub-menu.active > a {
    background: #1d7253 !important;
    color: #ffffff !important;
}

.menu-w.menu-w--admin .main-menu li a svg,
.menu-w.menu-w--admin .main-menu li .icon-w svg {
    fill: #ffffff !important;
}

.menu-w.menu-w--admin .logged-user-name {
    color: #ffffff !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}

.menu-w.menu-w--admin .logged-user-role {
    color: #ffffffcc !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}

.menu-w.menu-w--admin .logged-user-menu {
    background: #2caf7f !important;
    border: 1px solid #1d7253 !important;
}

.menu-w.menu-w--admin .logged-user-menu ul li a {
    color: #ffffff !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}

.menu-w.menu-w--admin .logged-user-menu ul li a:hover {
    background: #1d7253 !important;
    color: #ffffff !important;
}

.menu-w.menu-w--admin .logged-user-menu ul li a svg,
.menu-w.menu-w--admin .logged-user-menu ul li a i {
    color: #ffffff !important;
}

.menu-w.menu-w--admin .botao-mini .btn {
    background: #1d7253 !important;
    color: #ffffff !important;
}

.menu-w.menu-w--admin .botao-mini .btn:hover {
    background: #2caf7f !important;
}

.menu-w.menu-w--admin .sub-menu li a {
    color: #ffffff !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}

.menu-w.menu-w--admin .sub-menu li a:hover {
    background: #1d7253 !important;
    color: #ffffff !important;
}

.menu-w.menu-w--admin .sub-menu li a svg,
.menu-w.menu-w--admin .sub-menu li a i {
    color: #ffffff !important;
}

.menu-w.menu-w--admin .logged-user-w {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Seletores específicos para garantir aplicação da fonte e cores no menu admin */
.menu-w.menu-w--admin.selected-menu-color-light,
.menu-w.menu-w--admin.menu-activated-on-hover,
.menu-w.menu-w--admin.color-scheme-dark,
.menu-w.menu-w--admin.menu-position-side,
.menu-w.menu-w--admin.menu-side-left {
    background: #2caf7f !important;
    color: #ffffff !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}

.menu-w.menu-w--admin.selected-menu-color-light .main-menu li a,
.menu-w.menu-w--admin.menu-activated-on-hover .main-menu li a,
.menu-w.menu-w--admin.color-scheme-dark .main-menu li a,
.menu-w.menu-w--admin.menu-position-side .main-menu li a,
.menu-w.menu-w--admin.menu-side-left .main-menu li a {
    color: #ffffff !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}

.menu-w.menu-w--admin.selected-menu-color-light .main-menu li a:hover,
.menu-w.menu-w--admin.menu-activated-on-hover .main-menu li a:hover,
.menu-w.menu-w--admin.color-scheme-dark .main-menu li a:hover,
.menu-w.menu-w--admin.menu-position-side .main-menu li a:hover,
.menu-w.menu-w--admin.menu-side-left .main-menu li a:hover,
.menu-w.menu-w--admin.selected-menu-color-light .main-menu li.active a,
.menu-w.menu-w--admin.menu-activated-on-hover .main-menu li.active a,
.menu-w.menu-w--admin.color-scheme-dark .main-menu li.active a,
.menu-w.menu-w--admin.menu-position-side .main-menu li.active a,
.menu-w.menu-w--admin.menu-side-left .main-menu li.active a {
    background: #1d7253 !important;
    color: #ffffff !important;
}

.menu-w.menu-w--admin.selected-menu-color-light .main-menu-title,
.menu-w.menu-w--admin.menu-activated-on-hover .main-menu-title,
.menu-w.menu-w--admin.color-scheme-dark .main-menu-title,
.menu-w.menu-w--admin.menu-position-side .main-menu-title,
.menu-w.menu-w--admin.menu-side-left .main-menu-title {
    color: #ffffff !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}

/* Seletores específicos para garantir aplicação da fonte (menu não-admin) */
.menu-w:not(.menu-w--admin).selected-menu-color-light,
.menu-w:not(.menu-w--admin).menu-activated-on-hover,
.menu-w:not(.menu-w--admin).color-scheme-dark,
.menu-w:not(.menu-w--admin).menu-position-side,
.menu-w:not(.menu-w--admin).menu-side-left {
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}

.menu-w:not(.menu-w--admin).selected-menu-color-light .main-menu li a,
.menu-w:not(.menu-w--admin).menu-activated-on-hover .main-menu li a,
.menu-w:not(.menu-w--admin).color-scheme-dark .main-menu li a,
.menu-w:not(.menu-w--admin).menu-position-side .main-menu li a,
.menu-w:not(.menu-w--admin).menu-side-left .main-menu li a {
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}

.menu-w:not(.menu-w--admin).selected-menu-color-light .main-menu-title,
.menu-w:not(.menu-w--admin).menu-activated-on-hover .main-menu-title,
.menu-w:not(.menu-w--admin).color-scheme-dark .main-menu-title,
.menu-w:not(.menu-w--admin).menu-position-side .main-menu-title,
.menu-w:not(.menu-w--admin).menu-side-left .main-menu-title {
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}

.menu-w.selected-menu-color-light .logged-user-name,
.menu-w.menu-activated-on-hover .logged-user-name,
.menu-w.color-scheme-dark .logged-user-name,
.menu-w.menu-position-side .logged-user-name,
.menu-w.menu-side-left .logged-user-name {
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}

.menu-w.selected-menu-color-light .logged-user-role,
.menu-w.menu-activated-on-hover .logged-user-role,
.menu-w.color-scheme-dark .logged-user-role,
.menu-w.menu-position-side .logged-user-role,
.menu-w.menu-side-left .logged-user-role {
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}

.menu-w.selected-menu-color-light .sub-menu li a,
.menu-w.menu-activated-on-hover .sub-menu li a,
.menu-w.color-scheme-dark .sub-menu li a,
.menu-w.menu-position-side .sub-menu li a,
.menu-w.menu-side-left .sub-menu li a {
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}

/* Aplicar cor primária aos botões btn-default btn-indication */
.btn-default.btn-indication {
    background-color: #0a2236 !important;
    color: #0d253e !important;
    border: 1px solid #0a2236 !important;
    border-radius: 0.375rem !important;
    padding: 0.5rem 1rem !important;
    font-weight: 700 !important;
    transition: all 0.2s ease-in-out !important;
}

.btn-default.btn-indication:hover {
    background-color: #091e30 !important;
    border-color: #091e30 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(10, 34, 54, 0.3) !important;
}

/* Aplicar cor primária ao ícone do presente na página de indicações */
.icon_gift {
    filter: brightness(0) saturate(100%) invert(13%) sepia(100%) saturate(69%) hue-rotate(207deg) brightness(13%) contrast(100%) !important;
}

/* Alternativa: aplicar cor diretamente ao SVG */
.icon_gift svg,
.icon_gift path,
.icon_gift circle,
.icon_gift rect {
    fill: #0a2236 !important;
}

/* Para SVGs inline ou com fill */
.modal_indication .icon_gift svg * {
    fill: #0a2236 !important;
    stroke: #0a2236 !important;
}

/* Estilos para botões outline */
.btn-outline-primary {
    color: #0a2236 !important;
    border-color: #0a2236 !important;
    background-color: transparent !important;
    border-width: 1px !important;
    border-radius: 0.375rem !important;
    padding: 0.375rem 0.75rem !important;
    font-weight: 700 !important;
    transition: all 0.2s ease-in-out !important;
}

.btn-outline-primary:hover {
    background-color: #0a2236 !important;
    color: #0d253e !important;
    border-color: #0a2236 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
}

.btn-outline-info {
    color: #17a2b8 !important;
    border-color: #17a2b8 !important;
    background-color: transparent !important;
    border-width: 1px !important;
    border-radius: 0.375rem !important;
    padding: 0.375rem 0.75rem !important;
    font-weight: 700 !important;
    transition: all 0.2s ease-in-out !important;
}

.btn-outline-info:hover {
    background-color: #17a2b8 !important;
    color: #ffffff !important;
    border-color: #17a2b8 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
}

/* Estilos de títulos com linhas decorativas */
h1 {
    position: relative;
    margin-bottom: 1rem;
}

h1:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 60px;
    height: 3px;
    background-color: #0400ff;
    border-bottom-style: solid;
}

h2 {
    position: relative;
    margin-bottom: 0.875rem;
}

h2:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 50px;
    height: 2px;
    background-color: #0400ff;
    border-bottom-style: solid;
}

h3 {
    position: relative;
    margin-bottom: 0.75rem;
}

h3:after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: #0400ff;
    border-bottom-style: solid;
}

h4 {
    position: relative;
    margin-bottom: 0.625rem;
}

h5 {
    position: relative;
    margin-bottom: 0.5rem;
}

h6 {
    position: relative;
    margin-bottom: 0.5rem;
}