/* css/planner.css - Estilos Corrigidos para o Sistema de Abas */

/* Estilo das Abas */
.tabs { display: flex; border-bottom: 2px solid var(--cor-borda); margin-bottom: 2rem; }
.tab {
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    border: none;
    background: none;
    font-weight: 600;
    font-size: 1rem;
    color: var(--cor-texto-secundario);
    border-bottom: 3px solid transparent; /* Borda invisível por padrão */
    transition: all 0.2s ease;
    margin-bottom: -2px; /* Alinha a borda com a linha principal */
}
.tab:hover {
    color: var(--cor-primaria);
}
.tab.active {
    color: var(--cor-primaria);
    border-bottom-color: var(--cor-primaria); /* Borda visível apenas na aba ativa */
}

/* === REGRAS CRUCIAIS PARA O FUNCIONAMENTO === */
/* Regra que esconde todo conteúdo de aba por padrão */
.tab-content {
    display: none;
}
/* Regra que mostra APENAS o conteúdo da aba que tem a classe "active" */
.tab-content.active {
    display: block;
    animation: fadeIn 0.4s ease; /* Efeito de transição */
}
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
/* ======================================== */

/* Estilos da Grade de Horários */
.time-grid-container { overflow-x: auto; }
.time-grid { width: 100%; border-collapse: collapse; margin-top: 1.5rem; min-width: 800px; }
.time-grid th, .time-grid td { border: 1px solid var(--cor-borda); padding: 0.5rem; text-align: center; vertical-align: top; }
.time-grid th { background-color: var(--cor-fundo); font-weight: 600; }
.time-grid td { height: 60px; }
.time-grid select { width: 100%; padding: 0.5rem; border: 1px solid var(--cor-borda); border-radius: var(--raio-borda); background-color: var(--cor-superficie); color: var(--cor-texto-principal); font-family: inherit; }

/* Estilos da Configuração da Grade Customizável */
.bloco-estudo-item { display: grid; grid-template-columns: 1.5fr 1fr 0.5fr 1fr 3fr 0.5fr; gap: 1rem; align-items: center; padding: 1rem; margin-bottom: 1rem; background-color: var(--cor-fundo); border: 1px solid var(--cor-borda); border-radius: var(--raio-borda); }
.bloco-estudo-item select, .bloco-estudo-item input { padding: 0.5rem; border: 1px solid var(--cor-borda); border-radius: 4px; background-color: var(--cor-superficie); color: var(--cor-texto-principal); font-family: inherit; font-size: 0.9rem; }
.bloco-estudo-item span { text-align: center; color: var(--cor-texto-secundario); }
.btn-remover { background: transparent; border: none; color: var(--cor-perigo); font-size: 1.2rem; cursor: pointer; }

/* Estilos da Geração de PDF */
.pdf-controls { display: flex; gap: 1rem; align-items: center; background-color: var(--cor-fundo); padding: 1.5rem; border-radius: var(--raio-borda); }
.pdf-controls select { padding: 0.75rem; border-radius: var(--raio-borda); border: 1px solid var(--cor-borda); }