/* ==========================================================================
   REBRANDING DAS TELAS DE ATIVIDADE — body.pagelayout-incourse
   Lote 2, 18/09/2026. Vale para página, tarefa, fórum, quiz, SCORM e arquivo.

   A BASE (rebranding-base.css) já entrega a casca: superfície, herói, índice
   lateral. Botões, avisos, tabelas e campos estão no rebranding-miolo.css, que as
   telas pessoais do lote 3 também usam. Aqui fica só o que é de ATIVIDADE.

   O QUE É DE QUEM: tudo aqui é [SCSS]. Nenhum bloco pede renderer ou template.
   Destino: um parcial novo ao lado de _course-view.scss.

   ESCOPO: tudo preso a .pagelayout-incourse. Os valores são os tokens da casa
   (tokens/estudar-tokens.css), escritos por extenso porque o preview não
   compila SCSS.
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. HERÓI E CONTEÚDO NA MESMA LARGURA                                 [SCSS]
   O Boost trava o cabeçalho em 800px (.header-maxwidth) mas só trava o
   CONTEÚDO nas telas com body.limitedwidth. Fórum, SCORM e arquivo não têm a
   classe — e precisam da largura: o player e o PDF embutido ficam ilegíveis
   em 800. Medido em 18/09, a 1440:
       herói              447 → 1247   (800)
       conteúdo           324 → 1369   (1045)
   Um bloco azul estreito boiando sobre um conteúdo largo. Onde o conteúdo é
   largo, o herói e a faixa de descrição acompanham.
   -------------------------------------------------------------------------- */
body.pagelayout-incourse:not(.limitedwidth) #page-header,
body.pagelayout-incourse:not(.limitedwidth) #region-main .activity-header {
    max-width: none;
    margin-left: 15px;
    margin-right: 15px;
}


/* --------------------------------------------------------------------------
   2. O QUE MORA DENTRO DO HERÓI                                        [SCSS]
   -------------------------------------------------------------------------- */
/* O ÍCONE DA ATIVIDADE. O core pinta o traço com um filtro SVG por tipo:
   rosa no quiz e na tarefa, laranja no SCORM, roxo no fórum. São cores
   pensadas para fundo BRANCO; sobre o azul do herói o rosa dá 1,4:1 e o roxo
   some. Branco puro, que é a cor do título ao lado. */
body.pagelayout-incourse #page-header .activityiconcontainer .activityicon {
    filter: brightness(0) invert(1);
}

/* O SELO "FEITO". Verde #357A32 sobre o azul do herói: 1,2:1, e ainda cai em
   cima do grafismo circular (visto em 18/09 em Mapa da Aula). Vira etiqueta
   clara, que se lê em qualquer ponto do gradiente: #1E6B2B sobre branco,
   6,6:1. */
body.pagelayout-incourse #page-header .completion-status {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    padding: .25rem .75rem;
    border-radius: 999px;
    background: #FFFFFF;
    color: #1E6B2B !important;            /* .text-success é utilitário */
    font-size: .8125rem;
    font-weight: 700;
    position: relative;                   /* acima do grafismo do ::after */
    z-index: 1;
}


/* --------------------------------------------------------------------------
   3. SCORM — a árvore do pacote e a paginação                          [SCSS]
   É o tipo de atividade principal do curso de verdade ("Estudo do Tema").
   A árvore saía em cinza de corpo, sem hierarquia; a paginação, em botão cru
   do YUI (cinza de sistema, canto vivo).
   -------------------------------------------------------------------------- */
body.pagelayout-incourse #scorm_toc_title {
    color: #102770;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.35;
    margin-bottom: .5rem;
}
body.pagelayout-incourse #scorm_tree a {
    color: #3A4468;
    text-decoration: none;
}
body.pagelayout-incourse #scorm_tree a:hover {
    color: #0059FB;
}
body.pagelayout-incourse #scorm_toc_toggle_btn {
    padding: .25rem .625rem;
}
body.pagelayout-incourse #scorm_object,
body.pagelayout-incourse #scorm_content iframe {
    border: 1px solid #D5D8E2;
    border-radius: 16px;
    background: #FFFFFF;
}
body.pagelayout-incourse #scorm_navpanel .yui3-button {
    min-width: 40px;
    min-height: 36px;
    margin: 0 .125rem;
    border: 1px solid #D5D8E2;
    border-radius: 10px;
    background: #FFFFFF;
    color: #102770;
    font-weight: 700;
}
body.pagelayout-incourse #scorm_navpanel .yui3-button-disabled {
    color: #8A93B0;                       /* desabilitado: fora da regra de contraste */
    background: #F5F7FB;
}


/* --------------------------------------------------------------------------
   4. ARQUIVO EMBUTIDO (mod_resource)                                   [SCSS]
   -------------------------------------------------------------------------- */
body.pagelayout-incourse .resourcecontent iframe,
body.pagelayout-incourse .resourcecontent object {
    border: 1px solid #D5D8E2;
    border-radius: 16px;
    background: #FFFFFF;
}