/* MTTR e MTBF — 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;
    --cor-info: #3498db;
    --course-accent: #f0b429;
    --course-accent-2: #b7791f;
    --course-paper: #f8fafc;
}

body.legacy-course-standard { padding-top: 0 !important; padding-bottom: 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 {
    padding: 1.5rem;
    border: 1px solid #e8dcc0;
    border-radius: 14px;
    background: #fff;
}
.quiz-question { margin: 0 0 1.2rem; }
.quiz-question h4 { color: var(--cor-primaria); font-size: 1rem; margin-bottom: .6rem; }
.quiz-option {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    padding: .75rem .9rem;
    margin: .45rem 0;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    background: #fff;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease;
}
.quiz-option:hover { border-color: var(--cor-destaque); background: #fffbeb; }
.quiz-option input { margin-top: .2rem; }
.quiz-option label { color: var(--cor-texto); font: 600 .86rem/1.5 Inter, sans-serif; cursor: pointer; }
#quiz-submit-btn {
    min-height: 46px;
    padding: 0 1.2rem;
    border: 0;
    border-radius: 9px;
    color: #3a2a00;
    background: var(--cor-destaque);
    font: 700 .8rem Inter, sans-serif;
    cursor: pointer;
}
#quiz-submit-btn:hover { filter: brightness(1.06); }
.quiz-result {
    padding: 1.25rem;
    border: 1px solid #c8f0d6;
    border-radius: 12px;
    background: #effbf3;
}
.quiz-result.erro {
    border-color: #f3d0d3;
    background: #fdf0f1;
}
.quiz-result h3 { color: var(--cor-primaria); margin-bottom: .6rem; }
.quiz-result p { color: var(--cor-texto); margin: .35rem 0; }
.quiz-result #gerar-certificado-btn { background: var(--cor-sucesso) !important; color: #fff; border: 0; border-radius: 9px; }

/* Botões no padrão da plataforma */
.quiz-btn {
    min-height: 44px;
    padding: 0 1.2rem;
    border: 0;
    border-radius: 9px;
    color: #fff;
    background: var(--cor-secundaria);
    font: 700 .8rem Inter, sans-serif;
    cursor: pointer;
}
.quiz-btn:hover { filter: brightness(1.08); }
#gerar-certificado-btn { background: var(--cor-destaque); color: #3a2a00; }
#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 0;
    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);
}
#certificate-gate {
    padding: 1.25rem;
    border: 1px solid #e8dcc0;
    border-radius: 12px;
    background: #fffbeb;
    color: var(--cor-texto);
}

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