/* ==========================================================================
   FOREVER BOT V8 - QUINA VIP PRO (UI COMPACTA & ANIMADA)
   ========================================================================== */

/* Esferas de Números com Brilho Neon Quina & Nitidez Total */
.sphere-quina {
    width: 34px;
    height: 34px;
    border-radius: 9999px;
    /* Fundo degradê de alto contraste com centro mais claro para destacar a fonte */
    background: radial-gradient(circle at 50% 35%, #ff8c00 0%, #e63946 70%, #800f2f 100%);
    color: #ffffff !important;
    font-family: 'Consolas', 'Courier New', ui-monospace, monospace; /* Fonte nítida de alta legibilidade */
    font-weight: 900;
    font-size: 13.5px;
    letter-spacing: -0.5px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #ffaa00;
    /* Sombra externa limpa sem poluir o interior do número */
    box-shadow: 0 0 10px rgba(255, 140, 0, 0.5), inset 0 1px 2px rgba(255, 255, 255, 0.6);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9); /* Contorno escuro no número para legibilidade máxima */
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease;
}

.sphere-quina:hover {
    transform: scale(1.15) translateY(-2px);
    box-shadow: 0 0 16px rgba(255, 140, 0, 0.9), inset 0 1px 3px rgba(255, 255, 255, 0.8);
}

/* 🎨 BARRA DE ADERÊNCIA DINÂMICA REATIVA */
.bar-aderencia-fria {
    background: linear-gradient(90deg, #ec4899, #f43f5e) !important;
    box-shadow: 0 0 8px rgba(244, 63, 94, 0.6);
}

.bar-aderencia-morna {
    background: linear-gradient(90deg, #f97316, #eab308) !important;
    box-shadow: 0 0 8px rgba(249, 115, 22, 0.6);
}

.bar-aderencia-quente {
    background: linear-gradient(90deg, #10b981, #06b6d4) !important;
    box-shadow: 0 0 8px rgba(16, 185, 129, 0.6);
}

/* 🔘 BOTÕES COMPACTOS COM ANIMAÇÃO PREMIUM CSS3 */
.btn-action-compact {
    position: relative;
    overflow: hidden;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-action-compact:hover {
    transform: translateY(-2px);
    filter: brightness(1.15);
}

.btn-action-compact:active {
    transform: translateY(1px) scale(0.97);
}

/* Animação do Pulsar do Ícone no Hover */
.btn-action-compact:hover i {
    transform: scale(1.15) rotate(5deg);
    transition: transform 0.2s ease;
}

/* Custom Scrollbar Leve */
.custom-scrollbar-quina::-webkit-scrollbar {
    width: 5px;
}
.custom-scrollbar-quina::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.6);
    border-radius: 4px;
}
.custom-scrollbar-quina::-webkit-scrollbar-thumb {
    background: #f97316;
    border-radius: 4px;
}
.custom-scrollbar-quina::-webkit-scrollbar-thumb:hover {
    background: #ef4444;
}