/* 
   CCPIX - CSS Global para Tema Dark
   Este arquivo contém todos os estilos necessários para garantir
   consistência visual entre desktop e mobile.
   
   Compilado a partir dos estilos inline encontrados nos arquivos PHP.
*/

/* ===== 1. ESTILOS BÁSICOS ===== */

/* Cores de fundo principais */
html, body, main, div, section, aside, article, nav, header, footer {
    background-color: #0d1117 !important;
    color: #ffffff !important;
}

/* Cards com fundo escuro */
.card, .card-header, .card-body, .card-footer, .list-group-item, .dropdown-menu, .dropdown-item {
    background-color: rgba(30, 35, 40, 0.5) !important;
    border-color: #232830 !important;
    color: #ffffff !important;
}

/* ===== 2. TEXTO E FORMATAÇÃO ===== */

/* Texto secundário */
.text-muted, .small, small, 
[style*="color: rgba(255,255,255,0.7)"],
[style*="color: rgba(255,255,255,0.5)"] {
    color: rgba(255,255,255,0.7) !important;
    opacity: 1 !important;
}

/* Cores de texto específicas */
[style*="color: #aaa"] {
    color: #aaa !important;
}

[style*="color: #cccccc"] {
    color: #cccccc !important;
}

/* Elementos com cores específicas */
[style*="color: #3BCFD4"], .text-primary i {
    color: #3BCFD4 !important;
}

[style*="color: #9B59B6"] {
    color: #9B59B6 !important;
}

[style*="color: #E67E22"] {
    color: #E67E22 !important;
}

/* ===== 3. BADGES E STATUS ===== */

/* Badge de tipo de cartão */
.card-type-badge, 
span[style*="background-color: rgb(55, 90, 127)"] {
    background-color: #375a7f !important;
    color: white !important;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 0.8rem;
    font-weight: bold;
    letter-spacing: 0.5px;
}

/* Badges de status */
.badge.bg-primary, .bg-primary {
    background-color: #375a7f !important;
}

.badge.bg-success, .bg-success {
    background-color: #00bc8c !important;
}

.badge.bg-warning, .bg-warning {
    background-color: #f39c12 !important;
}

.badge.bg-danger, .bg-danger {
    background-color: #e74c3c !important;
}

.badge.bg-info, .bg-info {
    background-color: #3498db !important;
}

/* ===== 4. CARTÕES DE ESTATÍSTICAS ===== */

/* Estilo dos cartões de estatísticas */
div[style*="background: rgba(30, 35, 40, 0.5)"] {
    background: rgba(30, 35, 40, 0.5) !important;
    border-radius: 10px !important;
    padding: 16px !important;
    position: relative !important;
    backdrop-filter: blur(5px) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    overflow: hidden !important;
}

/* Título do cartão estatístico */
[style*="font-size: 0.85rem; font-weight: 500; margin-bottom: 8px; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 0.05rem;"] {
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    margin-bottom: 8px !important;
    color: rgba(255,255,255,0.7) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05rem !important;
}

/* Valor principal do cartão estatístico */
[style*="font-size: 1.8rem; font-weight: 700; margin-bottom: 10px; color: #3BCFD4"] {
    font-size: 1.8rem !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
    color: #3BCFD4 !important;
}

[style*="color: #9B59B6"], [style*="font-size: 1.8rem; font-weight: 700; margin-bottom: 10px; color: #9B59B6"] {
    color: #9B59B6 !important;
}

[style*="color: #E67E22"], [style*="font-size: 1.8rem; font-weight: 700; margin-bottom: 10px; color: #E67E22"] {
    color: #E67E22 !important;
}

/* Informação secundária do cartão */
[style*="font-size: 0.75rem; color: rgba(255,255,255,0.5)"] {
    font-size: 0.75rem !important;
    color: rgba(255,255,255,0.5) !important;
}

/* ===== 5. CARTÕES DE NOTÍCIAS ===== */

/* Seção de notícias */
hr[style*="background: linear-gradient(to right, rgba(59, 207, 212, 0.1), #3BCFD4, rgba(59, 207, 212, 0.1))"] {
    height: 4px !important;
    background: linear-gradient(to right, rgba(59, 207, 212, 0.1), #3BCFD4, rgba(59, 207, 212, 0.1)) !important;
    border: none !important;
    margin: 0 !important;
    box-shadow: 0 0 8px #3BCFD4 !important;
}

/* Cartão de notícia com destaque */
div[style*="background: linear-gradient(135deg, rgba(59, 207, 212, 0.15), rgba(41, 128, 185, 0.15)); border-left: 4px solid #3BCFD4"] {
    background: linear-gradient(135deg, rgba(59, 207, 212, 0.15), rgba(41, 128, 185, 0.15)) !important;
    border-left: 4px solid #3BCFD4 !important;
    box-shadow: inset 0 0 15px rgba(59, 207, 212, 0.1) !important;
}

/* Badge de destaque */
span[style*="background: linear-gradient(90deg, #FF9800, #F44336)"] {
    position: absolute !important;
    top: 15px !important;
    right: 20px !important;
    background: linear-gradient(90deg, #FF9800, #F44336) !important;
    color: white !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
    border-radius: 3px !important;
    text-transform: uppercase !important;
    box-shadow: 0 2px 8px rgba(255, 152, 0, 0.4) !important;
    z-index: 2 !important;
}

/* Data da notícia */
div[style*="font-size: 12px; color: #aaa; margin-bottom: 10px; display: block"] {
    font-size: 12px !important;
    color: #aaa !important;
    margin-bottom: 10px !important;
    display: block !important;
}

/* Título da notícia */
h6[style*="font-size: 16px; font-weight: 700; margin: 0 0 10px 0; color: #ffffff"] {
    font-size: 16px !important;
    font-weight: 700 !important;
    margin: 0 0 10px 0 !important;
    color: #ffffff !important;
    line-height: 1.4 !important;
    display: flex !important;
    align-items: center !important;
}

/* Ícone da notícia */
i[style*="color: #3BCFD4; margin-right: 8px; font-size: 16px"] {
    color: #3BCFD4 !important;
    margin-right: 8px !important;
    font-size: 16px !important;
    width: 20px !important;
    text-align: center !important;
}

/* Conteúdo da notícia */
div[style*="font-size: 14px; color: #cccccc; line-height: 1.5; margin: 0; padding-left: 28px"] {
    font-size: 14px !important;
    color: #cccccc !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    padding-left: 28px !important;
}

/* ===== 6. CARTÕES ADQUIRIDOS ===== */

/* Container do cartão adquirido */
div[style*="background: linear-gradient(to right, rgba(59, 207, 212, 0.1), rgba(41, 128, 185, 0.1))"] {
    background: linear-gradient(to right, rgba(59, 207, 212, 0.1), rgba(41, 128, 185, 0.1)) !important;
    border-radius: 6px !important;
    padding: 10px 12px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important;
}

/* Número do cartão */
div[style*="font-weight: 700; font-size: 15px; color: #3BCFD4"] {
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #3BCFD4 !important;
}

/* ===== 7. AÇÕES RÁPIDAS ===== */

/* Container da ação rápida - Azul */
a[style*="background: linear-gradient(135deg, #3BCFD4, #2980B9)"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: 120px !important;
    border-radius: 10px !important;
    padding: 10px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    color: white !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
    text-align: center !important;
    background: linear-gradient(135deg, #3BCFD4, #2980B9) !important;
}

/* Container da ação rápida - Verde */
a[style*="background: linear-gradient(135deg, #2ECC71, #27AE60)"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: 120px !important;
    border-radius: 10px !important;
    padding: 10px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    color: white !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
    text-align: center !important;
    background: linear-gradient(135deg, #2ECC71, #27AE60) !important;
}

/* Container da ação rápida - Roxo */
a[style*="background: linear-gradient(135deg, #9B59B6, #6610f2)"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: 120px !important;
    border-radius: 10px !important;
    padding: 10px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    color: white !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
    text-align: center !important;
    background: linear-gradient(135deg, #9B59B6, #6610f2) !important;
}

/* Container da ação rápida - Laranja */
a[style*="background: linear-gradient(135deg, #E67E22, #D35400)"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: 120px !important;
    border-radius: 10px !important;
    padding: 10px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    color: white !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
    text-align: center !important;
    background: linear-gradient(135deg, #E67E22, #D35400) !important;
}

/* Ícone da ação */
div[style*="font-size: 2.2rem; margin-bottom: 8px; position: relative; z-index: 1"] {
    font-size: 2.2rem !important;
    margin-bottom: 8px !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Texto da ação */
div[style*="font-size: 0.9rem; font-weight: 600; position: relative; z-index: 1; margin-top: 0"] {
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    position: relative !important;
    z-index: 1 !important;
    margin-top: 0 !important;
    color: white !important;
}

/* ===== 8. OUTROS ELEMENTOS ===== */

/* Avatar do usuário */
div[style*="background: linear-gradient(45deg, #3BCFD4, #2980B9); border-radius: 50%"] {
    background: linear-gradient(45deg, #3BCFD4, #2980B9) !important;
    border-radius: 50% !important;
    color: white !important;
    text-shadow: 0 0 10px rgba(0,0,0,0.5) !important;
}

/* Banner do topo */
div[style*="background: linear-gradient(90deg, #3BCFD4, #2980B9); color: white"] {
    background: linear-gradient(90deg, #3BCFD4, #2980B9) !important;
    color: white !important;
}

/* ===== 9. MEDIA QUERIES PARA MOBILE ===== */

@media (max-width: 992px) {
    /* Forçar todos os elementos a usarem o mesmo tema dark do desktop */
    body, .container, .row, .col {
        background-color: #0d1117 !important;
    }
    
    .card, .card-header, .card-body, .card-footer {
        background-color: rgba(30, 35, 40, 0.5) !important;
    }
    
    .list-group-item, .dropdown-menu, .dropdown-item {
        background-color: rgba(30, 35, 40, 0.5) !important;
        color: #ffffff !important;
    }
    
    /* Cores de texto para garantir visibilidade */
    .text-muted, .small, small {
        color: rgba(255, 255, 255, 0.7) !important;
    }
    
    /* Garantir que os cards de notícias mantenham o estilo no mobile */
    div[style*="background: linear-gradient(135deg, rgba(59, 207, 212, 0.15)"] {
        background: linear-gradient(135deg, rgba(59, 207, 212, 0.15), rgba(41, 128, 185, 0.15)) !important;
        border-left: 4px solid #3BCFD4 !important;
    }
    
    /* Detalhes específicos para cartões adquiridos em mobile */
    div[style*="background: linear-gradient(to right, rgba(59, 207, 212, 0.1)"] {
        background: linear-gradient(to right, rgba(59, 207, 212, 0.1), rgba(41, 128, 185, 0.1)) !important;
    }
    
    /* Garantir que as ações rápidas mantenham seus gradientes */
    a[style*="background: linear-gradient(135deg, #3BCFD4, #2980B9)"],
    a[style*="background: linear-gradient(135deg, #2ECC71, #27AE60)"],
    a[style*="background: linear-gradient(135deg, #9B59B6, #6610f2)"],
    a[style*="background: linear-gradient(135deg, #E67E22, #D35400)"] {
        color: white !important;
    }
}