/* Dashboard Theme - Pathbit Violet (var(--color-primary)) */
/* Override da variável global para o portal parceiro */
.partner-dashboard,
.partner-area {
  --color-primary: var(--primary, #6d28d9);
}

.partner-dashboard .sidebar {
  background: var(--primary);
}

.partner-dashboard .sidebar-link.active {
  background: rgba(255, 255, 255, 0.2);
  border-left-color: var(--color-text-on-brand, #fff);
}

.partner-dashboard .topbar-action-btn:hover,
.partner-dashboard .user-dropdown:hover,
.partner-dashboard .notif-bell-btn:hover {
  border-color: var(--primary);
  color: var(--primary);
}

.partner-dashboard .topbar-action-btn:hover i,
.partner-dashboard .user-dropdown:hover .user-icon {
  color: var(--primary);
}

.partner-dashboard #userDropdown + .dropdown-menu .dropdown-item:hover,
.partner-dashboard #userDropdown + .dropdown-menu .dropdown-item:focus,
.partner-dashboard #userDropdown + .dropdown-menu .dropdown-item:active,
.partner-dashboard #userDropdown + .dropdown-menu .dropdown-item.active {
  background-color: rgba(var(--primary-rgb, 109, 40, 217), 0.06) !important;
  color: var(--primary) !important;
  border-left-color: var(--primary);
}

.partner-dashboard #userDropdown + .dropdown-menu .dropdown-item:hover i {
  color: var(--primary) !important;
}

.partner-dashboard .topbar-action-btn:focus-visible,
.partner-dashboard .user-dropdown:focus-visible,
.partner-dashboard .notif-bell-btn:focus-visible {
  box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb, 109, 40, 217), 0.25) !important;
}

.partner-area {
  /* #153: padrão canônico de tipografia das áreas — fonte única via token. */
  font-family: var(--font-ui, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.partner-area main {
  flex: 1;
}

/* Navigation Customization - Pathbit Theme */
.partner-area .navbar {
  background: var(--primary-active, var(--color-purple-900)) !important;
}

.partner-area .navbar-brand {
  font-size: 1.5rem;
  letter-spacing: -0.5px;
}

/* Estilos específicos apenas para links de navbar — não afeta .tabs */
.partner-area .navbar .nav-link {
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  border-radius: 6px;
  margin: 0 4px;
  padding: var(--spacing-xs, 0.5rem) 12px !important;
}

.partner-area .navbar .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.1);

}

/* Cards Enhancement */
.partner-area .card {
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  border-radius: 12px;
}

.partner-area .card:hover {

  box-shadow: var(--shadow-lg) !important;
}

/* Stats Cards */
.partner-area .card-body h3 {
  font-weight: 700;
  color: var(--color-bs-gray-800);
}

.partner-area .card-body h6 {
  font-weight: 500;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Buttons */
.partner-area .btn {
  border-radius: var(--radius-md, 8px);
  font-weight: 500;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.partner-area .btn:hover {
  box-shadow: none;
}

/* Footer */
.partner-area .footer {
  margin-top: auto;
}

/* Icon Enhancements */
.partner-area .bi {
  vertical-align: middle;
}

/* Accent Color - Pathbit Theme */
.partner-area .text-primary {
  color: var(--primary, var(--color-primary)) !important;
}

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

/* Override Bootstrap Warning - Use deeper gold/orange instead of pale yellow */
.partner-area .text-warning {
  color: var(--color-warning-gold-600) !important;
}

.partner-area .bg-warning {
  background-color: var(--color-warning-gold-600) !important;
}

.partner-area .bg-warning-subtle {
  background-color: rgba(230, 138, 0, 0.15) !important;
}

/* Override Bootstrap Info - Use brand red instead of light blue */
.partner-area .text-info {
  color: var(--primary) !important;
}

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

.partner-area .bg-info-subtle {
  background-color: rgba(var(--primary-rgb, 109, 40, 217), 0.15) !important;
}

/* Custom Gold color for rankings */
.partner-area .text-gold {
  color: var(--color-warning-gold-700) !important;
}

.partner-area .bg-gold {
  background-color: var(--color-warning-gold-700) !important;
}

.partner-area .bg-gold-subtle {
  background-color: rgba(212, 167, 69, 0.15) !important;
}