/* =====================================================================
   AVIATOR ADMIN · TEMA PREMIUM (dark + vermelho)
   Arquivo extra carregado DEPOIS do style.css do Purple Admin.
   Para desfazer: remova a linha <link ... custom.css> dos blades.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  --av-bg: #09090b;
  --av-bg-2: #0f0f12;
  --av-surface: #141417;
  --av-surface-2: #1a1a1f;
  --av-border: rgba(255, 255, 255, .07);
  --av-border-2: rgba(255, 255, 255, .12);
  --av-text: #f4f4f5;
  --av-text-2: #a1a1aa;
  --av-text-3: #71717a;
  --av-red: #e40539;
  --av-red-2: #ff3b5c;
  --av-red-soft: rgba(228, 5, 57, .14);
  --av-green: #22c55e;
  --av-amber: #f59e0b;
  --av-blue: #60a5fa;
  --av-radius: 18px;
  --av-radius-sm: 12px;
  --av-grad: linear-gradient(135deg, #ff4d6d 0%, #e40539 45%, #8a0322 100%);
  --av-shadow: 0 10px 30px -12px rgba(0, 0, 0, .8);
  --av-font: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* ---------- Base ---------- */
html, body { background: var(--av-bg) !important; }
body {
  font-family: var(--av-font) !important;
  color: var(--av-text);
  background:
    radial-gradient(1200px 600px at 100% 0%, rgba(228, 5, 57, .16), transparent 60%),
    radial-gradient(900px 500px at 0% 100%, rgba(228, 5, 57, .08), transparent 60%),
    var(--av-bg) !important;
  background-attachment: fixed !important;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--av-font) !important; color: var(--av-text); letter-spacing: -.01em; }
p, label, span, td, th, li { font-family: var(--av-font); }
a { color: var(--av-red-2); }
a:hover { color: #fff; }
.text-muted, .text-secondary { color: var(--av-text-2) !important; }
.text-dark, .text-black { color: var(--av-text) !important; }
.text-primary { color: var(--av-red-2) !important; }
::selection { background: var(--av-red); color: #fff; }

/* Scrollbar */
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: #26262c; border-radius: 8px; }
*::-webkit-scrollbar-thumb:hover { background: #3a3a42; }

.container-scroller, .page-body-wrapper, .main-panel, .content-wrapper { background: transparent !important; }

/* ---------- Topo (navbar) ---------- */
.navbar.default-layout-navbar, .navbar {
  background: rgba(12, 12, 15, .72) !important;
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  border-bottom: 1px solid var(--av-border) !important;
  box-shadow: none !important;
}
.navbar .navbar-brand-wrapper { background: transparent !important; border-right: 1px solid var(--av-border); }
.navbar .navbar-brand-wrapper .navbar-brand img,
.navbar .navbar-brand-wrapper .navbar-brand.brand-logo img {
  height: 38px !important; width: auto !important; max-width: 200px !important; object-fit: contain;
}
.navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini img { height: 34px !important; width: 34px !important; }
.navbar .navbar-menu-wrapper { background: transparent !important; color: var(--av-text) !important; }
.navbar .navbar-menu-wrapper .navbar-toggler,
.navbar .navbar-menu-wrapper .navbar-toggler span { color: var(--av-text-2) !important; }
.navbar .navbar-menu-wrapper .navbar-toggler:hover span { color: #fff !important; }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link i { color: var(--av-text-2) !important; }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link:hover,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link:hover i { color: #fff !important; }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text p { color: var(--av-text) !important; font-weight: 600; }
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img img {
  border: 2px solid var(--av-red); box-shadow: 0 0 0 3px var(--av-red-soft);
}

/* Seletor "Jogo" e qualquer select/input no topo */
.navbar select, .navbar .form-select, .navbar .form-control {
  background-color: var(--av-surface-2) !important;
  color: var(--av-text) !important;
  border: 1px solid var(--av-border-2) !important;
  border-radius: 999px !important;
  padding: 7px 36px 7px 16px !important;
  height: auto !important;
  font-weight: 600; font-size: 13px;
  box-shadow: none !important;
}
.navbar select:focus, .navbar .form-control:focus { border-color: var(--av-red) !important; box-shadow: 0 0 0 3px var(--av-red-soft) !important; }
.navbar label { color: var(--av-text-2) !important; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; font-weight: 700; }

/* Dropdowns */
.dropdown-menu, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu {
  background: var(--av-surface) !important;
  border: 1px solid var(--av-border-2) !important;
  border-radius: var(--av-radius-sm) !important;
  box-shadow: var(--av-shadow) !important;
  padding: 6px !important;
}
.dropdown-item, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item {
  color: var(--av-text) !important; border-radius: 8px; padding: 9px 12px !important;
}
.dropdown-item:hover, .dropdown-item:focus { background: var(--av-red-soft) !important; color: #fff !important; }
.dropdown-item i { color: var(--av-red-2) !important; }
.dropdown-divider { border-color: var(--av-border) !important; }

/* ---------- Menu lateral ---------- */
.sidebar {
  background: rgba(12, 12, 15, .6) !important;
  border-right: 1px solid var(--av-border);
  font-family: var(--av-font) !important;
}
.sidebar > .nav { padding: 12px 10px; }
.sidebar > .nav .nav-item { margin-bottom: 4px; }
.sidebar .nav .nav-item, .sidebar .nav .nav-item.active, .sidebar .nav .nav-item:hover { background: transparent !important; }
.sidebar > .nav .nav-item > .nav-link {
  border-radius: 12px !important;
  padding: 12px 14px !important;
  color: var(--av-text-2) !important;
  transition: background .2s, color .2s, box-shadow .2s;
}
.sidebar > .nav .nav-item > .nav-link .menu-title { color: inherit !important; font-weight: 600 !important; font-size: 14px !important; }
.sidebar > .nav .nav-item > .nav-link i,
.sidebar > .nav .nav-item > .nav-link .menu-icon { color: var(--av-text-3) !important; transition: color .2s; }
.sidebar > .nav .nav-item > .nav-link:hover { background: rgba(255, 255, 255, .04) !important; color: #fff !important; }
.sidebar > .nav .nav-item > .nav-link:hover i { color: #fff !important; }
.sidebar > .nav .nav-item.active > .nav-link {
  background: linear-gradient(90deg, rgba(228, 5, 57, .22), rgba(228, 5, 57, .04)) !important;
  color: #fff !important;
  box-shadow: inset 3px 0 0 var(--av-red);
}
.sidebar > .nav .nav-item.active > .nav-link i,
.sidebar > .nav .nav-item.active > .nav-link .menu-icon { color: var(--av-red-2) !important; }
.sidebar > .nav .nav-item.active > .nav-link .menu-title { color: #fff !important; }
.sidebar > .nav .nav-item.nav-profile .nav-link { background: var(--av-surface) !important; border: 1px solid var(--av-border); }
.sidebar > .nav .nav-item.nav-profile .nav-link .nav-profile-text .font-weight-bold,
.sidebar > .nav .nav-item.nav-profile .nav-link .nav-profile-text span { color: var(--av-text) !important; }
.sidebar > .nav .nav-item.nav-profile .nav-link .nav-profile-text .text-secondary { color: var(--av-text-3) !important; }
.sidebar > .nav .nav-item .collapse, .sidebar > .nav .nav-item .collapsing { background: transparent !important; }
.sidebar > .nav .nav-item .sub-menu .nav-item .nav-link { color: var(--av-text-2) !important; }
.sidebar > .nav .nav-item .sub-menu .nav-item .nav-link:hover,
.sidebar > .nav .nav-item .sub-menu .nav-item .nav-link.active { color: #fff !important; }
.sidebar > .nav .nav-item .sub-menu .nav-item .nav-link:before { color: var(--av-red) !important; }
.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title,
.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse { background: var(--av-surface) !important; }

/* ---------- Área de conteúdo ---------- */
.content-wrapper { padding: 2rem 2rem !important; }
.page-header { margin-bottom: 1.75rem !important; }
.page-header .page-title, .page-title { color: #fff !important; font-weight: 800 !important; font-size: 1.6rem !important; letter-spacing: -.02em; }
.page-title .page-title-icon {
  background: var(--av-grad) !important;
  box-shadow: 0 8px 20px -6px rgba(228, 5, 57, .7) !important;
  border-radius: 12px !important; width: 40px !important; height: 40px !important; line-height: 40px !important;
}
.page-header .breadcrumb, .breadcrumb { background: transparent !important; }
.breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item a { color: var(--av-text-2) !important; }

/* ---------- Cards ---------- */
.card {
  background: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .01)), var(--av-surface) !important;
  border: 1px solid var(--av-border) !important;
  border-radius: var(--av-radius) !important;
  box-shadow: var(--av-shadow) !important;
  color: var(--av-text) !important;
  overflow: hidden;
}
.card .card-body { padding: 1.6rem !important; }
.card .card-title, .card-title { color: #fff !important; font-weight: 700 !important; font-size: 1.05rem !important; text-transform: none !important; }
.card .card-description, .card-description { color: var(--av-text-2) !important; }
.card-header, .card-footer { background: transparent !important; border-color: var(--av-border) !important; color: var(--av-text) !important; }

/* Cartões de totais do dashboard (card-img-holder / bg-gradient-*) */
.card.card-img-holder, .card[class*="bg-gradient-"] {
  background: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .01)), var(--av-surface) !important;
  color: var(--av-text) !important;
  transition: transform .25s ease, border-color .25s, box-shadow .25s;
}
.card.card-img-holder:hover, .card[class*="bg-gradient-"]:hover {
  transform: translateY(-3px);
  border-color: rgba(228, 5, 57, .35) !important;
  box-shadow: 0 18px 40px -18px rgba(228, 5, 57, .55) !important;
}
.card.card-img-holder .card-img-absolute { opacity: .08 !important; filter: grayscale(1) brightness(2); }
.card.card-img-holder h4, .card[class*="bg-gradient-"] h4 {
  color: var(--av-text-2) !important; font-size: 13px !important; font-weight: 600 !important;
  text-transform: uppercase; letter-spacing: .08em;
}
.card.card-img-holder h2, .card[class*="bg-gradient-"] h2 {
  color: #fff !important; font-weight: 800 !important; font-size: clamp(1.4rem, 1.9vw, 2rem) !important; letter-spacing: -.02em; white-space: nowrap;
}
.card.card-img-holder h6, .card.card-img-holder .card-text { color: var(--av-text-2) !important; }
.card.card-img-holder h4 i, .card[class*="bg-gradient-"] h4 i {
  float: right; width: 42px; height: 42px; line-height: 42px; text-align: center; font-size: 22px !important;
  border-radius: 50%; background: rgba(255, 255, 255, .05); border: 1px solid var(--av-border-2); color: #fff;
  margin-top: -10px;
}
/* O primeiro cartão de cada linha ganha o destaque vermelho (igual referência) */
.row > [class*="col"]:first-child > .card.card-img-holder,
.row > [class*="col"]:first-child > .card[class*="bg-gradient-"] {
  background:
    radial-gradient(120% 140% at 0% 100%, #ff6b81 0%, rgba(228, 5, 57, .95) 35%, rgba(90, 4, 25, .9) 70%, #141417 100%) !important;
  border-color: rgba(255, 90, 120, .35) !important;
}
.row > [class*="col"]:first-child > .card.card-img-holder h4,
.row > [class*="col"]:first-child > .card.card-img-holder h6,
.row > [class*="col"]:first-child > .card.card-img-holder .card-text { color: rgba(255, 255, 255, .85) !important; }

/* Gradientes usados em badges/ícones/botões */
.bg-gradient-primary, .bg-gradient-danger { background: var(--av-grad) !important; }
.bg-gradient-info { background: linear-gradient(135deg, #3b82f6, #1e3a8a) !important; }
.bg-gradient-success { background: linear-gradient(135deg, #22c55e, #065f46) !important; }
.bg-gradient-warning { background: linear-gradient(135deg, #f59e0b, #92400e) !important; }
.bg-gradient-dark { background: linear-gradient(135deg, #3f3f46, #18181b) !important; }
.bg-white, .bg-light { background-color: var(--av-surface) !important; }

/* ---------- Tabelas ---------- */
.table, .table > :not(caption) > * > * {
  color: var(--av-text) !important;
  background-color: transparent !important;
  border-color: var(--av-border) !important;
  box-shadow: none !important;
}
.table thead th, .table th {
  color: var(--av-text-3) !important; font-weight: 700 !important; font-size: 11.5px !important;
  text-transform: uppercase; letter-spacing: .08em; border-top: 0 !important;
}
.table td { vertical-align: middle; font-size: 14px; padding-top: 14px !important; padding-bottom: 14px !important; }
.table-striped > tbody > tr:nth-of-type(odd) > * { background-color: rgba(255, 255, 255, .015) !important; }
.table-hover > tbody > tr:hover > *, .table tbody tr:hover > * { background-color: rgba(228, 5, 57, .06) !important; }
.table-bordered, .table-bordered td, .table-bordered th { border-color: var(--av-border) !important; }
.table-responsive { border-radius: var(--av-radius-sm); }

/* DataTables (lista de usuários) */
.dataTables_wrapper, .dataTables_wrapper label, .dataTables_info { color: var(--av-text-2) !important; }
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select {
  background: var(--av-surface-2) !important; color: var(--av-text) !important;
  border: 1px solid var(--av-border-2) !important; border-radius: 10px !important; padding: 6px 12px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button { color: var(--av-text-2) !important; border-radius: 8px !important; border: 0 !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: var(--av-grad) !important; color: #fff !important; }

/* Paginação bootstrap */
.pagination .page-link { background: var(--av-surface-2) !important; border-color: var(--av-border) !important; color: var(--av-text-2) !important; }
.pagination .page-item.active .page-link { background: var(--av-grad) !important; border-color: transparent !important; color: #fff !important; }

/* ---------- Formulários ---------- */
.form-control, .form-select, select.form-control, .typeahead, .tt-query, .tt-hint, .input-group-text,
input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="username"], textarea, select {
  background-color: var(--av-surface-2) !important;
  color: var(--av-text) !important;
  border: 1px solid var(--av-border-2) !important;
  border-radius: var(--av-radius-sm) !important;
  font-family: var(--av-font) !important;
  transition: border-color .2s, box-shadow .2s;
}
.form-control::placeholder, input::placeholder, textarea::placeholder { color: var(--av-text-3) !important; }
.form-control:focus, .form-select:focus, input:focus, textarea:focus, select:focus {
  border-color: var(--av-red) !important;
  box-shadow: 0 0 0 4px var(--av-red-soft) !important;
  outline: none !important;
}
.form-control:disabled, .form-control[readonly] { background-color: #111114 !important; color: var(--av-text-2) !important; }
select option { background: var(--av-surface) !important; color: var(--av-text) !important; }
.form-group label, .form-label, label { color: var(--av-text-2) !important; font-weight: 600; font-size: 13px; }
.form-check-input { background-color: var(--av-surface-2) !important; border-color: var(--av-border-2) !important; }
.form-check-input:checked { background-color: var(--av-red) !important; border-color: var(--av-red) !important; }
.form-check .form-check-label { color: var(--av-text) !important; }
input[type="file"]::file-selector-button {
  background: var(--av-surface) !important; color: var(--av-text) !important;
  border: 0; border-right: 1px solid var(--av-border-2); padding: 8px 14px; margin-right: 10px;
}

/* ---------- Botões ---------- */
.btn { font-family: var(--av-font) !important; font-weight: 700 !important; border-radius: 999px !important; letter-spacing: .01em; transition: transform .15s, box-shadow .2s, filter .2s; }
.btn:active { transform: scale(.98); }
.btn-gradient-primary, .btn-gradient-danger, .btn-primary, .btn-danger {
  background: var(--av-grad) !important; border: 0 !important; color: #fff !important;
  box-shadow: 0 10px 24px -10px rgba(228, 5, 57, .8) !important;
}
.btn-gradient-primary:hover, .btn-gradient-danger:hover, .btn-primary:hover, .btn-danger:hover { filter: brightness(1.12); color: #fff !important; }
.btn-gradient-success, .btn-success { background: linear-gradient(135deg, #22c55e, #15803d) !important; border: 0 !important; color: #fff !important; }
.btn-gradient-info, .btn-info { background: linear-gradient(135deg, #60a5fa, #2563eb) !important; border: 0 !important; color: #fff !important; }
.btn-gradient-warning, .btn-warning { background: linear-gradient(135deg, #fbbf24, #d97706) !important; border: 0 !important; color: #111 !important; }
.btn-light, .btn-secondary, .btn-gradient-light, .btn-gradient-dark, .btn-dark {
  background: var(--av-surface-2) !important; border: 1px solid var(--av-border-2) !important; color: var(--av-text) !important;
}
.btn-light:hover, .btn-secondary:hover, .btn-dark:hover { background: #24242a !important; color: #fff !important; }
[class*="btn-outline-"] { background: transparent !important; border: 1px solid var(--av-border-2) !important; color: var(--av-text) !important; }
[class*="btn-outline-"]:hover { border-color: var(--av-red) !important; color: #fff !important; background: var(--av-red-soft) !important; }

/* ---------- Badges / status ---------- */
.badge { border-radius: 999px !important; font-weight: 700 !important; padding: .45em .85em !important; font-size: 11.5px !important; }
.badge-success, .badge-gradient-success, .bg-success { background: rgba(34, 197, 94, .12) !important; color: #4ade80 !important; border: 1px solid rgba(34, 197, 94, .35); }
.badge-danger, .badge-gradient-danger, .bg-danger { background: rgba(228, 5, 57, .14) !important; color: #ff6b81 !important; border: 1px solid rgba(228, 5, 57, .4); }
.badge-warning, .badge-gradient-warning, .bg-warning { background: rgba(245, 158, 11, .12) !important; color: #fbbf24 !important; border: 1px solid rgba(245, 158, 11, .35); }
.badge-info, .badge-gradient-info, .bg-info, .badge-primary, .badge-gradient-primary { background: rgba(96, 165, 250, .12) !important; color: #93c5fd !important; border: 1px solid rgba(96, 165, 250, .35); }

/* ---------- Alertas, modais, listas ---------- */
.alert { border-radius: var(--av-radius-sm) !important; border: 1px solid var(--av-border-2) !important; background: var(--av-surface-2) !important; color: var(--av-text) !important; }
.modal-content { background: var(--av-surface) !important; border: 1px solid var(--av-border-2) !important; border-radius: var(--av-radius) !important; color: var(--av-text) !important; box-shadow: var(--av-shadow); }
.modal-header, .modal-footer { border-color: var(--av-border) !important; }
.modal-backdrop.show { opacity: .7 !important; }
.btn-close { filter: invert(1) grayscale(1) brightness(2); }
.list-group-item { background: transparent !important; color: var(--av-text) !important; border-color: var(--av-border) !important; }
hr { border-color: var(--av-border) !important; opacity: 1; }

/* ---------- Rodapé ---------- */
.footer {
  background: transparent !important;
  border-top: 1px solid var(--av-border) !important;
  color: var(--av-text-3) !important;
  font-family: var(--av-font) !important;
}
.footer a, .footer span { color: var(--av-text-3) !important; }

/* =====================================================================
   TELA DE LOGIN
   ===================================================================== */
.content-wrapper.auth {
  min-height: 100vh;
  background:
    radial-gradient(700px 420px at 85% 10%, rgba(228, 5, 57, .35), transparent 65%),
    radial-gradient(600px 400px at 10% 95%, rgba(228, 5, 57, .18), transparent 65%),
    var(--av-bg) !important;
}
.auth .auth-form-light {
  background: rgba(20, 20, 23, .78) !important;
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--av-border-2);
  border-radius: 24px;
  box-shadow: 0 30px 80px -30px rgba(0, 0, 0, .9), 0 0 0 1px rgba(228, 5, 57, .08);
  position: relative; overflow: hidden;
}
.auth .auth-form-light::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--av-grad);
}
.auth .brand-logo { margin-bottom: 1.75rem !important; text-align: center; }
.auth .brand-logo img { width: auto !important; max-width: 220px !important; height: 56px !important; object-fit: contain; }
.auth h4 { color: #fff !important; font-weight: 800 !important; font-size: 1.5rem !important; letter-spacing: -.02em; }
.auth h6 { color: var(--av-text-2) !important; }
.auth form .form-control-lg { height: 52px !important; font-size: 15px !important; padding: 0 18px !important; }
.auth form .auth-form-btn { height: 52px; font-size: 15px !important; letter-spacing: .08em; margin-top: 8px; }

/* ---------- Responsivo ---------- */
@media (max-width: 991px) {
  .content-wrapper { padding: 1.25rem 1rem !important; }
  .sidebar-offcanvas { background: #0c0c0f !important; box-shadow: 20px 0 60px rgba(0, 0, 0, .6); }
  .navbar .navbar-brand-wrapper { border-right: 0; }
  .card.card-img-holder h2 { font-size: 1.6rem !important; }
}
@media (max-width: 575px) {
  .auth .auth-form-light { padding: 2rem 1.4rem !important; }
}

/* =====================================================================
   HOTFIX v3 — fundo azul da logo, foto de perfil redonda, ícones centrados
   ===================================================================== */

/* (1) Remove qualquer fundo/caixa azul atrás da logo do topo */
.navbar .navbar-brand-wrapper,
.navbar .navbar-brand,
.navbar .navbar-brand.brand-logo,
.navbar .navbar-brand.brand-logo-mini,
.navbar .navbar-brand img,
.navbar .navbar-brand.brand-logo img,
.navbar .navbar-brand.brand-logo-mini img {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.navbar .navbar-brand.brand-logo img,
.navbar .navbar-brand.brand-logo-mini img {
  width: auto !important;
  height: 40px !important;
  max-width: 200px !important;
  object-fit: contain !important;
}

/* (2) Foto de perfil: círculo perfeito, sem achatar */
.sidebar .nav-profile .nav-profile-image,
.sidebar .nav-profile-image {
  width: 46px !important; height: 46px !important;
  flex: 0 0 46px !important; min-width: 46px !important;
  border-radius: 50% !important; overflow: hidden !important;
  position: relative;
}
.sidebar .nav-profile .nav-profile-image img,
.sidebar .nav-profile-image img {
  width: 46px !important; height: 46px !important;
  border-radius: 50% !important; object-fit: cover !important; display: block;
}
.navbar .nav-profile .nav-profile-img,
.navbar .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img {
  width: 40px !important; height: 40px !important; flex: 0 0 40px !important;
  border-radius: 50% !important; overflow: hidden !important;
}
.navbar .nav-profile-img img,
.navbar .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img img {
  width: 40px !important; height: 40px !important;
  border-radius: 50% !important; object-fit: cover !important; display: block;
}
img.profile-pic, .profile-pic {
  border-radius: 50% !important; object-fit: cover !important;
}

/* (3) Ícones centralizados dentro das caixinhas */
.page-title .page-title-icon,
.page-header .page-title .page-title-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important; text-align: center !important;
}
.page-title .page-title-icon i,
.page-header .page-title .page-title-icon i {
  margin: 0 !important; line-height: 1 !important; font-size: 18px !important;
  display: inline-flex; align-items: center; justify-content: center;
}
/* ícone dentro dos cards de total e badges redondos */
.card h4 i, .card [class*="icon-holder"] i,
.icon-holder, [class*="rounded"] i {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
}
/* itens do menu lateral: ícone e texto alinhados */
.sidebar .nav .nav-item .nav-link {
  display: flex !important; align-items: center !important;
}
.sidebar .nav .nav-item .nav-link .menu-icon {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  width: 22px !important; text-align: center !important;
}

/* =====================================================================
   HOTFIX v4 — remove card de perfil, logo sem fundo azul
   ===================================================================== */

/* (A) Remove o card "Thixpro Admin / Administração" do menu lateral */
.sidebar .nav .nav-item.nav-profile { display: none !important; }

/* (B) Logo do topo limpa (tag reescrita pelo script, sem fundo/estilo embutido) */
.navbar .navbar-brand .av-brand-img,
.navbar .navbar-brand.brand-logo .av-brand-img,
.navbar .navbar-brand.brand-logo-mini .av-brand-img,
.av-brand-img {
  height: 40px !important;
  width: auto !important;
  max-width: 200px !important;
  object-fit: contain !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.navbar .navbar-brand,
.navbar .navbar-brand.brand-logo,
.navbar .navbar-brand.brand-logo-mini {
  background: transparent !important; box-shadow: none !important; border: 0 !important;
}
