/**
 * CSS compilado para Tenant #3 (Brafic)
 * Gerado automaticamente via Painel White Label
 */

:root {
    --tenant-primary: #636B4D;
    --tenant-primary-rgb: 99, 107, 77;
    --tenant-primary-hover: #52593F;
    --tenant-secondary: #EDEACA;
    --tenant-brand-bg: #232519;
    --tenant-brand-border: rgba(255, 255, 255, 0.08);
    --tenant-brand-mono-bg: #232519;
    --tenant-brand-mono-text: #ffffff;
    --tenant-brand-mono-border: #e3e6f0;
    --tenant-logo-height: 46px;
    --tenant-logo-align: center;
    --tenant-topbar-bg: #FFFFFF;
    --tenant-topbar-text: #232519;
    --tenant-sidebar-bg: #232519;
    --tenant-sidebar-text: #EDEACA;
    --tenant-sidebar-hover-bg: #343725;
    --tenant-sidebar-hover-text: #ffffff;
    --tenant-sidebar-active-bg: #636B4D;
    --tenant-sidebar-active-text: #ffffff;
    --tenant-sidebar-collapse-bg: #1B1D13;
    --tenant-sidebar-collapse-header-color: #8E9577;
    --tenant-sidebar-collapse-item-color: #EDEACA;
    --tenant-sidebar-collapse-item-hover-bg: #323524;
    --tenant-sidebar-collapse-item-hover-text: #FFFFFF;
    --tenant-body-bg: #F6F6F2;
    --tenant-card-bg: #ffffff;
    --tenant-card-border: #e3e6f0;
    --tenant-card-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
    --tenant-border-radius: 0.35rem;
    --tenant-table-header-bg: #F6F6F2;
    --tenant-table-header-text: #232519;
    --tenant-table-hover-bg: #F1F2EB;
    --tenant-table-border: #e3e6f0;
    --tenant-duplicata-col-anticipation-bg: #636B4D;
    --tenant-duplicata-col-anticipation-text: #ffffff;
    --tenant-duplicata-btn-antecipar-bg: #636B4D;
    --tenant-duplicata-btn-antecipar-hover: #52593F;
    --tenant-duplicata-btn-antecipar-text: #ffffff;
    --tenant-cart-floating-bg: #232519;
    --tenant-cart-floating-icon: #EDEACA;
    --tenant-cart-floating-badge-bg: #C0392B;
    --tenant-cart-floating-badge-text: #ffffff;
    --tenant-pagination-bg: #ffffff;
    --tenant-pagination-text: #636B4D;
    --tenant-pagination-border: #e3e6f0;
    --tenant-pagination-hover-bg: #eaecf4;
    --tenant-pagination-hover-text: #52593F;
    --tenant-pagination-active-bg: #636B4D;
    --tenant-pagination-active-text: #ffffff;
}

/* Area do Logotipo Tenant */
.sidebar .sidebar-brand, .sidebar-brand.bg-primary, .sidebar .sidebar-brand.bg-primary, #accordionSidebar .sidebar-brand {
    background-color: #232519 !important;
    background: #232519 !important;
    border-bottom: 1px solid var(--tenant-brand-border, rgba(255, 255, 255, 0.08)) !important;
}
.sidebar:not(.toggled) .sidebar-brand, #accordionSidebar:not(.toggled) .sidebar-brand {
    justify-content: center !important;
}
.sidebar .sidebar-brand-img, #accordionSidebar .sidebar-brand-img {
    max-height: 46px !important;
    height: auto !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}
.sidebar .sidebar-brand-mono, #accordionSidebar .sidebar-brand-mono {
    color: #ffffff !important;
    background-color: #232519 !important;
    border-color: #e3e6f0 !important;
}

/* Topbar / Header Superior Tenant */
.topbar, nav.navbar.topbar, .topbar.navbar-light, .topbar.navbar-dark {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
}
.topbar .nav-item .nav-link, .topbar .nav-item .nav-link i, .topbar .navbar-search input, .topbar .fornecedor-name, .topbar #sidebarToggleTop, .topbar .text-gray-600, .topbar .dropdown-toggle {
    color: #232519 !important;
}

/* Sidebar Tenant */
.sidebar.bg-gradient-primary, .sidebar.accordion, #accordionSidebar {
    background: #232519 !important;
    background-color: #232519 !important;
}
.sidebar .sidebar-heading {
    color: #EDEACA !important;
}
.sidebar .nav-item > .nav-link {
    color: #EDEACA !important;
}
.sidebar .nav-item > .nav-link i {
    color: #EDEACA !important;
}
.sidebar .nav-item > .nav-link:hover {
    background-color: #343725 !important;
    color: #ffffff !important;
}
.sidebar .nav-item > .nav-link:hover i, .sidebar .nav-item > .nav-link:hover span {
    color: #ffffff !important;
}
.sidebar .nav-item.active > .nav-link {
    background-color: #636B4D !important;
    color: #ffffff !important;
    font-weight: 700;
}
.sidebar .nav-item.active > .nav-link i, .sidebar .nav-item.active > .nav-link span {
    color: #ffffff !important;
}
.sidebar .nav-item.active > .nav-link::before, #accordionSidebar .nav-item.active > .nav-link::before {
    background: var(--tenant-primary, #636B4D) !important;
    background-color: var(--tenant-primary, #636B4D) !important;
}

/* Submenus da Sidebar (Collapse) */
.sidebar .nav-item .collapse .collapse-inner, .sidebar .nav-item .collapsing .collapse-inner, #accordionSidebar .collapse-inner {
    background-color: #1B1D13 !important;
    background: #1B1D13 !important;
}
.sidebar .collapse-inner .collapse-header, #accordionSidebar .collapse-inner .collapse-header {
    color: #8E9577 !important;
}
.sidebar .collapse-inner .collapse-item, .sidebar .collapse-inner .nav-link, #accordionSidebar .collapse-inner .collapse-item, #accordionSidebar .collapse-inner .nav-link {
    color: #EDEACA !important;
    background-color: transparent !important;
}
.sidebar .collapse-inner .collapse-item i, .sidebar .collapse-inner .nav-link i, .sidebar .collapse-inner .collapse-item span, .sidebar .collapse-inner .nav-link span {
    color: #EDEACA !important;
}
.sidebar .collapse-inner .collapse-item:hover, .sidebar .collapse-inner .nav-link:hover, #accordionSidebar .collapse-inner .collapse-item:hover, #accordionSidebar .collapse-inner .nav-link:hover {
    background-color: #323524 !important;
    color: #FFFFFF !important;
}
.sidebar .collapse-inner .collapse-item:hover i, .sidebar .collapse-inner .nav-link:hover i, .sidebar .collapse-inner .collapse-item:hover span, .sidebar .collapse-inner .nav-link:hover span {
    color: #FFFFFF !important;
}
.sidebar .collapse-inner .collapse-item.active, .sidebar .collapse-inner .nav-link.active, #accordionSidebar .collapse-inner .collapse-item.active, #accordionSidebar .collapse-inner .nav-link.active {
    color: var(--tenant-primary, #636B4D) !important;
    font-weight: 700 !important;
}
.sidebar .collapse-inner .collapse-item.active i, .sidebar .collapse-inner .nav-link.active i, .sidebar .collapse-inner .collapse-item.active span, .sidebar .collapse-inner .nav-link.active span, #accordionSidebar .collapse-inner .collapse-item.active i, #accordionSidebar .collapse-inner .nav-link.active i, #accordionSidebar .collapse-inner .collapse-item.active span, #accordionSidebar .collapse-inner .nav-link.active span {
    color: var(--tenant-primary, #636B4D) !important;
}
.sidebar .collapse-inner .collapse-item.active::before, .sidebar .collapse-inner .nav-link.active::before, #accordionSidebar .collapse-inner .collapse-item.active::before, #accordionSidebar .collapse-inner .nav-link.active::before {
    background: var(--tenant-primary, #636B4D) !important;
    background-color: var(--tenant-primary, #636B4D) !important;
}
.sidebar .collapse-inner .collapse-item.active:hover, .sidebar .collapse-inner .nav-link.active:hover, #accordionSidebar .collapse-inner .collapse-item.active:hover, #accordionSidebar .collapse-inner .nav-link.active:hover {
    color: var(--tenant-primary, #636B4D) !important;
}
.sidebar .collapse-inner .collapse-item.active:hover span, .sidebar .collapse-inner .nav-link.active:hover span, #accordionSidebar .collapse-inner .collapse-item.active:hover span, #accordionSidebar .collapse-inner .nav-link.active:hover span {
    color: var(--tenant-primary, #636B4D) !important;
}

/* Fundo Geral da Pagina */
#content-wrapper, #content, body#page-top {
    background-color: #F6F6F2 !important;
}

/* Cards e Paineis Tenant */
.card {
    background-color: #ffffff !important;
    border-color: #e3e6f0 !important;
    border-radius: 0.35rem !important;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}
.card-header {
    background-color: #ffffff !important;
    border-bottom-color: #e3e6f0 !important;
    border-top-left-radius: 0.35rem !important;
    border-top-right-radius: 0.35rem !important;
}
.btn, .form-control, .form-select {
    border-radius: 0.35rem;
}

/* Tabelas do Sistema Tenant */
.table thead tr, .table thead th, .table-custom-header, .table tfoot tr, .table tfoot th {
    background-color: #F6F6F2 !important;
    background: #F6F6F2 !important;
    color: #232519 !important;
}
.table thead th, .table-custom-header th {
    color: #232519 !important;
}
.table tbody tr:hover {
    background-color: #F1F2EB !important;
}
.table th, .table td {
    border-color: #e3e6f0 !important;
}

/* Botoes Primarios Tenant */
.btn-primary, .btn-ptimary-admin, .btn-primary-admin, .btn-action-primary, .btn-action-link {
    background-color: var(--tenant-primary) !important;
    border-color: var(--tenant-primary) !important;
    color: #ffffff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-ptimary-admin:hover, .btn-ptimary-admin:focus, .btn-ptimary-admin:active, .btn-primary-admin:hover, .btn-primary-admin:focus, .btn-primary-admin:active, .btn-action-primary:hover, .btn-action-primary:focus, .btn-action-primary:active, .btn-action-link:hover, .btn-action-link:focus, .btn-action-link:active {
    background-color: var(--tenant-primary-hover) !important;
    border-color: var(--tenant-primary-hover) !important;
    color: #ffffff !important;
}
.btn-outline-primary {
    color: var(--tenant-primary) !important;
    border-color: var(--tenant-primary) !important;
}
.btn-outline-primary:hover {
    background-color: var(--tenant-primary) !important;
    border-color: var(--tenant-primary) !important;
    color: #ffffff !important;
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
    background-color: var(--tenant-primary) !important;
    border-color: var(--tenant-primary) !important;
    color: #ffffff !important;
}

/* Formularios, Sliders e Checks Tenant */
.form-range::-webkit-slider-thumb {
    background-color: var(--tenant-primary) !important;
}
.form-range::-moz-range-thumb {
    background-color: var(--tenant-primary) !important;
}
.form-check-input:checked {
    background-color: var(--tenant-primary) !important;
    border-color: var(--tenant-primary) !important;
}

/* Links e Destaques Tenant */
a.text-primary, .text-primary {
    color: var(--tenant-primary) !important;
}
.bg-primary, .badge.bg-primary, .badge-primary {
    background-color: var(--tenant-primary) !important;
    color: #ffffff !important;
}

/* Badges, Pills e Contadores de Painel Tenant */
.approval-panel__count, .badge-soft-primary, .badge-primary-soft, .badge.bg-light.text-primary, .badge.text-primary, .badge-tag-sm.text-primary, .badge-tag-md.text-primary {
    color: var(--tenant-primary) !important;
    background-color: rgba(var(--tenant-primary-rgb), 0.12) !important;
    background: rgba(var(--tenant-primary-rgb), 0.12) !important;
    border-color: rgba(var(--tenant-primary-rgb), 0.25) !important;
}
.approval-panel__count {
    border: 1px solid rgba(var(--tenant-primary-rgb), 0.25) !important;
}
.approval-history-list li {
    border-left-color: rgba(var(--tenant-primary-rgb), 0.35) !important;
}

/* Badges e Especificacoes de Uploads White Label */
.upload-specs-row .spec-pill.spec-dim, .upload-size-badge {
    color: var(--tenant-primary) !important;
    background-color: rgba(var(--tenant-primary-rgb), 0.12) !important;
    border-color: rgba(var(--tenant-primary-rgb), 0.3) !important;
}
.upload-specs-row .spec-pill.spec-dim i, .upload-size-badge i {
    color: var(--tenant-primary) !important;
}

/* Paginacao Tenant */
.pagination a, .page-link {
    background-color: #ffffff !important;
    color: #636B4D !important;
    border-color: #e3e6f0 !important;
}
.pagination a i, .page-link i {
    color: #636B4D !important;
}
.pagination a:hover, .page-link:hover {
    background-color: #eaecf4 !important;
    color: #52593F !important;
}
.pagination a:hover i, .page-link:hover i {
    color: #52593F !important;
}
.pagination a.active, .page-item.active .page-link {
    background-color: #636B4D !important;
    border-color: #636B4D !important;
    color: #ffffff !important;
}
.pagination a.active i, .page-item.active .page-link i {
    color: #ffffff !important;
}

/* Duplicatas, Estimativa de Antecipacao e Carrinho */
.th-anticipation-col, th.bg-success.text-white, .table th.th-anticipation-col, .table th.bg-success {
    background-color: #636B4D !important;
    background: #636B4D !important;
    color: #ffffff !important;
}
.th-anticipation-col a, th.bg-success.text-white a, .table th.bg-success a {
    color: #ffffff !important;
}
.td-anticipation-col, td.bg-success.text-white, .table td.td-anticipation-col, .table td.bg-success {
    background-color: #636B4D !important;
    background: #636B4D !important;
    color: #ffffff !important;
}
.btn-anticipar-action, .btn.btn-anticipar-action, .js-add-quotation.btn-success, .js-add-all-quotation.btn-success {
    background-color: #636B4D !important;
    background: #636B4D !important;
    border-color: #636B4D !important;
    color: #ffffff !important;
}
.btn-anticipar-action i, .btn.btn-anticipar-action i, .js-add-quotation.btn-success i, .js-add-all-quotation.btn-success i {
    color: #ffffff !important;
}
.btn-anticipar-action:hover, .btn.btn-anticipar-action:hover, .js-add-quotation.btn-success:hover, .js-add-all-quotation.btn-success:hover {
    background-color: #52593F !important;
    background: #52593F !important;
    border-color: #52593F !important;
    color: #ffffff !important;
}
.button-quotation, .js-button-quotation {
    background-color: #232519 !important;
    background: #232519 !important;
    color: #EDEACA !important;
}
.button-quotation i, .js-button-quotation i {
    color: #EDEACA !important;
}
.button-quotation .badge-counter, .js-button-quotation .badge-counter {
    background-color: #C0392B !important;
    background: #C0392B !important;
    color: #ffffff !important;
}

/* Background e Estilos da Tela de Login */
.brand-panel {
    background-image: linear-gradient(rgba(70, 83, 55, 0.65), rgba(70, 83, 55, 0.65)), url('https://portalfornecedor-whitelabel.s3.amazonaws.com/whitelabel/tenant-3/login_background_1792694357.jpg') !important;
    background-size: cover !important;
    background-position: center left !important;
    background-repeat: no-repeat !important;
}
.brand-panel::before {
    display: none !important;
}

body#login, #login.login-page {
    background-color: #636B4D !important;
}

.login-submit, #login .login-submit {
    background: #636B4D !important;
    background-color: #636B4D !important;
    border-color: #636B4D !important;
    color: #ffffff !important;
}
.login-submit:hover, #login .login-submit:hover {
    background: #52593F !important;
    background-color: #52593F !important;
    border-color: #52593F !important;
    color: #ffffff !important;
}
.login-input:focus, #login .login-input:focus, .form-check input[type="checkbox"]:focus-visible {
    border-color: #636B4D !important;
    outline-color: #636B4D !important;
}
.form-check input[type="checkbox"]:checked {
    background-color: #636B4D !important;
    border-color: #636B4D !important;
}
.brand-panel__display-accent, #login .brand-panel__display-accent, .brand-panel__eyebrow, #login .brand-panel__eyebrow, .brand-panel__hl, #login .brand-panel__hl, .login-link, #login .login-link {
    color: #636B4D !important;
}
.brand-panel__features .feature__icon, #login .brand-panel__features .feature__icon, .brand-panel__features .feature__icon i, #login .brand-panel__features .feature__icon i {
    color: #ffffff !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.brand-panel__rule, #login .brand-panel__rule {
    background: #636B4D !important;
    background-color: #636B4D !important;
}
#login .login-help, #login a.login-help, #login .login-foot a {
    color: #636B4D !important;
}

/* CSS/SCSS Customizado do Operador */
/* ==========================================================================
   TEMA BRAFIC - BACKGROUND COM SUTILEZA VIA CSS + ÍCONES BRANCOS
   ========================================================================== */

/* 1. Remove qualquer camada antiga */
#login.login-page .brand-panel::before,
.brand-panel::before {
  display: none !important;
}

/* 2. Aplica a imagem com filtro verde oliva translúcido suave (marca d'água perfeita) */
#login.login-page .brand-panel,
.brand-panel {
  background-size: cover !important;
  background-position: center left !important;
  background-repeat: no-repeat !important;
}

/* 3. Ícones brancos e nítidos */
#login .brand-panel__features .feature__icon,
.brand-panel__features .feature__icon,
#login .brand-panel__features .feature__icon i,
.brand-panel__features .feature__icon i {
  color: #ffffff !important;
}

#login .brand-panel__features .feature__icon,
.brand-panel__features .feature__icon {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

/* 4. Textos com alta legibilidade */
.brand-panel__display,
.brand-panel__lead,
.brand-panel__features .feature__title {
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}

.brand-panel__support,
.brand-panel__features .feature__desc {
  color: rgba(255, 255, 255, 0.88) !important;
}

.brand-panel__eyebrow,
.brand-panel__rule {
  color: #e2d5ab !important;
  background-color: #e2d5ab !important;
}

#login .brand-panel__features .feature__icon,
.brand-panel__features .feature__icon,
#login .brand-panel__features .feature__icon i,
.brand-panel__features .feature__icon i {
  color: #ffffff !important;
}
#login .brand-panel__features .feature__icon,
.brand-panel__features .feature__icon,
#login .brand-panel__features .feature__icon i,
.brand-panel__features .feature__icon i {
  color: #ffffff !important;
  background: rgba(255,255,255,0.2) !important;
  border: none !important;
  box-shadow: none !important;
}
#login .brand-panel__features .feature__icon i{
background: transparent!important;
}