/* Tema RANKZ DAYZ - Cores baseadas no logotipo */
:root {
    --rankz-primary: #d4af37; /* Dourado */
    --rankz-primary-dark: #b8941f;
    --rankz-secondary: #ff6b35; /* Laranja */
    --rankz-dark: #1a1a1a; /* Preto quase */
    --rankz-dark-light: #2d2d2d;
    --rankz-gray: #3a3a3a;
    --rankz-text: #e8e8e8;
    --rankz-text-muted: #a0a0a0;
    --rankz-bg-dark: #0f0f0f;
    --rankz-border: #4a4a4a;
}

/* =========================
   Player Profile (Perfil) - Modern UI/UX
   ========================= */
.player-hero {
    background: 
        radial-gradient(1200px 400px at 20% 0%, rgba(212, 175, 55, 0.22), transparent 60%),
        radial-gradient(900px 350px at 90% 20%, rgba(255, 107, 53, 0.15), transparent 55%),
        linear-gradient(135deg, rgba(26, 26, 26, 0.95) 0%, rgba(45, 45, 45, 0.95) 100%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(212, 175, 55, 0.3);
    border-radius: 24px;
    padding: 2rem;
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(255, 255, 255, 0.05) inset,
        0 0 40px rgba(212, 175, 55, 0.1);
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.player-hero:hover {
    border-color: rgba(212, 175, 55, 0.5);
    box-shadow: 
        0 25px 70px rgba(0, 0, 0, 0.6),
        0 0 0 1px rgba(255, 255, 255, 0.08) inset,
        0 0 60px rgba(212, 175, 55, 0.15);
    transform: translateY(-2px);
}

.player-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.10), transparent);
    transform: translateX(-100%);
    animation: shimmer 3.5s ease-in-out infinite;
    pointer-events: none;
}

.player-hero-title {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin: 0;
}

.player-hero-title .player-name {
    font-weight: 800;
    letter-spacing: 0.2px;
}

/* Badges do Hero - Rank e KD */
.player-hero-highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.badge-hero-rank {
    background: linear-gradient(135deg, var(--rankz-primary) 0%, var(--rankz-secondary) 100%);
    color: var(--rankz-dark);
    font-weight: 800;
    font-size: 1rem;
    padding: 0.65rem 1.25rem;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4);
    border: 2px solid rgba(212, 175, 55, 0.5);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.badge-hero-rank:hover {
    transform: scale(1.05) translateY(-2px);
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.6);
}

.badge-hero-rank .rank-total {
    font-size: 0.85rem;
    opacity: 0.8;
    font-weight: 600;
    margin-left: 0.25rem;
}

.badge-hero-kd {
    background: rgba(212, 175, 55, 0.15);
    color: var(--rankz-primary);
    font-weight: 700;
    font-size: 0.95rem;
    padding: 0.6rem 1.1rem;
    border-radius: 12px;
    border: 2px solid rgba(212, 175, 55, 0.4);
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
}

.badge-hero-kd:hover {
    background: rgba(212, 175, 55, 0.25);
    border-color: var(--rankz-primary);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.3);
}

.badge-hero-kd strong {
    color: var(--rankz-primary);
    font-size: 1.1rem;
    margin-left: 0.25rem;
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.5);
}

.badge-hero-note {
    background: rgba(23, 162, 184, 0.15);
    color: #5bc0de;
    font-weight: 600;
    font-size: 0.85rem;
    padding: 0.5rem 0.9rem;
    border-radius: 10px;
    border: 1px solid rgba(23, 162, 184, 0.3);
    display: inline-flex;
    align-items: center;
}

/* Hero highlights (Rank/KD) */
.player-hero-highlights .badge {
    border-radius: 999px;
    padding: 0.55rem 0.85rem;
    font-weight: 800;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(0, 0, 0, 0.35);
    color: var(--rankz-text);
}

.badge-hero-rank {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.22) 0%, rgba(255, 107, 53, 0.14) 100%);
    border-color: rgba(212, 175, 55, 0.35);
    color: var(--rankz-primary);
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.35);
}

.badge-hero-rank .rank-total {
    color: var(--rankz-text-muted);
    font-weight: 700;
    margin-left: 0.25rem;
}

.badge-hero-kd {
    background: rgba(23, 162, 184, 0.12);
    border-color: rgba(23, 162, 184, 0.25);
}

.badge-hero-kd strong {
    color: var(--rankz-primary);
}

.badge-hero-note {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    color: var(--rankz-text-muted);
    font-weight: 700;
}

.player-meta {
    color: var(--rankz-text-muted);
    font-size: 0.95rem;
}

.profile-actions .btn {
    border-radius: 12px;
}

.profile-kpis {
    margin-top: 1rem;
}

.kpi-card {
    background: 
        linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(26, 26, 26, 0.3) 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(212, 175, 55, 0.25);
    border-radius: 20px;
    padding: 1.25rem 1.5rem;
    height: 100%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.kpi-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        var(--rankz-primary) 50%, 
        transparent 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.kpi-card:hover {
    transform: translateY(-4px) scale(1.02);
    border-color: rgba(212, 175, 55, 0.5);
    box-shadow: 
        0 12px 30px rgba(0, 0, 0, 0.4),
        0 0 20px rgba(212, 175, 55, 0.2);
}

.kpi-card:hover::before {
    opacity: 1;
}

.profile-kpis-panel {
    margin-top: 1rem;
    padding: 0.9rem;
    border-radius: 18px;
    border: 1px solid rgba(212, 175, 55, 0.18);
    background: rgba(0, 0, 0, 0.18);
}

.kpi-label {
    color: var(--rankz-text-muted);
    font-size: 0.85rem;
    margin: 0;
}

.kpi-value {
    font-weight: 900;
    font-size: 1.75rem;
    margin: 0.5rem 0 0;
    color: var(--rankz-primary);
    text-shadow: 0 0 20px rgba(212, 175, 55, 0.3);
    letter-spacing: -0.5px;
    transition: all 0.3s ease;
}

.kpi-card:hover .kpi-value {
    transform: scale(1.1);
    color: var(--rankz-secondary);
    text-shadow: 0 0 30px rgba(255, 107, 53, 0.4);
}

.kpi-sub {
    color: var(--rankz-text-muted);
    font-size: 0.85rem;
    margin: 0.25rem 0 0;
}

.profile-tabs {
    margin-top: 1.25rem;
}

.profile-tabs .nav-link {
    border-radius: 999px !important;
    border: 2px solid rgba(212, 175, 55, 0.35) !important;
    color: var(--rankz-primary) !important;
    background: rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    margin-right: 0.5rem;
    padding: 0.75rem 1.5rem !important;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.profile-tabs .nav-link::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(212, 175, 55, 0.2);
    transform: translate(-50%, -50%);
    transition: width 0.4s ease, height 0.4s ease;
}

.profile-tabs .nav-link:hover::before {
    width: 300px;
    height: 300px;
}

.profile-tabs .nav-link:hover {
    transform: translateY(-2px);
    border-color: rgba(212, 175, 55, 0.6) !important;
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.2);
}

.profile-tabs .nav-link.active {
    color: #000 !important;
    background: linear-gradient(135deg, var(--rankz-primary) 0%, var(--rankz-secondary) 100%) !important;
    border-color: var(--rankz-primary) !important;
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.25);
}

.table-rankz thead th.sticky-th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: linear-gradient(135deg, var(--rankz-dark) 0%, var(--rankz-gray) 100%);
}

.player-hero-premium {
    border: 1px solid rgba(212, 175, 55, 0.30);
}

.player-avatar {
    width: 80px;
    height: 80px;
    border-radius: 24px;
    display: grid;
    place-items: center;
    position: relative;
    background:
        radial-gradient(140px 70px at 30% 20%, rgba(212, 175, 55, 0.40), transparent 60%),
        radial-gradient(140px 70px at 80% 80%, rgba(255, 107, 53, 0.30), transparent 60%),
        linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(26, 26, 26, 0.4) 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 2px solid rgba(212, 175, 55, 0.4);
    box-shadow: 
        0 15px 40px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.1) inset,
        0 0 30px rgba(212, 175, 55, 0.2);
    flex: 0 0 auto;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.player-avatar:hover {
    transform: scale(1.05) rotate(2deg);
    border-color: rgba(212, 175, 55, 0.6);
    box-shadow: 
        0 20px 50px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(255, 255, 255, 0.15) inset,
        0 0 40px rgba(212, 175, 55, 0.3);
}

.player-avatar span {
    font-weight: 900;
    font-size: 1.5rem;
    letter-spacing: 1px;
    color: var(--rankz-primary);
    text-shadow: 0 0 15px rgba(212, 175, 55, 0.5);
    transition: all 0.3s ease;
}

.player-avatar:hover span {
    transform: scale(1.1);
    color: var(--rankz-secondary);
    text-shadow: 0 0 20px rgba(255, 107, 53, 0.6);
}

.player-avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.player-avatar-fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-weight: 900;
    font-size: 1.5rem;
    letter-spacing: 1px;
    color: var(--rankz-primary);
    text-shadow: 0 0 15px rgba(212, 175, 55, 0.5);
    position: relative;
    z-index: 0;
}

.player-online-dot {
    position: absolute;
    right: -6px;
    bottom: -6px;
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: #22c55e;
    border: 2px solid var(--rankz-dark);
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.12);
}

.table-rankz-premium {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 16px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(212, 175, 55, 0.25);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

.table-rankz-premium tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    transition: background 0.2s ease;
}

.table-rankz-premium tbody tr:last-child {
    border-bottom: none;
}

.table-rankz-premium tbody tr:hover {
    background: rgba(212, 175, 55, 0.05);
}

.table-rankz-premium .table-label {
    color: var(--rankz-text-muted);
    font-weight: 700;
    background: rgba(0, 0, 0, 0.25);
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    padding: 0.75rem 1rem;
    width: 40%;
    vertical-align: middle;
}

.table-rankz-premium .table-label i {
    margin-right: 0.35rem;
}

.table-rankz-premium .table-value {
    color: var(--rankz-text);
    font-weight: 600;
    padding: 0.75rem 1rem;
    vertical-align: middle;
}

.table-rankz-premium code {
    color: var(--rankz-primary);
}

/* =========================
   Tabela PvP Premium (Histórico)
   ========================= */
.table-rankz-pvp {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.table-rankz-pvp .pvp-th {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.15) 0%, rgba(255, 107, 53, 0.10) 100%);
    color: var(--rankz-primary);
    font-weight: 700;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 1rem 1.25rem;
    border-bottom: 2px solid rgba(212, 175, 55, 0.40);
    border-right: 1px solid rgba(212, 175, 55, 0.20);
    vertical-align: middle;
    white-space: nowrap;
}

.table-rankz-pvp .pvp-th:last-child {
    border-right: none;
}

.table-rankz-pvp .pvp-th i {
    color: var(--rankz-primary);
    font-size: 0.9rem;
}

.table-rankz-pvp .pvp-row {
    border-bottom: 1px solid rgba(212, 175, 55, 0.15);
    transition: all 0.2s ease;
    background: #000000 !important;
}

.table-rankz-pvp .pvp-row:hover {
    background: rgba(26, 26, 26, 1) !important;
    border-left: 3px solid var(--rankz-primary);
}

.table-rankz-pvp .pvp-row:last-child {
    border-bottom: none;
}

.table-rankz-pvp .pvp-td {
    padding: 1rem 1.25rem;
    vertical-align: middle;
    border-right: 1px solid rgba(212, 175, 55, 0.15);
    color: var(--rankz-primary);
    font-size: 0.9rem;
    background: #000000 !important;
}

.table-rankz-pvp .pvp-td:last-child {
    border-right: none;
}

.table-rankz-pvp .pvp-empty-state {
    background: #000000 !important;
    color: var(--rankz-text-muted);
}

.pvp-datetime {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.pvp-date {
    font-weight: 600;
    color: var(--rankz-primary);
    font-size: 0.85rem;
}

.pvp-time {
    font-weight: 400;
    color: var(--rankz-primary);
    opacity: 0.8;
    font-size: 0.8rem;
}

.pvp-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.75rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.8rem;
    white-space: nowrap;
    border: 1px solid transparent;
}

.pvp-badge-kill {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.20) 0%, rgba(255, 107, 53, 0.15) 100%);
    color: var(--rankz-primary);
    border-color: rgba(212, 175, 55, 0.35);
}

.pvp-badge-death {
    background: rgba(220, 53, 69, 0.15);
    color: #ff6b7a;
    border-color: rgba(220, 53, 69, 0.30);
}

.pvp-badge-suicide {
    background: rgba(139, 92, 246, 0.15);
    color: #a78bfa;
    border-color: rgba(139, 92, 246, 0.30);
}

.pvp-player-link {
    display: inline-flex;
    align-items: center;
    color: var(--rankz-primary);
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
}

.pvp-player-link:hover {
    color: var(--rankz-secondary);
    background: rgba(212, 175, 55, 0.10);
    transform: translateX(2px);
}

.pvp-player-link i {
    font-size: 0.85rem;
    opacity: 0.7;
}

.pvp-weapon {
    display: inline-flex;
    align-items: center;
    color: var(--rankz-primary);
    font-weight: 500;
}

.pvp-weapon i {
    color: var(--rankz-primary);
    opacity: 0.7;
    font-size: 0.8rem;
    margin-right: 0.35rem;
}

.pvp-distance {
    color: var(--rankz-primary);
    font-weight: 600;
    font-family: 'Courier New', monospace;
    font-size: 0.85rem;
}

.pvp-empty {
    color: var(--rankz-text-muted);
    font-style: italic;
}

.pvp-empty-state {
    padding: 2rem !important;
    background: #000000 !important;
}

@media (max-width: 768px) {
    .table-rankz-pvp .pvp-th,
    .table-rankz-pvp .pvp-td {
        padding: 0.75rem 0.5rem;
        font-size: 0.8rem;
    }
    
    .pvp-datetime {
        gap: 0.15rem;
    }
    
    .pvp-date,
    .pvp-time {
        font-size: 0.75rem;
    }
    
    .pvp-badge {
        padding: 0.3rem 0.5rem;
        font-size: 0.75rem;
    }
}
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(212, 175, 55, 0.25);
    border-radius: 12px;
    padding: 0.2rem 0.45rem;
}

.player-badges .badge-premium {
    border-radius: 999px;
    padding: 0.45rem 0.65rem;
    margin-right: 0.35rem;
    margin-bottom: 0.35rem;
    background: rgba(212, 175, 55, 0.18) !important;
    border: 1px solid rgba(212, 175, 55, 0.35);
    color: var(--rankz-primary) !important;
}

.profile-share-card {
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(212, 175, 55, 0.20);
    border-radius: 16px;
    padding: 1rem 1rem;
}

.profile-share-url code {
    display: inline-block;
    max-width: 100%;
    word-break: break-all;
    color: var(--rankz-text);
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 12px;
    padding: 0.35rem 0.6rem;
}

@media (max-width: 768px) {
    .player-hero {
        padding: 1rem;
    }
    .kpi-value {
        font-size: 1.2rem;
    }
    .player-avatar {
        width: 56px;
        height: 56px;
        border-radius: 16px;
    }
    .profile-info-table .info-row {
        grid-template-columns: 1fr;
    }
    .profile-info-table .info-label {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }
}

/* Gradientes */
.bg-rankz-gradient {
    background: linear-gradient(135deg, var(--rankz-dark) 0%, var(--rankz-dark-light) 100%);
}

.bg-rankz-primary-gradient {
    background: linear-gradient(135deg, var(--rankz-primary) 0%, var(--rankz-secondary) 100%);
}

/* Abas de Navegação - Destacadas com Fundo Dourado Degradê */
.rankz-tabs {
    border-bottom: 3px solid var(--rankz-primary);
    background: linear-gradient(135deg, var(--rankz-dark) 0%, var(--rankz-dark-light) 100%);
    border-radius: 12px 12px 0 0;
    padding: 0.75rem 1rem 0;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);
    margin-bottom: 2rem;
}

.rankz-tabs .nav-link {
    color: var(--rankz-primary) !important;
    border: 2px solid var(--rankz-primary) !important;
    border-radius: 8px 8px 0 0;
    padding: 0.85rem 2rem;
    margin-right: 0.75rem;
    margin-bottom: -3px;
    transition: all 0.3s ease;
    background: #000000 !important;
    font-weight: 600;
    font-size: 0.95rem;
    position: relative;
    border-bottom: none;
}

.rankz-tabs .nav-link i {
    color: var(--rankz-primary) !important;
}

.rankz-tabs .nav-link::before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    height: 3px;
    background: transparent;
    transition: all 0.3s ease;
}

.rankz-tabs .nav-link:hover {
    color: var(--rankz-primary) !important;
    background: rgba(0, 0, 0, 0.8) !important;
    border-color: var(--rankz-primary) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.5);
}

.rankz-tabs .nav-link:hover i {
    color: var(--rankz-primary) !important;
}

.rankz-tabs .nav-link:hover::before {
    background: var(--rankz-primary);
}

.rankz-tabs .nav-link.active {
    color: #000000 !important;
    background: linear-gradient(135deg, #d4af37 0%, #ff6b35 50%, #d4af37 100%) !important;
    background-color: #d4af37 !important;
    border-color: #d4af37 !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.5) !important;
    transform: translateY(-3px);
    z-index: 10;
}

.rankz-tabs .nav-link.active,
.rankz-tabs .nav-link.active *,
.rankz-tabs .nav-link.active span,
.rankz-tabs .nav-link.active i,
.rankz-tabs .nav-link.active .bi {
    color: #000000 !important;
}

.rankz-tabs .nav-link.active i,
.rankz-tabs .nav-link.active .bi {
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
    color: #000000 !important;
}

.rankz-tabs .nav-link.active::before {
    background: var(--rankz-primary);
    height: 4px;
    bottom: -4px;
}

.rankz-tabs .nav-link i {
    margin-right: 0.5rem;
    font-size: 1.1rem;
    transition: all 0.3s ease;
    color: inherit;
}

.rankz-tabs .nav-link:hover i {
    transform: scale(1.1);
    color: #000000;
}

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

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

/* Navbar moderno */
.navbar-rankz {
    background: var(--rankz-dark) !important;
    border-bottom: 2px solid var(--rankz-primary);
    box-shadow: 0 2px 10px rgba(212, 175, 55, 0.2);
    padding: 0.75rem 0;
}

.navbar-rankz .navbar-brand {
    font-weight: 700;
    font-size: 1.2rem;
    transition: all 0.3s ease;
}

.navbar-rankz .navbar-brand:hover {
    transform: scale(1.05);
}

.navbar-rankz .navbar-brand img {
    filter: drop-shadow(0 0 8px rgba(212, 175, 55, 0.5));
    transition: all 0.3s ease;
}

.navbar-rankz .navbar-brand:hover img {
    filter: drop-shadow(0 0 12px rgba(212, 175, 55, 0.8));
}

.navbar-rankz .nav-link {
    color: var(--rankz-text) !important;
    font-weight: 500;
    padding: 0.5rem 1rem !important;
    border-radius: 5px;
    transition: all 0.3s ease;
    margin: 0 0.25rem;
}

.navbar-rankz .nav-link:hover {
    background: rgba(212, 175, 55, 0.1);
    color: var(--rankz-primary) !important;
    transform: translateY(-2px);
}

/* Cards modernos - Melhorado */
.card-rankz {
    background: 
        linear-gradient(135deg, rgba(26, 26, 26, 0.95) 0%, rgba(45, 45, 45, 0.95) 100%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(212, 175, 55, 0.25);
    border-radius: 24px;
    box-shadow: 
        0 10px 40px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.05) inset;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--rankz-text);
    position: relative;
    overflow: hidden;
}

.card-rankz::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.1), transparent);
    transition: left 0.5s ease;
}

.card-rankz:hover::before {
    left: 100%;
}

.card-rankz:hover {
    transform: translateY(-6px) scale(1.01);
    box-shadow: 
        0 15px 50px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(255, 255, 255, 0.08) inset,
        0 0 30px rgba(212, 175, 55, 0.2);
    border-color: rgba(212, 175, 55, 0.5);
}

.card-rankz .card-header {
    background: 
        linear-gradient(135deg, rgba(212, 175, 55, 0.2) 0%, rgba(255, 107, 53, 0.1) 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 2px solid rgba(212, 175, 55, 0.3);
    color: var(--rankz-primary);
    font-weight: 800;
    font-size: 1.1rem;
    letter-spacing: 0.3px;
    padding: 1.25rem 1.75rem;
    position: relative;
}

.card-rankz .card-header::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 50px;
    height: 3px;
    background: var(--rankz-secondary);
    transition: width 0.3s ease;
}

.card-rankz:hover .card-header::after {
    width: 100%;
}

/* Botões modernos - Melhorado */
.btn-rankz-primary {
    background: linear-gradient(135deg, var(--rankz-primary) 0%, var(--rankz-secondary) 100%);
    border: none;
    color: var(--rankz-dark);
    font-weight: 700;
    padding: 0.7rem 1.8rem;
    border-radius: 10px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4);
    position: relative;
    overflow: hidden;
}

.btn-rankz-primary::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.btn-rankz-primary:hover::before {
    width: 300px;
    height: 300px;
}

.btn-rankz-primary:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.6);
    color: var(--rankz-dark);
}

.btn-rankz-outline {
    border: 2px solid var(--rankz-primary);
    color: var(--rankz-primary);
    background: transparent;
    font-weight: 700;
    padding: 0.7rem 1.8rem;
    border-radius: 10px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.btn-rankz-outline::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--rankz-primary) 0%, var(--rankz-secondary) 100%);
    transition: left 0.3s ease;
    z-index: -1;
}

.btn-rankz-outline:hover::before {
    left: 0;
}

.btn-rankz-outline:hover {
    background: linear-gradient(135deg, var(--rankz-primary) 0%, var(--rankz-secondary) 100%);
    color: var(--rankz-dark);
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4);
    border-color: var(--rankz-primary);
}

/* Tabelas modernas - FORÇAR FUNDO PRETO */
table.table.table-rankz,
table.table-rankz,
.table.table-rankz {
    color: var(--rankz-text) !important;
    background: #000000 !important;
    background-color: #000000 !important;
    border-color: var(--rankz-border) !important;
}

table.table.table-rankz thead,
.table-rankz thead,
.table.table-rankz > thead {
    background: linear-gradient(135deg, var(--rankz-primary) 0%, var(--rankz-secondary) 50%, var(--rankz-primary) 100%) !important;
    background-color: var(--rankz-primary) !important;
    color: var(--rankz-dark) !important;
    border-radius: 12px 12px 0 0 !important;
    overflow: hidden;
}

table.table.table-rankz thead th,
.table-rankz thead th,
.table.table-rankz > thead > tr > th {
    background: linear-gradient(135deg, var(--rankz-primary) 0%, var(--rankz-secondary) 50%, var(--rankz-primary) 100%) !important;
    background-color: var(--rankz-primary) !important;
    color: var(--rankz-dark) !important;
    border-bottom: 2px solid var(--rankz-dark) !important;
    border-color: var(--rankz-dark) !important;
    font-weight: 700;
    padding: 1rem;
}

/* Bordas arredondadas no primeiro e último th */
table.table.table-rankz thead th:first-child,
.table-rankz thead th:first-child,
.table.table-rankz > thead > tr > th:first-child {
    border-top-left-radius: 12px !important;
}

table.table.table-rankz thead th:last-child,
.table-rankz thead th:last-child,
.table.table-rankz > thead > tr > th:last-child {
    border-top-right-radius: 12px !important;
}

table.table.table-rankz tbody,
.table-rankz tbody,
.table.table-rankz > tbody {
    background: #000000 !important;
    background-color: #000000 !important;
}

table.table.table-rankz tbody tr,
.table-rankz tbody tr,
.table.table-rankz > tbody > tr {
    background: #000000 !important;
    background-color: #000000 !important;
    border-bottom: 1px solid var(--rankz-border) !important;
    transition: all 0.2s ease;
}

table.table.table-rankz tbody tr:hover,
.table-rankz tbody tr:hover,
.table.table-rankz > tbody > tr:hover {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    transform: scale(1.01);
}

table.table.table-rankz tbody td,
.table-rankz tbody td,
.table.table-rankz > tbody > tr > td {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    padding: 0.75rem 1rem;
    border-color: var(--rankz-border) !important;
}

/* Badges modernos - Melhorado */
.badge-rankz {
    background: linear-gradient(135deg, var(--rankz-primary) 0%, var(--rankz-secondary) 100%);
    color: var(--rankz-dark);
    font-weight: 700;
    padding: 0.5rem 0.9rem;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(212, 175, 55, 0.3);
    transition: all 0.3s ease;
    text-shadow: none;
}

.badge-rankz:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.5);
}

/* Inputs modernos */
.form-control-rankz {
    background: var(--rankz-dark-light);
    border: 1px solid var(--rankz-border);
    color: var(--rankz-text);
    border-radius: 8px;
    padding: 0.75rem 1rem;
    transition: all 0.3s ease;
}

.form-control-rankz:focus {
    background: var(--rankz-dark-light);
    border-color: var(--rankz-primary);
    color: var(--rankz-text);
    box-shadow: 0 0 0 0.2rem rgba(212, 175, 55, 0.25);
}

.form-control-rankz::placeholder {
    color: var(--rankz-text-muted);
}

/* Body e background - Melhorado */
.body-rankz {
    background: linear-gradient(135deg, var(--rankz-bg-dark) 0%, #0a0a0a 100%);
    background-attachment: fixed;
    color: var(--rankz-text);
    min-height: 100vh;
    position: relative;
}

.body-rankz::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 50%, rgba(212, 175, 55, 0.03) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(255, 107, 53, 0.03) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}

.body-rankz > * {
    position: relative;
    z-index: 1;
}

/* Footer moderno */
.footer-rankz {
    background: var(--rankz-dark);
    border-top: 2px solid var(--rankz-primary);
    color: var(--rankz-text-muted);
    padding: 2rem 0;
    margin-top: 4rem;
}

/* Alerts modernos */
.alert-rankz {
    border-radius: 10px;
    border: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.alert-rankz-success {
    background: linear-gradient(135deg, rgba(40, 167, 69, 0.2) 0%, rgba(40, 167, 69, 0.1) 100%);
    border-left: 4px solid #28a745;
    color: #d4edda;
}

.alert-rankz-danger {
    background: linear-gradient(135deg, rgba(220, 53, 69, 0.2) 0%, rgba(220, 53, 69, 0.1) 100%);
    border-left: 4px solid #dc3545;
    color: #f8d7da;
}

.alert-rankz-info {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.25) 0%, rgba(212, 175, 55, 0.15) 100%);
    border-left: 4px solid var(--rankz-primary);
    color: #f8f9fa !important; /* Texto claro para garantir legibilidade */
}

.alert-rankz-info strong {
    color: #ffd700 !important; /* Dourado para destacar */
}

.alert-rankz-info ol,
.alert-rankz-info ul {
    color: #e9ecef !important; /* Texto claro para listas */
}

.alert-rankz-info li {
    color: #e9ecef !important;
}

/* TODOS os textos muted devem ser brancos/claros - SEM EXCEÇÃO */
.mb-4 .text-muted,
.mb-3 .text-muted,
.form-text.text-muted,
small.text-muted,
.text-muted,
.card-rankz .text-muted,
.card-rankz-body .text-muted {
    color: #ffffff !important; /* Texto branco para garantir visibilidade */
}

.mb-4 .text-muted strong,
.mb-3 .text-muted strong,
.form-text.text-muted strong,
small.text-muted strong,
.text-muted strong {
    color: #ffd700 !important; /* Dourado para destacar valores sugeridos */
}

/* Garantir que labels tenham contraste adequado */
.form-label.text-rankz-text {
    color: var(--rankz-text) !important;
}

/* Garantir que form-check-label tenha contraste */
.form-check-label.text-rankz-text {
    color: var(--rankz-text) !important;
}

/* Melhorar contraste de parágrafos small */
p.text-muted.small,
p.small.text-muted {
    color: #b8b8b8 !important;
}

/* Garantir que ícones dentro de textos muted sejam visíveis */
.text-muted i,
.form-text.text-muted i {
    color: var(--rankz-primary) !important;
    opacity: 0.9;
}

.alert-rankz-warning {
    background: linear-gradient(135deg, rgba(255, 193, 7, 0.18) 0%, rgba(255, 193, 7, 0.08) 100%);
    border-left: 4px solid #ffc107;
    color: var(--rankz-text);
}

/* Garantir legibilidade de links/códigos dentro dos alerts no tema escuro */
.alert-rankz-success a,
.alert-rankz-danger a,
.alert-rankz-info a,
.alert-rankz-warning a {
    color: inherit;
    text-decoration: underline;
}

.alert-rankz-success code,
.alert-rankz-danger code,
.alert-rankz-info code,
.alert-rankz-warning code,
.alert-rankz-success pre,
.alert-rankz-danger pre,
.alert-rankz-info pre,
.alert-rankz-warning pre {
    color: var(--rankz-text);
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 10px;
    padding: 0.15rem 0.35rem;
}

/* Logo maior */
.logo-rankz {
    height: 60px !important;
    width: auto;
    filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6));
}

/* Animações suaves - Melhorado */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

@keyframes glow {
    0%, 100% {
        box-shadow: 0 0 20px rgba(212, 175, 55, 0.3);
    }
    50% {
        box-shadow: 0 0 30px rgba(212, 175, 55, 0.6);
    }
}

.fade-in {
    animation: fadeIn 0.6s ease-out;
}

.slide-in-up {
    animation: slideInUp 0.6s ease-out;
}

.pulse-animation {
    animation: pulse 2s infinite;
}

.glow-animation {
    animation: glow 2s infinite;
}

/* Stagger animation para elementos em lista */
.stagger-item {
    opacity: 0;
    animation: fadeIn 0.6s ease-out forwards;
}

.stagger-item:nth-child(1) { animation-delay: 0.1s; }
.stagger-item:nth-child(2) { animation-delay: 0.2s; }
.stagger-item:nth-child(3) { animation-delay: 0.3s; }
.stagger-item:nth-child(4) { animation-delay: 0.4s; }
.stagger-item:nth-child(5) { animation-delay: 0.5s; }
.stagger-item:nth-child(6) { animation-delay: 0.6s; }

/* Scrollbar personalizado */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--rankz-dark);
}

::-webkit-scrollbar-thumb {
    background: var(--rankz-primary);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--rankz-secondary);
}

/* Border utilities */
.border-rankz-border {
    border-color: var(--rankz-border) !important;
}

/* Cards de estatísticas - Melhorado */
.stat-card {
    background: linear-gradient(135deg, var(--rankz-dark-light) 0%, var(--rankz-gray) 100%);
    border: 2px solid var(--rankz-border);
    border-radius: 16px;
    padding: 2rem 1.5rem;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.stat-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, var(--rankz-primary) 0%, var(--rankz-secondary) 50%, var(--rankz-primary) 100%);
    background-size: 200% 100%;
    animation: shimmer 3s infinite;
}

.stat-card::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.stat-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 12px 40px rgba(212, 175, 55, 0.4);
    border-color: var(--rankz-primary);
}

.stat-card:hover::after {
    opacity: 1;
}

.stat-card h5 {
    color: var(--rankz-text-muted);
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 0.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.stat-card h5 i {
    font-size: 1.1rem;
    color: var(--rankz-primary);
    filter: drop-shadow(0 0 8px rgba(212, 175, 55, 0.5));
}

.stat-card h2 {
    color: var(--rankz-primary);
    font-weight: 800;
    font-size: 3rem;
    margin: 0;
    text-shadow: 0 0 20px rgba(212, 175, 55, 0.5);
    line-height: 1.2;
    transition: all 0.3s ease;
}

.stat-card:hover h2 {
    transform: scale(1.05);
    text-shadow: 0 0 30px rgba(212, 175, 55, 0.8);
}

@keyframes shimmer {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

/* Tabs modernos (apenas para tabs que NÃO são rankz-tabs) */
.nav-tabs:not(.rankz-tabs) {
    border-bottom: 2px solid var(--rankz-border);
}

.nav-tabs:not(.rankz-tabs) .nav-link {
    color: var(--rankz-text-muted);
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    padding: 0.75rem 1.5rem;
    font-weight: 500;
    transition: all 0.3s ease;
    margin-right: 0.5rem;
}

.nav-tabs:not(.rankz-tabs) .nav-link:hover {
    color: var(--rankz-primary);
    border-bottom-color: var(--rankz-primary);
    background: rgba(212, 175, 55, 0.05);
}

.nav-tabs:not(.rankz-tabs) .nav-link.active {
    color: var(--rankz-primary);
    background: transparent;
    border-bottom: 3px solid var(--rankz-primary);
    font-weight: 600;
}

.nav-tabs:not(.rankz-tabs) .nav-link i {
    margin-right: 0.5rem;
}

.tab-content {
    padding: 1.5rem 0;
}

.tab-pane {
    animation: fadeIn 0.3s ease-in;
}

/* Lista de eventos - melhor contraste */
.event-list {
    background: var(--rankz-dark);
    border-radius: 8px;
    padding: 0.5rem;
}

/* Timeline moderna (Eventos) */
.event-list-timeline {
    position: relative;
    padding: 0.75rem 0.75rem 0.75rem 1.25rem;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.35) 0%, rgba(26, 26, 26, 0.22) 100%);
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 16px;
    overflow: hidden;
}

.event-list-timeline::before {
    content: '';
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 18px;
    width: 2px;
    background: linear-gradient(180deg, rgba(212, 175, 55, 0.0), rgba(212, 175, 55, 0.45), rgba(255, 107, 53, 0.30), rgba(212, 175, 55, 0.0));
    opacity: 0.9;
}

.event-item-timeline {
    position: relative;
    padding: 0.85rem 0.95rem 0.85rem 1.2rem;
    margin: 0.55rem 0;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.event-item-timeline::before {
    content: '';
    position: absolute;
    left: -10px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    transform: translateY(-50%);
    background: rgba(212, 175, 55, 0.95);
    box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.12), 0 10px 25px rgba(0, 0, 0, 0.35);
}

.event-item-timeline:hover {
    transform: translateX(6px);
    border-color: rgba(212, 175, 55, 0.25);
    background: rgba(0, 0, 0, 0.32);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}

.event-item-timeline .event-time {
    text-align: right;
}

@media (max-width: 576px) {
    .event-list-timeline {
        padding-left: 1.05rem;
    }
    .event-list-timeline::before {
        left: 14px;
    }
    .event-item-timeline::before {
        left: -8px;
    }
    .event-item-timeline .event-time {
        white-space: normal;
        margin-left: 0.75rem;
    }
}

/* Barra de ações mobile fixa */
.profile-mobile-actions {
    position: sticky;
    bottom: 0;
    z-index: 50;
    padding: 0.75rem 0.75rem calc(0.75rem + env(safe-area-inset-bottom));
    background: linear-gradient(180deg, rgba(15, 15, 15, 0.0) 0%, rgba(15, 15, 15, 0.90) 30%, rgba(15, 15, 15, 0.96) 100%);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.profile-mobile-actions-inner {
    display: grid;
    grid-template-columns: 48px 1fr 1fr;
    gap: 0.6rem;
    align-items: center;
}

.profile-mobile-actions .btn {
    border-radius: 14px;
    padding: 0.7rem 0.9rem;
    font-weight: 700;
}

.event-item {
    background: var(--rankz-dark-light);
    border: 1px solid var(--rankz-border);
    border-radius: 6px;
    padding: 0.75rem 1rem;
    margin-bottom: 0.5rem;
    transition: all 0.2s ease;
}

.event-item:last-child {
    margin-bottom: 0;
}

.event-item:hover {
    background: var(--rankz-gray);
    border-color: var(--rankz-primary);
    transform: translateX(5px);
}

.event-content {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.event-icon {
    font-size: 1.1rem;
    width: 20px;
    text-align: center;
}

.event-icon-success {
    color: #28a745 !important;
    text-shadow: 0 0 8px rgba(40, 167, 69, 0.5);
}

.event-icon-danger {
    color: #dc3545 !important;
    text-shadow: 0 0 8px rgba(220, 53, 69, 0.5);
}

.event-icon-primary {
    color: var(--rankz-primary) !important;
    text-shadow: 0 0 8px rgba(212, 175, 55, 0.5);
}

.event-icon-warning {
    color: #ffc107 !important;
    text-shadow: 0 0 8px rgba(255, 193, 7, 0.5);
}

.event-icon-info {
    color: #17a2b8 !important;
    text-shadow: 0 0 8px rgba(23, 162, 184, 0.5);
}

.event-icon-default {
    color: var(--rankz-text) !important;
}

.event-text {
    color: var(--rankz-text) !important;
    font-weight: 500;
    font-size: 0.95rem;
}

.event-time {
    color: var(--rankz-text-muted) !important;
    font-size: 0.85rem;
    white-space: nowrap;
    margin-left: 1rem;
}

.event-empty {
    color: var(--rankz-text-muted) !important;
}

/* Melhorar contraste do texto nos cards */
.card-rankz .card-body p {
    color: var(--rankz-text) !important;
}

.card-rankz .card-body p strong {
    color: var(--rankz-text) !important;
    font-weight: 600;
}

.card-rankz .card-body code {
    background: var(--rankz-dark);
    color: var(--rankz-primary);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.9em;
    border: 1px solid var(--rankz-border);
}

/* Melhorar contraste na tabela - já aplicado acima */
.table-rankz tbody td.text-muted {
    color: #cccccc !important;
}

/* Links na tabela */
.table-rankz tbody td a {
    color: var(--rankz-primary) !important;
    font-weight: 600;
}

.table-rankz tbody td a:hover {
    color: var(--rankz-secondary) !important;
    text-decoration: underline;
}

/* Badges na tabela */
.table-rankz tbody td .badge {
    font-weight: 600;
    padding: 0.35rem 0.65rem;
}

/* Texto forte na tabela */
.table-rankz tbody td strong {
    color: #ffffff !important;
    font-weight: 700;
}

/* Container da tabela - fundo preto */
.card-rankz .table-responsive,
.card-rankz .card-body .table-responsive {
    background: #000000 !important;
    background-color: #000000 !important;
    border-radius: 8px;
    padding: 0.5rem;
}

/* Sobrescrever TODOS os estilos do Bootstrap - garantir fundo preto ABSOLUTO */
table.table.table-rankz,
table.table-rankz,
.table.table-rankz,
table.table.table-rankz > tbody,
table.table-rankz > tbody,
.table.table-rankz > tbody,
table.table.table-rankz > tbody > tr,
table.table-rankz > tbody > tr,
.table.table-rankz > tbody > tr,
table.table.table-rankz > tbody > tr > td,
table.table-rankz > tbody > tr > td,
.table.table-rankz > tbody > tr > td {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* Sobrescrever estilos do Bootstrap table com máxima especificidade */
.card-rankz .card-body .table-responsive table.table.table-rankz,
.card-rankz .card-body .table-responsive .table.table-rankz {
    background-color: #000000 !important;
    background: #000000 !important;
}

.card-rankz .card-body .table-responsive table.table.table-rankz > tbody,
.card-rankz .card-body .table-responsive .table.table-rankz > tbody {
    background-color: #000000 !important;
    background: #000000 !important;
}

.card-rankz .card-body .table-responsive table.table.table-rankz > tbody > tr,
.card-rankz .card-body .table-responsive .table.table-rankz > tbody > tr {
    background-color: #000000 !important;
    background: #000000 !important;
}

.card-rankz .card-body .table-responsive table.table.table-rankz > tbody > tr > td,
.card-rankz .card-body .table-responsive .table.table-rankz > tbody > tr > td {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* Centralizar botões em grupos */
.btn-group.d-flex {
    display: flex !important;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.btn-group.d-flex .btn {
    flex: 0 0 auto;
}

/* Modal de Comparação - Borda dourada em degradê e fundo preto */
.modal-rankz,
.modal-rankz .modal-content,
.modal .modal-content.modal-rankz {
    background: #000000 !important;
    background-color: #000000 !important;
    border: 3px solid transparent !important;
    border-radius: 12px !important;
    color: var(--rankz-text) !important;
    position: relative;
}

.modal-rankz::before,
.modal-rankz .modal-content::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(135deg, var(--rankz-primary) 0%, var(--rankz-secondary) 50%, var(--rankz-primary) 100%) !important;
    border-radius: 12px;
    z-index: -1;
}

.modal-rankz .modal-content,
.modal .modal-content.modal-rankz {
    background: #000000 !important;
    background-color: #000000 !important;
    border-radius: 12px;
    border: none !important;
    box-shadow: 0 0 0 3px transparent;
    position: relative;
}

.modal-rankz .modal-content::after {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(135deg, var(--rankz-primary) 0%, var(--rankz-secondary) 50%, var(--rankz-primary) 100%) !important;
    border-radius: 12px;
    z-index: -1;
}

.modal-rankz-header,
.modal-rankz .modal-header,
.modal .modal-header.modal-rankz-header {
    background: linear-gradient(135deg, var(--rankz-primary) 0%, var(--rankz-secondary) 100%) !important;
    background-color: var(--rankz-primary) !important;
    border-bottom: 2px solid var(--rankz-dark) !important;
    color: #000000 !important;
    border-radius: 12px 12px 0 0 !important;
    padding: 1.5rem !important;
}

.modal-rankz-header .modal-title,
.modal-rankz .modal-header .modal-title {
    color: #000000 !important;
    font-weight: 700 !important;
    font-size: 1.25rem;
}

.modal-rankz-body,
.modal-rankz .modal-body,
.modal .modal-body.modal-rankz-body {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    padding: 1.5rem !important;
}

.modal-rankz .btn-close,
.modal-rankz-header .btn-close {
    filter: brightness(0) !important;
    opacity: 1 !important;
}

/* Sobrescrever Bootstrap modal - FORÇAR FUNDO PRETO E BORDA DOURADA */
.modal-content.modal-rankz,
#comparePlayersModal .modal-content,
#comparePlayersModal .modal-content.modal-rankz {
    background: #000000 !important;
    background-color: #000000 !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 0 0 3px transparent !important;
}

/* Borda dourada em degradê usando box-shadow */
#comparePlayersModal .modal-content::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(135deg, var(--rankz-primary) 0%, var(--rankz-secondary) 50%, var(--rankz-primary) 100%) !important;
    border-radius: 12px;
    z-index: -1;
    pointer-events: none;
}

/* Garantir que o conteúdo interno seja preto */
#comparePlayersModal .modal-content > * {
    background: #000000 !important;
}

#comparePlayersModal .modal-header {
    background: linear-gradient(135deg, var(--rankz-primary) 0%, var(--rankz-secondary) 100%) !important;
    background-color: var(--rankz-primary) !important;
}

#comparePlayersModal .modal-body {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Cards dentro do modal de comparação */
#comparePlayersModal .card-rankz {
    background: var(--rankz-dark-light) !important;
    border: 1px solid var(--rankz-border) !important;
}

#comparePlayersModal .card-rankz .card-header {
    background: var(--rankz-dark) !important;
    border-bottom: 2px solid var(--rankz-primary) !important;
}

#comparePlayersModal .card-rankz .card-body {
    background: var(--rankz-dark-light) !important;
    color: #ffffff !important;
}

#comparePlayersModal .comparison-stat {
    color: #ffffff !important;
}

#comparePlayersModal .comparison-stat strong {
    color: #ffffff !important;
}

#comparePlayersModal .comparison-stat span {
    color: #ffffff !important;
}

/* Estatísticas de comparação */
.comparison-stat {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--rankz-border);
}

.comparison-stat:last-child {
    border-bottom: none;
}

.comparison-stat strong {
    color: var(--rankz-text) !important;
}

.comparison-stat span {
    color: var(--rankz-text) !important;
}

/* Checkbox styling */
input[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: var(--rankz-primary);
}

/* Cards com mesma altura */
.row .col-md-6.d-flex .card-rankz {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.row .col-md-6.d-flex .card-rankz .card-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* ============================================
   PAGINAÇÃO LIMPA E ÚNICA - RANKZ
   ============================================ */

/* Container principal - ÚNICO */
.pagination-rankz-container,
div.pagination-rankz-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 2rem 0 !important;
    width: 100% !important;
    background: #000000 !important;
    background-color: #000000 !important;
    padding: 15px !important;
    border-radius: 8px !important;
}

/* Forçar estilo único - sobrescrever Bootstrap - FUNDO PRETO */
.pagination-rankz-container nav,
.pagination-rankz-container .pagination,
div.pagination-rankz-container nav,
div.pagination-rankz-container .pagination {
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 10px !important;
    width: 100% !important;
    background: #000000 !important;
    background-color: #000000 !important;
    border-radius: 8px !important;
}

.pagination-rankz-container ul.pagination,
.pagination-rankz-container nav ul,
div.pagination-rankz-container ul.pagination,
div.pagination-rankz-container nav ul {
    display: flex !important;
    gap: 6px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    background: #000000 !important;
    background-color: #000000 !important;
}

/* Item da lista */
.pagination-rankz-container .pagination .page-item,
.pagination-rankz-container nav .pagination .page-item,
.pagination-rankz-container ul.pagination li,
.pagination-rankz-container nav ul li {
    min-width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Link/Botão da paginação - FUNDO PRETO E LETRAS DOURADAS EM NEGRITO */
.pagination-rankz-container .pagination .page-link,
.pagination-rankz-container nav .pagination .page-link,
.pagination-rankz-container ul.pagination a,
.pagination-rankz-container ul.pagination span,
.pagination-rankz-container nav ul a,
.pagination-rankz-container nav ul span,
div.pagination-rankz-container .pagination .page-link,
div.pagination-rankz-container nav .pagination .page-link,
div.pagination-rankz-container ul.pagination a,
div.pagination-rankz-container ul.pagination span,
div.pagination-rankz-container nav ul a,
div.pagination-rankz-container nav ul span,
.pagination-rankz-container .page-link,
.pagination-rankz-container a,
.pagination-rankz-container span {
    width: 100% !important;
    height: 100% !important;
    border-radius: 6px !important;
    background: #000000 !important;
    background-color: #000000 !important;
    color: #d4af37 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    transition: all 0.2s ease !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    text-shadow: 0 0 6px rgba(212, 175, 55, 0.3) !important;
    box-shadow: none !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* Botões Anterior/Próxima - apenas texto, sem setas */
.pagination-rankz-container .pagination .page-item:first-child .page-link,
.pagination-rankz-container .pagination .page-item:last-child .page-link,
.pagination-rankz-container nav .pagination .page-item:first-child .page-link,
.pagination-rankz-container nav .pagination .page-item:last-child .page-link {
    font-size: 0.85rem !important;
    padding: 0 0.75rem !important;
    min-width: auto !important;
    white-space: nowrap !important;
    text-align: center !important;
}

/* Ocultar TODAS as setas (‹, ›, «, », etc) */
.pagination-rankz-container .pagination .page-link::before,
.pagination-rankz-container nav .pagination .page-link::before,
.pagination-rankz-container .pagination .page-link::after,
.pagination-rankz-container nav .pagination .page-link::after {
    display: none !important;
    content: none !important;
}

/* Remover setas usando CSS - método com font-size 0 para caracteres específicos */
.pagination-rankz-container .pagination .page-item:first-child .page-link,
.pagination-rankz-container .pagination .page-item:last-child .page-link {
    font-variant: normal !important;
    letter-spacing: normal !important;
}

/* Ocultar setas usando técnica de substituição de conteúdo */
.pagination-rankz-container .pagination .page-item:first-child .page-link::before,
.pagination-rankz-container .pagination .page-item:last-child .page-link::before {
    display: none !important;
    content: '' !important;
}

.pagination-rankz-container .pagination .page-item:first-child .page-link::after,
.pagination-rankz-container .pagination .page-item:last-child .page-link::after {
    display: none !important;
    content: '' !important;
}

/* Usar JavaScript para remover setas ou CSS para ocultar caracteres específicos */
.pagination-rankz-container .pagination .page-item:first-child .page-link,
.pagination-rankz-container .pagination .page-item:last-child .page-link {
    text-align: center !important;
    position: relative !important;
}

/* Ocultar setas grandes usando CSS - método alternativo */
.pagination-rankz-container .pagination .page-link {
    text-indent: 0 !important;
}

/* Garantir que apenas o texto traduzido seja exibido */
.pagination-rankz-container .pagination .page-item:first-child .page-link,
.pagination-rankz-container .pagination .page-item:last-child .page-link {
    text-align: center !important;
}

/* Hover */
.pagination-rankz-container .pagination .page-link:hover,
.pagination-rankz-container nav .pagination .page-link:hover,
.pagination-rankz-container ul.pagination a:hover {
    background: rgba(212, 175, 55, 0.15) !important;
    background-color: rgba(212, 175, 55, 0.15) !important;
    color: #f5c542 !important;
    color: var(--rankz-primary) !important;
    font-weight: 700 !important;
    font-weight: bold !important;
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.8) !important;
    transform: translateY(-1px) !important;
    border-color: var(--rankz-primary) !important;
}

/* Página ativa - Degradê dourado */
.pagination-rankz-container .pagination .page-item.active .page-link,
.pagination-rankz-container nav .pagination .page-item.active .page-link,
.pagination-rankz-container ul.pagination .active span {
    background: linear-gradient(135deg, var(--rankz-primary) 0%, var(--rankz-secondary) 50%, var(--rankz-primary) 100%) !important;
    background-color: var(--rankz-primary) !important;
    color: #000000 !important;
    font-weight: 700 !important;
    font-weight: bold !important;
    text-shadow: none !important;
    border: 1px solid var(--rankz-primary) !important;
    border-color: var(--rankz-primary) !important;
    box-shadow: 0 0 8px rgba(212, 175, 55, 0.5) !important;
}

/* Desabilitado */
.pagination-rankz-container .pagination .page-item.disabled .page-link,
.pagination-rankz-container nav .pagination .page-item.disabled .page-link,
.pagination-rankz-container ul.pagination .disabled span {
    opacity: 0.3 !important;
    cursor: not-allowed !important;
    text-shadow: none !important;
    pointer-events: none !important;
    background: transparent !important;
    background-color: transparent !important;
    color: var(--rankz-text-muted) !important;
}

/* Informações da paginação */
.pagination-rankz-info {
    text-align: center;
    color: var(--rankz-text-muted);
    font-size: 0.9rem;
    margin-top: 1rem;
    width: 100%;
}

/* Responsividade - Mobile */
@media (max-width: 768px) {
    .pagination-rankz-container ul.pagination,
    .pagination-rankz-container nav ul {
        gap: 4px !important;
    }
    
    .pagination-rankz-container .pagination .page-item,
    .pagination-rankz-container nav .pagination .page-item,
    .pagination-rankz-container ul.pagination li {
        min-width: 30px !important;
        height: 30px !important;
    }
    
    .pagination-rankz-container .pagination .page-link,
    .pagination-rankz-container nav .pagination .page-link {
        font-size: 0.8rem !important;
    }
    
    /* Em mobile, mostrar apenas: Anterior | Página Atual | Próxima */
    .pagination-rankz-container .pagination .page-item:not(.active):not(:first-child):not(:last-child):not(.disabled),
    .pagination-rankz-container nav .pagination .page-item:not(.active):not(:first-child):not(:last-child):not(.disabled) {
        display: none !important;
    }
}

/* Garantir que não haja duplicação - ocultar qualquer elemento que não seja a paginação principal */
.pagination-rankz-container > nav:not(:first-of-type),
.pagination-rankz-container > .pagination:not(:first-of-type) {
    display: none !important;
}

/* Estilos para paginação padrão do Bootstrap - FUNDO PRETO E LETRAS DOURADAS EM NEGRITO */
nav .pagination,
.pagination,
ul.pagination,
nav ul.pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.75rem !important;
    margin: 1.5rem 0 !important;
    padding: 15px !important;
    list-style: none !important;
    flex-wrap: wrap !important;
    background: #000000 !important;
    background-color: #000000 !important;
    border-radius: 8px !important;
}

nav .pagination .page-item,
.pagination .page-item,
ul.pagination .page-item,
nav ul.pagination .page-item,
nav .pagination li,
.pagination li {
    margin: 0 !important;
    list-style: none !important;
}

nav .pagination .page-link,
.pagination .page-link,
ul.pagination .page-link,
nav ul.pagination .page-link,
nav .pagination a,
.pagination a {
    color: #d4af37 !important;
    color: var(--rankz-primary) !important;
    background: #000000 !important;
    background-color: #000000 !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    border-color: rgba(212, 175, 55, 0.3) !important;
    padding: 0.5rem 1rem !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    font-weight: bold !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border-radius: 6px !important;
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.5) !important;
    box-shadow: none !important;
}

nav .pagination .page-link:hover,
.pagination .page-link:hover,
ul.pagination .page-link:hover,
nav ul.pagination .page-link:hover,
nav .pagination a:hover,
.pagination a:hover {
    color: #f5c542 !important;
    color: var(--rankz-primary) !important;
    font-weight: 700 !important;
    font-weight: bold !important;
    text-shadow: 0 0 15px rgba(212, 175, 55, 0.8) !important;
    transform: translateY(-2px) !important;
    background: rgba(212, 175, 55, 0.15) !important;
    background-color: rgba(212, 175, 55, 0.15) !important;
    border: 1px solid var(--rankz-primary) !important;
    box-shadow: 0 0 8px rgba(212, 175, 55, 0.4) !important;
}

nav .pagination .page-item.active .page-link,
.pagination .page-item.active .page-link,
ul.pagination .page-item.active .page-link,
nav ul.pagination .page-item.active .page-link,
nav .pagination .page-item.active a,
.pagination .page-item.active a {
    color: #000000 !important;
    background: linear-gradient(135deg, var(--rankz-primary) 0%, var(--rankz-secondary) 50%, var(--rankz-primary) 100%) !important;
    background-color: var(--rankz-primary) !important;
    font-weight: 700 !important;
    font-weight: bold !important;
    text-shadow: none !important;
    border: 1px solid var(--rankz-primary) !important;
    border-color: var(--rankz-primary) !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.5) !important;
}

nav .pagination .page-item.disabled .page-link,
.pagination .page-item.disabled .page-link,
ul.pagination .page-item.disabled .page-link,
nav ul.pagination .page-item.disabled .page-link,
nav .pagination .page-item.disabled a,
.pagination .page-item.disabled a,
nav .pagination .page-item.disabled span,
.pagination .page-item.disabled span {
    color: var(--rankz-text-muted) !important;
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    text-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}

nav .pagination .page-item.disabled .page-link:hover,
.pagination .page-item.disabled .page-link:hover,
ul.pagination .page-item.disabled .page-link:hover,
nav ul.pagination .page-item.disabled .page-link:hover {
    color: var(--rankz-text-muted) !important;
    transform: none !important;
    background: transparent !important;
    background-color: transparent !important;
    text-shadow: none !important;
    border: none !important;
}

/* Sobrescrever qualquer estilo azul do Bootstrap */
nav .pagination .page-link:focus,
.pagination .page-link:focus,
ul.pagination .page-link:focus {
    box-shadow: none !important;
    outline: none !important;
    color: var(--rankz-primary) !important;
}

/* Garantir que spans também tenham estilo dourado */
nav .pagination span.page-link,
.pagination span.page-link {
    color: var(--rankz-primary) !important;
    background: transparent !important;
    border: none !important;
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.5) !important;
}

/* FORÇAR SOBRESCRITA DE TODOS OS ESTILOS AZUIS DO BOOTSTRAP */
body .pagination .page-link,
body nav .pagination .page-link,
body .pagination a,
body nav .pagination a,
body .pagination .page-item .page-link,
body nav .pagination .page-item .page-link {
    color: #d4af37 !important;
    color: var(--rankz-primary) !important;
}

body .pagination .page-link:hover,
body nav .pagination .page-link:hover,
body .pagination a:hover,
body nav .pagination a:hover {
    color: #ff6b35 !important;
    color: var(--rankz-secondary) !important;
}

body .pagination .page-item.active .page-link,
body nav .pagination .page-item.active .page-link,
body .pagination .page-item.active a,
body nav .pagination .page-item.active a {
    color: #000000 !important;
    background: linear-gradient(135deg, var(--rankz-primary) 0%, var(--rankz-secondary) 50%, var(--rankz-primary) 100%) !important;
    background-color: var(--rankz-primary) !important;
}

/* Remover qualquer cor azul do Bootstrap - MÁXIMA ESPECIFICIDADE */
body .pagination .page-link[class*="btn"],
body .pagination a[class*="btn"],
body .pagination .page-link.btn-primary,
body .pagination a.btn-primary,
body nav .pagination .page-link,
body nav .pagination a,
body .pagination li .page-link,
body .pagination li a,
body nav .pagination li .page-link,
body nav .pagination li a {
    background-color: transparent !important;
    background: transparent !important;
    border-color: transparent !important;
    border: none !important;
    color: #d4af37 !important;
    color: var(--rankz-primary) !important;
}

/* Sobrescrever especificamente cores azuis (#0d6efd, #0dcaf0, etc) e brancas */
body .pagination .page-link,
body nav .pagination .page-link,
body .pagination a,
body nav .pagination a {
    color: #d4af37 !important;
    background: #000000 !important;
    background-color: #000000 !important;
}

/* Garantir que fundos brancos sejam pretos */
body .pagination .page-link[style*="white"],
body .pagination .page-link[style*="#fff"],
body .pagination .page-link[style*="#ffffff"],
body nav .pagination .page-link[style*="white"],
body nav .pagination .page-link[style*="#fff"],
body nav .pagination .page-link[style*="#ffffff"] {
    background: #000000 !important;
    background-color: #000000 !important;
}

/* Garantir que textos azuis sejam dourados */
body .pagination .page-link[style*="blue"],
body .pagination .page-link[style*="#0d6efd"],
body .pagination .page-link[style*="#007bff"],
body nav .pagination .page-link[style*="blue"],
body nav .pagination .page-link[style*="#0d6efd"],
body nav .pagination .page-link[style*="#007bff"] {
    color: #d4af37 !important;
}

body .pagination .page-link:hover,
body nav .pagination .page-link:hover,
body .pagination a:hover,
body nav .pagination a:hover {
    color: #ff6b35 !important;
}

body .pagination .page-item.active .page-link,
body nav .pagination .page-item.active .page-link,
body .pagination .page-item.active a,
body nav .pagination .page-item.active a {
    color: #000000 !important;
    background: linear-gradient(135deg, var(--rankz-primary) 0%, var(--rankz-secondary) 50%, var(--rankz-primary) 100%) !important;
    background-color: var(--rankz-primary) !important;
}

body .pagination .page-item.disabled .page-link,
body nav .pagination .page-item.disabled .page-link,
body .pagination .page-item.disabled a,
body nav .pagination .page-item.disabled a,
body .pagination .page-item.disabled span,
body nav .pagination .page-item.disabled span {
    color: #a0a0a0 !important;
    color: var(--rankz-text-muted) !important;
    opacity: 0.4 !important;
}

/* ============================================
   PAGINAÇÃO RANKZ CLEAN - SEM SETAS
   Atualizado: 30/12/2025
   View: resources/views/vendor/pagination/rankz-clean.blade.php
   Remove setas e mostra apenas "Anterior" e "Próxima"
   Fundo preto com letras douradas em negrito
   ============================================ */
.rankz-pagination,
nav.rankz-pagination {
    display: flex !important;
    justify-content: center !important;
    margin: 20px 0 !important;
    background: #000000 !important;
    background-color: #000000 !important;
    padding: 10px !important;
    border-radius: 8px !important;
}

.rankz-pagination-list,
.rankz-pagination ul,
nav.rankz-pagination ul {
    display: flex !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

.rankz-pagination-list li,
.rankz-pagination ul li,
nav.rankz-pagination ul li {
    min-width: 90px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    background-color: transparent !important;
}

.rankz-pagination-list a,
.rankz-pagination-list span,
.rankz-pagination a,
.rankz-pagination span,
nav.rankz-pagination a,
nav.rankz-pagination span {
    width: 100% !important;
    height: 100% !important;
    border-radius: 6px !important;
    background: #000000 !important;
    background-color: #000000 !important;
    color: #d4af37 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    transition: all 0.2s ease !important;
}

.rankz-pagination-list a:hover,
.rankz-pagination a:hover,
nav.rankz-pagination a:hover {
    background: rgba(212, 175, 55, 0.15) !important;
    background-color: rgba(212, 175, 55, 0.15) !important;
    color: #f5c542 !important;
    border-color: #d4af37 !important;
    text-shadow: 0 0 8px rgba(212, 175, 55, 0.6) !important;
}

.rankz-pagination-list .active span,
.rankz-pagination .active span,
nav.rankz-pagination .active span {
    background: linear-gradient(135deg, var(--rankz-primary) 0%, var(--rankz-secondary) 50%, var(--rankz-primary) 100%) !important;
    background-color: var(--rankz-primary) !important;
    color: #000000 !important;
    font-weight: 700 !important;
    border: 1px solid #d4af37 !important;
    text-shadow: none !important;
}

.rankz-pagination-list .disabled span,
.rankz-pagination .disabled span,
nav.rankz-pagination .disabled span {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    background: #000000 !important;
    background-color: #000000 !important;
    color: rgba(212, 175, 55, 0.4) !important;
}

/* ============================================
   FORÇAR CORES DA PAGINAÇÃO - MÁXIMA PRIORIDADE
   Sobrescreve qualquer estilo do Bootstrap, incluindo inline
   ============================================ */

/* Forçar fundo preto e texto dourado em TODOS os links de paginação */
html body .pagination-rankz-container .pagination .page-link,
html body .pagination-rankz-container nav .pagination .page-link,
html body .pagination-rankz-container ul.pagination a,
html body .pagination-rankz-container ul.pagination span,
html body .pagination .page-link,
html body nav .pagination .page-link,
html body ul.pagination .page-link,
html body nav ul.pagination .page-link {
    color: #d4af37 !important;
    background: #000000 !important;
    background-color: #000000 !important;
    border-color: rgba(212, 175, 55, 0.3) !important;
}

/* Forçar degradê dourado na página ATIVA */
html body .pagination-rankz-container .pagination .page-item.active .page-link,
html body .pagination-rankz-container nav .pagination .page-item.active .page-link,
html body .pagination-rankz-container ul.pagination .active span,
html body .pagination .page-item.active .page-link,
html body nav .pagination .page-item.active .page-link,
html body ul.pagination .page-item.active .page-link,
html body nav ul.pagination .page-item.active .page-link,
html body .pagination .active .page-link,
html body nav .pagination .active .page-link {
    color: #000000 !important;
    background: linear-gradient(135deg, #d4af37 0%, #ff6b35 50%, #d4af37 100%) !important;
    background-color: #d4af37 !important;
    border-color: #d4af37 !important;
}

/* Sobrescrever qualquer cor azul que possa aparecer */
html body .pagination .page-link[style*="blue"],
html body .pagination .page-link[style*="#0d6efd"],
html body .pagination .page-link[style*="#007bff"],
html body nav .pagination .page-link[style*="blue"],
html body nav .pagination .page-link[style*="#0d6efd"],
html body nav .pagination .page-link[style*="#007bff"] {
    color: #d4af37 !important;
    background: #000000 !important;
    background-color: #000000 !important;
}

/* Sobrescrever qualquer fundo branco */
html body .pagination .page-link[style*="white"],
html body .pagination .page-link[style*="#fff"],
html body .pagination .page-link[style*="#ffffff"],
html body nav .pagination .page-link[style*="white"],
html body nav .pagination .page-link[style*="#fff"],
html body nav .pagination .page-link[style*="#ffffff"] {
    background: #000000 !important;
    background-color: #000000 !important;
}

/* Sobrescrever fundo azul na página ativa */
html body .pagination .page-item.active .page-link[style*="blue"],
html body .pagination .active .page-link[style*="blue"],
html body nav .pagination .page-item.active .page-link[style*="blue"],
html body nav .pagination .active .page-link[style*="blue"] {
    background: linear-gradient(135deg, #d4af37 0%, #ff6b35 50%, #d4af37 100%) !important;
    background-color: #d4af37 !important;
    color: #000000 !important;
}

/* Forçar fundo preto nas setas (primeiro e último item) */
html body .pagination .page-item:first-child .page-link,
html body .pagination .page-item:first-child a,
html body .pagination .page-item:first-child span,
html body nav .pagination .page-item:first-child .page-link,
html body nav .pagination .page-item:first-child a,
html body nav .pagination .page-item:first-child span,
html body .pagination .page-item:last-child .page-link,
html body .pagination .page-item:last-child a,
html body .pagination .page-item:last-child span,
html body nav .pagination .page-item:last-child .page-link,
html body nav .pagination .page-item:last-child a,
html body nav .pagination .page-item:last-child span {
    color: #d4af37 !important;
    background: #000000 !important;
    background-color: #000000 !important;
    border-color: rgba(212, 175, 55, 0.3) !important;
}

/* Garantir que setas não ativas tenham fundo preto */
html body .pagination .page-item:first-child:not(.active) .page-link,
html body .pagination .page-item:last-child:not(.active) .page-link,
html body nav .pagination .page-item:first-child:not(.active) .page-link,
html body nav .pagination .page-item:last-child:not(.active) .page-link {
    color: #d4af37 !important;
    background: #000000 !important;
    background-color: #000000 !important;
    border-color: rgba(212, 175, 55, 0.3) !important;
}

/* ============================================
   MELHORIAS DE RESPONSIVIDADE E UX
   ============================================ */

/* Melhorar legibilidade em mobile */
@media (max-width: 768px) {
    .stat-card h2 {
        font-size: 2rem !important;
    }
    
    .stat-card h5 {
        font-size: 0.75rem !important;
    }
    
    .card-rankz .card-header {
        padding: 0.75rem 1rem !important;
        font-size: 0.9rem !important;
    }
    
    .btn-rankz-primary,
    .btn-rankz-outline {
        padding: 0.5rem 1.2rem !important;
        font-size: 0.9rem !important;
    }
}

/* Efeito de hover melhorado para links */
a.text-rankz-primary {
    transition: all 0.3s ease;
    position: relative;
}

a.text-rankz-primary::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--rankz-secondary);
    transition: width 0.3s ease;
}

a.text-rankz-primary:hover::after {
    width: 100%;
}

/* Melhorar contraste e legibilidade */
.text-rankz-text {
    color: var(--rankz-text) !important;
}

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

/* Garantir contraste em todos os elementos de formulário */
.form-label {
    color: var(--rankz-text) !important;
}

.form-check-label {
    color: var(--rankz-text) !important;
}

/* Melhorar contraste de alertas danger */
.alert-danger {
    background-color: rgba(220, 53, 69, 0.15) !important;
    border-color: #dc3545 !important;
    color: #f8d7da !important;
}

.alert-danger strong {
    color: #fff !important;
}

.alert-danger small {
    color: #f8d7da !important;
}

.alert-danger ul,
.alert-danger li {
    color: #f8d7da !important;
}

/* REGRAS GLOBAIS - TODOS os textos na página de configurações devem ser brancos/claros */
.card-rankz .card-body * {
    color: #ffffff !important;
}

/* Exceções apenas para elementos que devem ter cor diferente (botões, inputs, etc) */
.card-rankz .card-body input,
.card-rankz .card-body select,
.card-rankz .card-body textarea,
.card-rankz .card-body button,
.card-rankz .card-body .btn,
.card-rankz .card-body .form-control,
.card-rankz .card-body .form-select {
    color: inherit !important; /* Manter cor padrão dos inputs */
}

/* Strong deve ser dourado para destaque */
.card-rankz .card-body strong {
    color: #ffd700 !important;
    font-weight: 600;
}

/* Links devem ser visíveis */
.card-rankz .card-body a {
    color: var(--rankz-primary) !important;
}

/* Ícones devem ser visíveis */
.card-rankz .card-body i {
    color: var(--rankz-primary) !important;
}

/* Títulos devem ser brancos ou dourados */
.card-rankz .card-body h1,
.card-rankz .card-body h2,
.card-rankz .card-body h3,
.card-rankz .card-body h4,
.card-rankz .card-body h5,
.card-rankz .card-body h6 {
    color: #ffffff !important;
}

/* =========================
   Melhorias Modernas Adicionais
   ========================= */

/* Badges modernos com gradiente */
.badge-rankz {
    background: linear-gradient(135deg, var(--rankz-primary) 0%, var(--rankz-secondary) 100%);
    color: var(--rankz-dark);
    font-weight: 700;
    padding: 0.5rem 0.9rem;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-shadow: none;
    border: 1px solid rgba(212, 175, 55, 0.3);
}

.badge-rankz:hover {
    transform: scale(1.05) translateY(-2px);
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.5);
}

/* Botões modernos */
.btn-rankz-primary {
    background: linear-gradient(135deg, var(--rankz-primary) 0%, var(--rankz-secondary) 100%);
    border: none;
    color: var(--rankz-dark);
    font-weight: 700;
    padding: 0.75rem 1.5rem;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.btn-rankz-primary::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    transform: translate(-50%, -50%);
    transition: width 0.6s ease, height 0.6s ease;
}

.btn-rankz-primary:hover::before {
    width: 300px;
    height: 300px;
}

.btn-rankz-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5);
}

.btn-rankz-outline {
    border: 2px solid var(--rankz-primary);
    color: var(--rankz-primary);
    background: transparent;
    font-weight: 600;
    padding: 0.75rem 1.5rem;
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.btn-rankz-outline::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.1), transparent);
    transition: left 0.5s ease;
}

.btn-rankz-outline:hover::before {
    left: 100%;
}

.btn-rankz-outline:hover {
    background: rgba(212, 175, 55, 0.1);
    border-color: var(--rankz-secondary);
    color: var(--rankz-secondary);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.3);
}

/* Profile Share Card Moderno */
.profile-share-card {
    background: 
        linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(26, 26, 26, 0.3) 100%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(212, 175, 55, 0.25);
    border-radius: 20px;
    padding: 1.5rem;
    transition: all 0.3s ease;
}

.profile-share-card:hover {
    border-color: rgba(212, 175, 55, 0.4);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

/* Animações de entrada suaves */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-up {
    animation: fadeInUp 0.6s ease-out;
}

/* Stagger animation para cards */
.card-rankz.modern-stat-card {
    animation: fadeInUp 0.6s ease-out backwards;
}

.card-rankz.modern-stat-card:nth-child(1) { animation-delay: 0.1s; }
.card-rankz.modern-stat-card:nth-child(2) { animation-delay: 0.2s; }
.card-rankz.modern-stat-card:nth-child(3) { animation-delay: 0.3s; }
.card-rankz.modern-stat-card:nth-child(4) { animation-delay: 0.4s; }
.card-rankz.modern-stat-card:nth-child(5) { animation-delay: 0.5s; }
.card-rankz.modern-stat-card:nth-child(6) { animation-delay: 0.6s; }

/* Melhorias na tabela PvP */
.table-rankz-pvp {
    border-radius: 16px;
    overflow: hidden;
    background: #000000 !important;
}

.table-rankz-pvp thead {
    background: 
        linear-gradient(135deg, rgba(212, 175, 55, 0.2) 0%, rgba(255, 107, 53, 0.1) 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.table-rankz-pvp tbody {
    background: #000000 !important;
}

.table-rankz-pvp tbody tr {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: #000000 !important;
}

/* Melhorias responsivas para perfil */
@media (max-width: 992px) {
    .player-hero {
        padding: 1.5rem;
    }
    
    .stat-grid-modern {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .player-hero {
        padding: 1rem;
        border-radius: 16px;
    }
    
    .player-avatar {
        width: 64px;
        height: 64px;
    }
    
    .kpi-card {
        padding: 1rem;
    }
    
    .kpi-value {
        font-size: 1.5rem;
    }
    
    .stat-grid-modern {
        grid-template-columns: 1fr;
    }
    
    .profile-tabs .nav-link {
        padding: 0.5rem 1rem !important;
        font-size: 0.85rem;
    }
    
    .stat-item-modern {
        padding: 0.75rem;
    }
    
    .stat-icon-modern {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
}

.card-rankz .card-body .text-rankz-primary {
    color: var(--rankz-primary) !important; /* Títulos podem ser dourados */
}

/* Efeito de loading suave */
.loading-shimmer {
    background: linear-gradient(90deg, 
        var(--rankz-dark-light) 0%, 
        var(--rankz-gray) 50%, 
        var(--rankz-dark-light) 100%);
    background-size: 200% 100%;
    animation: shimmer 2s infinite;
}

/* Melhorar espaçamento geral */
@media (min-width: 1200px) {
    .container {
        max-width: 1400px;
    }
}

/* Efeito de foco melhorado */
.form-control-rankz:focus,
.btn:focus,
.btn-rankz-primary:focus,
.btn-rankz-outline:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(212, 175, 55, 0.25) !important;
}

/* Melhorar acessibilidade */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* =========================
   Player Profile Premium - Design Moderno UI/UX
   ========================= */

/* Hero Content Wrapper */
.hero-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.hero-main-section {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

.hero-avatar-section {
    flex-shrink: 0;
}

.hero-info-section {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* Hero Header */
.hero-header {
    margin-bottom: 0.5rem;
}

.hero-player-name {
    font-size: 2.5rem;
    font-weight: 900;
    color: var(--rankz-primary);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    letter-spacing: -0.5px;
    text-shadow: 0 0 30px rgba(212, 175, 55, 0.3);
}

.status-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.9rem;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-online {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.3);
}

.status-offline {
    background: rgba(107, 114, 128, 0.15);
    color: #9ca3af;
    border: 1px solid rgba(107, 114, 128, 0.3);
}

.status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 8px currentColor;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* Hero Badges Section */
.hero-badges-section {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.hero-badge {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.25rem;
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(212, 175, 55, 0.25);
    backdrop-filter: blur(10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.hero-badge:hover {
    transform: translateY(-2px);
    border-color: rgba(212, 175, 55, 0.5);
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.2);
}

.hero-badge-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(212, 175, 55, 0.15);
    color: var(--rankz-primary);
    font-size: 1.25rem;
}

.hero-badge-content {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.hero-badge-label {
    font-size: 0.75rem;
    color: var(--rankz-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.hero-badge-value {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--rankz-primary);
}

.hero-badge-total {
    font-size: 0.85rem;
    color: var(--rankz-text-muted);
    font-weight: 600;
}

.hero-badge-rank {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.2) 0%, rgba(255, 107, 53, 0.15) 100%);
    border-color: rgba(212, 175, 55, 0.4);
}

.hero-badge-kd {
    background: rgba(23, 162, 184, 0.15);
    border-color: rgba(23, 162, 184, 0.3);
}

.hero-badge-kd .hero-badge-icon {
    background: rgba(23, 162, 184, 0.2);
    color: #5bc0de;
}

.hero-badge-info {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
}

/* Hero Meta Section */
.hero-meta-section {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 12px;
    border: 1px solid rgba(212, 175, 55, 0.15);
}

.meta-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.9rem;
}

.meta-item i {
    color: var(--rankz-primary);
    font-size: 1rem;
    width: 20px;
    text-align: center;
}

.meta-label {
    color: var(--rankz-text-muted);
    font-weight: 600;
    min-width: 100px;
}

.meta-value {
    color: var(--rankz-text);
    font-weight: 500;
}

.meta-value code {
    color: var(--rankz-primary);
    background: rgba(212, 175, 55, 0.1);
    padding: 0.2rem 0.5rem;
    border-radius: 6px;
    font-size: 0.9em;
}

/* Hero Achievements */
.hero-achievements {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.achievements-label {
    font-size: 0.85rem;
    color: var(--rankz-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.achievements-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.achievement-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.9rem;
    border-radius: 10px;
    background: rgba(212, 175, 55, 0.1);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: var(--rankz-primary);
    font-size: 0.85rem;
    font-weight: 600;
    transition: all 0.2s ease;
}

.achievement-badge:hover {
    background: rgba(212, 175, 55, 0.2);
    transform: translateY(-2px);
}

.achievement-badge i {
    font-size: 1rem;
}

/* Hero Actions */
.hero-actions-section {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.btn-action {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: 12px;
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid;
    text-decoration: none;
}

.btn-action-secondary {
    background: rgba(0, 0, 0, 0.4);
    border-color: rgba(212, 175, 55, 0.3);
    color: var(--rankz-primary);
}

.btn-action-secondary:hover {
    background: rgba(212, 175, 55, 0.1);
    border-color: rgba(212, 175, 55, 0.5);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.2);
}

.btn-action-primary {
    background: linear-gradient(135deg, var(--rankz-primary) 0%, var(--rankz-secondary) 100%);
    border-color: var(--rankz-primary);
    color: #000;
}

.btn-action-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.4);
}

/* KPIs Grid Premium */
.kpis-grid-premium {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.25rem;
    margin-top: 2rem;
}

.kpi-card-premium {
    background: 
        linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(26, 26, 26, 0.4) 100%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(212, 175, 55, 0.25);
    border-radius: 20px;
    padding: 1.5rem;
    display: flex;
    gap: 1rem;
    align-items: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.kpi-card-premium::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        var(--rankz-primary) 50%, 
        transparent 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.kpi-card-premium:hover {
    transform: translateY(-4px) scale(1.02);
    border-color: rgba(212, 175, 55, 0.5);
    box-shadow: 
        0 15px 40px rgba(0, 0, 0, 0.4),
        0 0 30px rgba(212, 175, 55, 0.2);
}

.kpi-card-premium:hover::before {
    opacity: 1;
}

.kpi-icon-wrapper {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: rgba(212, 175, 55, 0.15);
    color: var(--rankz-primary);
    font-size: 1.75rem;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.kpi-card-premium:hover .kpi-icon-wrapper {
    background: rgba(212, 175, 55, 0.25);
    transform: scale(1.1) rotate(5deg);
}

.kpi-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.kpi-value-premium {
    font-size: 2rem;
    font-weight: 900;
    color: var(--rankz-primary);
    line-height: 1;
    text-shadow: 0 0 20px rgba(212, 175, 55, 0.3);
    transition: all 0.3s ease;
}

.kpi-card-premium:hover .kpi-value-premium {
    transform: scale(1.1);
    color: var(--rankz-secondary);
}

.kpi-label-premium {
    font-size: 0.85rem;
    color: var(--rankz-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.kpi-details {
    font-size: 0.8rem;
    color: var(--rankz-text-muted);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.kpi-separator {
    opacity: 0.5;
}

.kpi-details strong {
    color: var(--rankz-primary);
}

/* Share Card Premium */
.share-card-premium {
    margin-top: 2rem;
    padding: 1.5rem;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 16px;
    border: 1px solid rgba(212, 175, 55, 0.2);
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.share-content {
    flex: 1;
}

.share-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--rankz-primary);
    margin-bottom: 0.5rem;
}

.share-header i {
    font-size: 1.25rem;
}

.share-description {
    color: var(--rankz-text-muted);
    font-size: 0.9rem;
    margin: 0 0 0.75rem 0;
}

.share-url {
    padding: 0.75rem 1rem;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 8px;
    border: 1px solid rgba(212, 175, 55, 0.15);
}

.share-url code {
    color: var(--rankz-primary);
    font-size: 0.85rem;
    word-break: break-all;
}

.share-actions {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.btn-share-action {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 1.25rem;
    border-radius: 10px;
    background: rgba(212, 175, 55, 0.1);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: var(--rankz-primary);
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    text-decoration: none;
}

.btn-share-action:hover {
    background: rgba(212, 175, 55, 0.2);
    border-color: rgba(212, 175, 55, 0.5);
    transform: translateY(-2px);
}

/* Profile Tabs Premium */
.profile-tabs-premium {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(212, 175, 55, 0.2);
}

.profile-tabs-premium .nav {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.profile-tabs-premium .nav-link {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: 12px;
    border: 2px solid rgba(212, 175, 55, 0.3);
    background: rgba(0, 0, 0, 0.4);
    color: var(--rankz-primary);
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;
}

.profile-tabs-premium .nav-link:hover {
    border-color: rgba(212, 175, 55, 0.5);
    background: rgba(212, 175, 55, 0.1);
    transform: translateY(-2px);
}

.profile-tabs-premium .nav-link.active {
    background: linear-gradient(135deg, var(--rankz-primary) 0%, var(--rankz-secondary) 100%);
    border-color: var(--rankz-primary);
    color: #000;
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.3);
}

/* Stats Layout Premium */
.stats-layout-premium {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 2rem;
    margin-top: 2rem;
}

.stats-sidebar {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.stats-main {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.stats-card-premium {
    background: 
        linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(26, 26, 26, 0.4) 100%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(212, 175, 55, 0.25);
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.stats-card-premium:hover {
    border-color: rgba(212, 175, 55, 0.4);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.stats-card-header {
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.15) 0%, rgba(255, 107, 53, 0.10) 100%);
    border-bottom: 1px solid rgba(212, 175, 55, 0.2);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.stats-card-header i {
    font-size: 1.25rem;
    color: var(--rankz-primary);
}

.stats-card-header h3 {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--rankz-text);
}

.stats-card-body {
    padding: 1.5rem;
    background: rgba(0, 0, 0, 0.4);
}

.stats-card-body .table-responsive {
    background: rgba(0, 0, 0, 0.6);
    border-radius: 12px;
    overflow: hidden;
}

.stat-item-premium {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.05);
    margin-bottom: 0.75rem;
    transition: all 0.3s ease;
}

.stat-item-premium:last-child {
    margin-bottom: 0;
}

.stat-item-premium:hover {
    background: rgba(212, 175, 55, 0.05);
    border-color: rgba(212, 175, 55, 0.2);
    transform: translateX(4px);
}

.stat-item-highlight {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.15) 0%, rgba(255, 107, 53, 0.10) 100%);
    border-color: rgba(212, 175, 55, 0.3);
}

.stat-icon-premium {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(212, 175, 55, 0.15);
    color: var(--rankz-primary);
    font-size: 1.25rem;
    flex-shrink: 0;
}

.stat-icon-danger {
    background: rgba(220, 53, 69, 0.15);
    color: #ff6b7a;
}

.stat-icon-warning {
    background: rgba(255, 193, 7, 0.15);
    color: #ffc107;
}

.stat-icon-primary {
    background: rgba(212, 175, 55, 0.25);
    color: var(--rankz-primary);
}

.stat-icon-info {
    background: rgba(23, 162, 184, 0.15);
    color: #5bc0de;
}

.stat-icon-secondary {
    background: rgba(108, 117, 125, 0.15);
    color: #adb5bd;
}

.stat-info-premium {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.stat-label-premium {
    font-size: 0.8rem;
    color: var(--rankz-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value-premium {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--rankz-text);
}

.stat-value-gold {
    color: var(--rankz-primary);
    text-shadow: 0 0 15px rgba(212, 175, 55, 0.4);
}

.stat-percent {
    font-size: 0.85rem;
    color: var(--rankz-text-muted);
    font-weight: 600;
}

/* Responsividade Premium */
@media (max-width: 1200px) {
    .stats-layout-premium {
        grid-template-columns: 1fr;
    }
    
    .stats-sidebar {
        order: 2;
    }
    
    .stats-main {
        order: 1;
    }
}

@media (max-width: 992px) {
    .hero-main-section {
        flex-direction: column;
    }
    
    .hero-player-name {
        font-size: 2rem;
    }
    
    .kpis-grid-premium {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .hero-player-name {
        font-size: 1.75rem;
    }
    
    .kpis-grid-premium {
        grid-template-columns: 1fr;
    }
    
    .hero-actions-section {
        flex-direction: column;
    }
    
    .btn-action {
        width: 100%;
        justify-content: center;
    }
    
    .share-card-premium {
        flex-direction: column;
    }
    
    .share-actions {
        flex-direction: column;
    }
    
    .btn-share-action {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .player-hero {
        padding: 1.25rem;
    }
    
    .hero-player-name {
        font-size: 1.5rem;
    }
    
    .hero-badge {
        flex: 1;
        min-width: 140px;
    }
    
    .kpi-card-premium {
        flex-direction: column;
        text-align: center;
    }
    
    .kpi-icon-wrapper {
        margin: 0 auto;
    }
    
    .profile-tabs-premium .nav-link {
        flex: 1;
        justify-content: center;
    }
}

/* Ocultar texto "Showing X to Y of Z results" da paginação */
.pagination-rankz-container > p,
.pagination-rankz-container > .text-muted,
.pagination-rankz-container > .small,
.pagination-rankz-container > div:not(.pagination):not(nav):not(ul),
nav .pagination ~ p,
nav .pagination ~ .text-muted,
.pagination ~ p,
.pagination ~ .text-muted {
    display: none !important;
}

/* Ocultar elementos informativos que aparecem após nav/pagination */
.pagination-rankz-container nav ~ p,
.pagination-rankz-container nav ~ .text-muted,
.pagination-rankz-container nav ~ .small,
.pagination-rankz-container .pagination ~ p,
.pagination-rankz-container .pagination ~ .text-muted {
    display: none !important;
}

/* Ocultar qualquer elemento que contenha texto sobre resultados */
.pagination-rankz-container *[class*="info"],
.pagination-rankz-container *[class*="result"],
.pagination-rankz-container *[class*="showing"] {
    display: none !important;
}

/* Ocultar elementos que aparecem após a paginação com informações de resultados */
.pagination-rankz-container + p,
.pagination-rankz-container + .text-muted,
.pagination-rankz-container + .small,
.pagination-rankz-container + div:not(.pagination-rankz-container) {
    display: none !important;
}