
/* Container principal do plugin: agora ele preenche 100% da caixa PAI. */
#questoes-container { 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 
    width: 100%; 
    max-width: 100%; 
    margin: 30px auto; 
}

.questoes-filters { display: flex; gap: 15px; margin-bottom: 25px; flex-wrap: wrap; background: #fdfdfd; padding: 25px; border-radius: 8px; border: 1px solid #e0e0e0; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }

/* AJUSTE PARA 4 FILTROS POR LINHA */
.questoes-filters > select, .questoes-filters > .select2-container { flex: 1 1 calc(25% - 15px); min-width: 160px; }

/* FIX DO SELECT2 E PLACEHOLDER CORTADO */
.select2-container { font-size: 13px !important; }
.select2-search__field { font-size: 13px !important; width: 100% !important; }
.select2-container--default .select2-search--inline .select2-search__field::placeholder { font-size: 13px !important; text-overflow: ellipsis; }

.select2-container--default .select2-selection--multiple { min-height: 42px; border: 1px solid #ccc; border-radius: 4px; padding: 2px 5px; }
.select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #0073aa; box-shadow: 0 0 5px rgba(0,115,170,0.2); }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #f1f5f9; border: 1px solid #cbd5e1; color: #334155; padding: 3px 8px; margin-top: 5px; border-radius: 4px; font-size: 13px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #64748b; margin-right: 5px; border-right: none; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #ef4444; background: none; }

.select2-results__option { font-size: 13px !important; }

/* Placeholder e estilo da Barra de Pesquisa Geral Superior */
#q-busca { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; box-sizing: border-box; background: #fff; transition: border-color 0.3s; }
#q-busca:focus { border-color: #0073aa; outline: none; box-shadow: 0 0 5px rgba(0,115,170,0.2); }
#q-btn-filtrar { padding: 14px 15px; background: #0073aa; color: #fff; border: none; cursor: pointer; font-size: 14px; font-weight: 600; border-radius: 4px; transition: background 0.2s ease-in-out; margin-top: 10px; }
#q-btn-filtrar:hover { background: #005177; }
.q-results-info { margin-bottom: 20px; font-size: 14px; color: #64748b; font-weight: 600; text-align: right; border-bottom: 2px solid #e2e8f0; padding-bottom: 10px;}
.questoes-card { border: 1px solid #e2e8f0; padding: 25px; border-radius: 8px; margin-bottom: 25px; background: #fff; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); }
.q-meta { font-size: 13px; color: #64748b; margin-bottom: 14px; line-height: 1.6; border-bottom: 1px solid #f1f5f9; padding-bottom: 8px; }
.q-texto-destaque { background: #f8fafc; padding: 16px; border-left: 4px solid #0284c7; margin-bottom: 18px; font-style: italic; color: #334155; border-radius: 0 4px 4px 0; }
.q-enunciado { font-size: 15px; margin-bottom: 20px; color: #1e293b; line-height: 1.6; }
.q-alternativas label { display: block; margin-bottom: 10px; cursor: pointer; padding: 12px 15px; border: 1px solid #e2e8f0; border-radius: 6px; transition: all 0.2s ease; font-size: 14px; color: #334155; }
.q-alternativas label:hover { background: #f8fafc; border-color: #0284c7; }
.q-btn-responder { margin-top: 15px; padding: 12px 24px; background: #16a34a; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: 600; transition: background 0.2s; }
.q-btn-responder:hover { background: #15803d; }
.q-feedback { margin-top: 15px; font-weight: 600; padding: 12px 15px; border-radius: 4px; display: none; font-size: 14px; }
.q-feedback.correct { background: #dcfce7; color: #166534; border: 1px solid #bbf7d0; }
.q-feedback.incorrect { background: #fee2e2; color: #991b1b; border: 1px solid #fecaca; }
.q-pagination { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 30px; margin-bottom: 40px; }
.q-page-btn { padding: 10px 16px; background: #fff; border: 1px solid #cbd5e1; border-radius: 6px; cursor: pointer; font-size: 14px; color: #334155; font-weight: 600; transition: all 0.2s; }
.q-page-btn:hover { background: #f1f5f9; border-color: #94a3b8; }
.q-page-btn.active { background: #0073aa; color: #fff; border-color: #0073aa; cursor: default; }
