/**
 * ═══════════════════════════════════════════════════════════════════════════════════════
 * DECISÃO EMENDAS - Main Shortcode Styles
 * ═══════════════════════════════════════════════════════════════════════════════════════
 * 
 * Estilos para o shortcode principal de visualização de emendas por município
 * 
 * @package DecisaoEmendas
 * @version 3.0.1
 */

/* ═══════════════════════════════════════════════════════════════════════════════════
   CLASSES DE TAMANHO DE FONTE
   ═══════════════════════════════════════════════════════════════════════════════════ */

.font-xs { font-size: 10px; }  /* extra small - mini labels */
.font-sm { font-size: 11px; }  /* small - textos descritivos */
.font-md { font-size: 12px; }  /* medium - formulários */
.font-lg { font-size: 14px; }  /* large - labels */
.font-xl { font-size: 16px; }  /* extra large - headers */
.font-xxl { font-size: 22px; } /* extra extra large - valores */

.font-solicitante { 
    font-size: 18px; 
    font-weight: 600; 
    color: #A7016D; 
}

.font-value-municipio { 
    font-size: 16px !important; 
    color: #A7016D; 
    font-weight: 700; 
    line-height: 1; 
}

/* ═══════════════════════════════════════════════════════════════════════════════════
   FILTRO DE REPRESENTAÇÃO (Vereadores, Prefeitos, Lideranças)
   ═══════════════════════════════════════════════════════════════════════════════════ */

.vcpm-filtro-representacao {
    transition: all 0.3s ease;
    cursor: pointer;
    flex: 1;
}

.vcpm-filtro-representacao:hover {
    opacity: 0.8;
}

/* Vereadores - Roxo */
.ui.button.vcpm-filtro-representacao[data-tipo="vereadores"].primary {
    background-color: #A855F7 !important;
    color: white !important;
    box-shadow: 0 2px 8px rgba(168, 85, 247, 0.4) !important;
}

.ui.button.vcpm-filtro-representacao[data-tipo="vereadores"].primary:hover {
    background-color: #9333EA !important;
    opacity: 1 !important;
}

/* Prefeitos - Amarelo */
.ui.button.vcpm-filtro-representacao[data-tipo="prefeitos"].primary {
    background-color: #F2D43C !important;
    color: #333 !important;
    box-shadow: 0 2px 8px rgba(242, 212, 60, 0.4) !important;
}

.ui.button.vcpm-filtro-representacao[data-tipo="prefeitos"].primary:hover {
    background-color: #E0C02A !important;
    opacity: 1 !important;
}

/* Lideranças - Verde Lima */
.ui.button.vcpm-filtro-representacao[data-tipo="liderancas"].primary {
    background-color: #95D90C !important;
    color: white !important;
    box-shadow: 0 2px 8px rgba(149, 217, 12, 0.4) !important;
}

.ui.button.vcpm-filtro-representacao[data-tipo="liderancas"].primary:hover {
    background-color: #84C10B !important;
    opacity: 1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════════════
   FILTRO DE STATUS GLOBAL
   ═══════════════════════════════════════════════════════════════════════════════════ */

.vcpm-filtro-status-global {
    transition: all 0.3s ease;
    cursor: pointer;
    font-size: 12px !important;
    padding: 10px 12px !important;
}

.vcpm-filtro-status-global:hover {
    opacity: 0.8;
}

/* Cor roxa quando ativo */
.ui.button.vcpm-filtro-status-global.primary {
    background-color: #A7016D !important;
    color: white !important;
    box-shadow: 0 2px 8px rgba(167, 1, 109, 0.4) !important;
}

.ui.button.vcpm-filtro-status-global.primary:hover {
    background-color: #8B0159 !important;
    opacity: 1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════════════
   FILTRO APROVADO PELO COORDENADOR
   ═══════════════════════════════════════════════════════════════════════════════════ */

.vcpm-filtro-aprovado-coordenador:hover {
    background: #16a34a !important;
    box-shadow: 0 2px 6px rgba(22, 163, 74, 0.3) !important;
}

.vcpm-filtro-aprovado-coordenador.primary {
    background: #15803d !important;
    color: white !important;
    box-shadow: 0 2px 6px rgba(21, 128, 61, 0.4) !important;
}

.vcpm-filtro-aprovado-coordenador.primary:hover {
    background: #127a3c !important;
    box-shadow: 0 3px 8px rgba(21, 128, 61, 0.5) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════════════
   STATUS EMENDA - EDITOR INLINE
   ═══════════════════════════════════════════════════════════════════════════════════ */

.status-value-display {
    position: relative;
}

.status-value-display:hover::after {
    content: '✏️';
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    opacity: 0.6;
}

.status-option-btn {
    font-family: inherit;
}

.status-option-btn:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(167, 1, 109, 0.2);
    background: #A7016D !important;
    color: white !important;
}

.status-option-btn:active {
    transform: translateY(0);
}

.status-option-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ═══════════════════════════════════════════════════════════════════════════════════
   RESPONSIVIDADE
   ═══════════════════════════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .vcpm-grid .card { 
        margin: 10px 0 !important; 
    }
    
    .vcpm-search-input { 
        width: 100% !important; 
        max-width: none !important; 
    }
    
    .edit-petition { 
        font-size: 14px !important; 
        padding: 10px 15px !important; 
    }
    
    .vcpm-grid { 
        margin: 0 -10px !important; 
    }
    
    .vcpm-grid .card { 
        width: 100% !important; 
        margin: 10px 10px !important; 
    }
    
    /* Layout row responsivo */
    .inline-form { 
        flex-direction: column !important; 
        gap: 10px !important; 
    }
    
    .inline-form > div { 
        flex: none !important; 
        width: 100% !important; 
    }
    
    .inline-form input, 
    .inline-form textarea { 
        font-size: 14px !important; 
    }
}