/* =====================================
   CUSTOMIZAÇÃO DO CARD VIP
   Deixar igual à primeira imagem com estilo dourado/amarelo
   ===================================== */

/* REGRAS ESPECÍFICAS PARA AS CLASSES VIP IDENTIFICADAS */

/* Container principal do progresso VIP - Aplicar fundo dourado */
._vipProgressContainer_14td9_98,
._vipProgressContainer_ufi13_123 {
    background: linear-gradient(135deg, #FFE082 0%, #F9A825 50%, #FFD54F 100%) !important;
    border-color: #F9A825 !important;
}

/* Conteúdo interno do card VIP - background dourado */
._vipProgressContainer_14td9_98 ._vipProgress_14td9_98,
._vipProgressContainer_ufi13_123 ._vipProgress_ufi13_123 {
    background: linear-gradient(135deg, #FFE082 0%, #F9A825 50%, #FFD54F 100%) !important;
}

/* Título do progresso (ex: "V0", "Bônus de Nível") */
._vipProgressContainer_14td9_98 ._progressTitle_14td9_104 {
    background-color: #D68910 !important;
    /* Tom mais escuro de dourado para contraste */
    color: #FFFFFF !important;
    font-weight: bold !important;
}

/* Box de título VIP em Mine */
._mine_ufi13_84 ._ProgressAndTabs_ufi13_87 ._vipTitleBox_ufi13_90 {
    background: linear-gradient(135deg, #FFE082 0%, #F9A825 50%, #FFD54F 100%) !important;
}

/* Textos especiais (valores monetários) em VIP - Cor escura para contraste */
._vipProgressContainer_14td9_98 ._vipProgress_14td9_98 ._title1_14td9_157 ._special_14td9_157,
._vipProgressContainer_14td9_98 ._vipProgress_14td9_98 ._title2_14td9_161 ._special_14td9_157,
._mine_ufi13_84 ._ProgressAndTabs_ufi13_87 ._vipTitleBox_ufi13_90 ._textBox_ufi13_106 ._textCon_ufi13_111 ._special_ufi13_117 {
    color: #ffffff !important;
    /* Marrom escuro */
    font-weight: bold !important;
}

/* Next Money / Próximos valores */
._vipProgressContainer_14td9_98 ._nextMoney_14td9_190 {
    color: #D84315 !important;
    /* Laranja escuro */
    font-weight: bold !important;
}

/* VIP Tip - Texto de dica */
._vipProgressContainer_14td9_98 ._vipTip_14td9_185 {
    color: #ffffff !important;
}

/* Textos normais dentro do card VIP */
._vipProgressContainer_14td9_98 ._vipProgress_14td9_98 ._progressContent_14td9_134,
._mine_ufi13_84 ._ProgressAndTabs_ufi13_87 ._vipProgressContainer_ufi13_123 ._vipProgress_ufi13_123 ._progressContent_ufi13_142 {
    color: #ffffff !important;
}

._vipProgressContainer_14td9_98 ._vipProgress_14td9_98 ._progressContent_14td9_134 ._progress_14td9_104 ._progressCon_14td9_134>span,
._vipProgressContainer_14td9_98 ._vipleftspan_14td9_180 {
    color: #ffffff !important;
}

/* Barras de progresso dentro do VIP - Verde/Dourado */
._progressComponent_14td9_201 {
    background-color: rgba(255, 255, 255, 0.4) !important;
}

._progressComponent_14td9_201 ._content_14td9_211 {
    background: linear-gradient(90deg, #FFB300 0%, #FFCA28 100%) !important;
}

html[theme=whitePink] ._progressComponent_14td9_201 ._content_14td9_211,
html[theme=whiteYellow] ._progressComponent_14td9_201 ._content_14td9_211 {
    background: linear-gradient(90deg, #FFB300 0%, #FFCA28 100%) !important;
}

/* SOBRESCREVER TEMAS COM COR ROSA/VERMELHA */

/* Forçar todos os elementos do tema whitePink a usar dourado */
html[theme=whitePink] ._downloadbg_8jr3q_55,
html[theme=whitePink] ._download_8jr3q_55,
html[theme=whiteRed] ._downloadbg_8jr3q_55,
html[theme=whiteRed] ._download_8jr3q_55 {
    background: linear-gradient(135deg, #FFE082 0%, #F9A825 50%, #FFD54F 100%) !important;
}

/* Substituir cor diretamente de rosa para dourado em SVGs */
html[theme=whitePink] ._svg_theme_fill_color_14td9_3 *,
html[theme=whitePink] ._svg_theme_fill_color_8jr3q_3 *,
html[theme=whitePink] ._svg_theme_fill_color_1dse6_3 *,
html[theme=whitePink] ._svg_theme_fill_color_1yxjv_3 * {
    fill: #F9A825 !important;
}

/* Substituir qualquer background EE777D (rosa) */
[style*="#EE777D"],
[style*="EE777D"],
[style*="#ee777d"],
[style*="ee777d"],
[style*="background-color: #EE777D"],
[style*="background-color:#EE777D"],
[style*="background: #EE777D"],
[style*="background:#EE777D"] {
    background: linear-gradient(135deg, #FFE082 0%, #F9A825 50%, #FFD54F 100%) !important;
    background-color: #F9A825 !important;
}

/* Substituir gradientes lineares com EE777D */
*[style*="linear-gradient"][style*="EE777D"],
*[style*="linear-gradient"][style*="ee777d"] {
    background: linear-gradient(135deg, #FFE082 0%, #F9A825 50%, #FFD54F 100%) !important;
}

/* Aplicar override de variáveis CSS */
:root,


/* Classes genéricas que possam conter o card VIP */
[class*="vip"][class*="card"],
[class*="level"][class*="card"],
[class*="VIP"][class*="card"],
[class*="Level"][class*="Card"],
div[class*="_vip"]:not([class*="_vip_page"]),
div[class*="vipCard"],
div[class*="levelCard"],
div[class*="nextLevel"],
div[class*="next_level"] {
    background: linear-gradient(135deg, #FFE082 0%, #F9A825 50%, #FFD54F 100%) !important;
}

/* Garantir legibilidade dos textos */
div[class*="_vip"]:not([class*="_vip_page"]) *,
div[class*="vipCard"] *,
div[class*="levelCard"] * {
    color: #ffffff !important;
}

/* Labels e valores especiais */
span[class*="label"],
span[class*="Label"],
div[class*="title"]:not([class*="progressTitle"]),
div[class*="Title"] {
    color: #ffffff !important;
    font-weight: bold !important;
}

span[class*="value"],
span[class*="Value"],
span[class*="amount"],
span[class*="Amount"] {
    color: #D84315 !important;
    font-weight: bold !important;
}

/* Círculo do ícone do nível VIP */
._vipProgressContainer_14td9_98 ._vipProgress_14td9_98 ._vipImg_14td9_124 ._ico_14td9_127,
._mine_ufi13_84 ._ProgressAndTabs_ufi13_87 ._vipProgressContainer_ufi13_123 ._vipProgress_ufi13_123 ._vipImg_ufi13_134 ._ico_ufi13_134 {
    background: linear-gradient(135deg, #4DB6AC 0%, #26A69A 100%) !important;
    border: 3px solid #FFD700 !important;
    border-radius: 50% !important;
}