/* Montagem de Rolamentos — visual padronizado com os demais cursos (course-platform.css). */
:root {
    --cor-primaria: #0f1f3a;
    --cor-secundaria: #1e4d7a;
    --cor-destaque: #f0b429;
    --cor-fundo: #f8fafc;
    --cor-texto: #1e293b;
    --cor-sucesso: #28a745;
    --cor-erro: #dc3545;
    --course-accent: #f0b429;
    --course-accent-2: #b7791f;
    --course-paper: #f8fafc;
}

body.legacy-course-standard { padding-top: 0 !important; padding-bottom: 0 !important; }

.legacy-course-standard header.course-topbar { margin: 0 !important; }

/* O curso usa o layout da plataforma: anula o banner de 160px do course-legacy.css
   e mantém o topbar fixo (position: sticky) para o sidebar não descer nem deixar espaço em branco.
   Só vale no desktop — no mobile o drawer do course-platform.css assume. */
@media (min-width: 901px) {
    .legacy-course-standard header.course-topbar {
        position: sticky !important;
        top: 0 !important;
        z-index: 1000 !important;
        min-height: 0 !important;
        height: 68px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: normal !important;
        gap: 1rem !important;
        padding: 0 clamp(1rem, 3vw, 2rem) !important;
        color: #fff !important;
        text-align: left !important;
        background: rgba(8, 22, 35, .97) !important;
        border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
        box-shadow: 0 8px 28px rgba(5, 17, 28, .15) !important;
    }
    .legacy-course-standard .course-sidebar {
        position: sticky !important;
        top: 68px !important;
        height: calc(100vh - 68px) !important;
        overflow-y: auto !important;
    }
}

.main-container { width: 100%; max-width: none; margin: 0; padding: 0; }

.module { background: transparent; box-shadow: none; border-radius: 0; padding: 0; }

.module p { color: var(--cor-texto); }

.module h2 { margin-top: 0; }

/* Quiz no padrão da plataforma */
#quiz-container, #reprovado-container {
    padding: 1.5rem;
    border: 1px solid #e8dcc0;
    border-radius: 14px;
    background: #fff;
}
#pergunta-titulo { font-size: 1.15rem; color: var(--cor-primaria); margin-bottom: 1.2rem; font-weight: 700; }
#opcoes-quiz button {
    display: block;
    width: 100%;
    text-align: left;
    padding: .85rem 1rem;
    margin: .5rem 0;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    background: #fff;
    color: var(--cor-texto);
    font: 600 .86rem Inter, sans-serif;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease;
}
#opcoes-quiz button:hover:not(:disabled) { border-color: var(--cor-destaque); background: #fffbeb; }
#opcoes-quiz button:disabled { cursor: not-allowed; opacity: .65; }
#opcoes-quiz button.correta { background: #d7f0e0; border-color: var(--cor-sucesso); color: #14532d; font-weight: 700; }
#opcoes-quiz button.incorreta { background: #fbe3e5; border-color: var(--cor-erro); }
#feedback { margin-top: .9rem; font-weight: 700; font-size: 1rem; }

/* Botões de conclusão no padrão da plataforma */
.complete-module-btn {
    min-height: 46px;
    padding: 0 1.15rem !important;
    border: 0 !important;
    border-radius: 9px !important;
    color: #3a2a00 !important;
    background: var(--cor-destaque) !important;
    font: 700 .76rem Inter, sans-serif !important;
    cursor: pointer;
}
.complete-module-btn:hover { filter: brightness(1.06); }
.complete-module-btn:disabled { color: #fff !important; background: var(--cor-sucesso) !important; cursor: default; }

/* Botões de ação no padrão da plataforma */
#gerar-certificado-btn, #tentar-novamente-btn {
    min-height: 44px;
    padding: 0 1.2rem;
    border: 0;
    border-radius: 9px;
    color: #3a2a00;
    background: var(--cor-destaque);
    font: 700 .8rem Inter, sans-serif;
    cursor: pointer;
}
#gerar-certificado-btn:hover, #tentar-novamente-btn:hover { filter: brightness(1.06); }
#tentar-novamente-btn { background: var(--cor-secundaria); color: #fff; }
#reiniciar-curso-btn { background: var(--cor-erro) !important; color: #fff; }

/* Formulário do certificado no padrão da plataforma */
#certificado-form-container {
    padding: 1.5rem;
    border: 1px solid #e8dcc0;
    border-radius: 14px;
    background: #fff;
}
#certificado-form-container p { color: var(--cor-texto); margin-bottom: 1rem; }
#certificado-form-container label,
#certificado-form-container select,
#certificado-form-container input {
    display: block;
    width: 100%;
    max-width: 480px;
    margin: .35rem auto;
    text-align: left;
    font-weight: 700;
}
#certificado-form-container input,
#certificado-form-container select {
    height: 46px;
    padding: 0 .85rem;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    font: 500 .86rem Inter, sans-serif;
    margin-bottom: 1rem;
    background: #fff;
    color: var(--cor-primaria);
}
#curso-finalizado-box {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #c8f0d6;
    border-radius: 10px;
    background: #effbf3;
    text-align: center;
}
#curso-finalizado-box p { margin-bottom: .85rem; }

/* Login no padrão da plataforma */
.login-overlay { background: linear-gradient(135deg, #081827, #12344d); }
.login-card { border-radius: 16px; }