/* ==========================================================================
   REBRANDING DO MIOLO — botões, avisos, títulos, tabelas, campos e foco
   Lotes 2 e 3, 18/09/2026.

   É o que se repete DENTRO de toda tela que não é curso, painel nem Notas.
   Nasceu no lote 2 (telas de atividade); no lote 3 as telas pessoais pediram
   as mesmas regras, e em vez de copiar o escopo foi alargado:

       body:is(.pagelayout-incourse, .path-badges, .path-calendar, .path-user, .path-message)

   POR QUE path-* E NÃO pagelayout-*: Notas e "Notas de um curso" são
   pagelayout-standard e pagelayout-report, têm desenho próprio aprovado em
   31/08 (inclusive de tabela) e não podem herdar nada daqui. As classes
   path-* do body separam por área do Moodle e deixam as duas de fora.
   path-login fica de fora de propósito: o login já está no ar.

   O QUE É DE QUEM: tudo [SCSS]. Destino: um parcial novo, _miolo.scss.
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. BOTÕES                                                            [SCSS]
   O .btn-secondary do tema sai em #29C5FF com texto preto — é a cor de
   destaque da setting, usada como fundo chapado. "Sair da atividade" e
   "Voltar ao curso" são ações de SAÍDA e eram o elemento mais forte da tela.
   Secundário da casa: branco, linha, tinta navy.
   -------------------------------------------------------------------------- */
body:is(.pagelayout-incourse, .path-badges, .path-calendar, .path-user, .path-message) #region-main .btn-secondary {
    background-color: #FFFFFF;
    border: 1px solid #D5D8E2;            /* --linha */
    border-radius: 10px;                  /* --r-md */
    color: #102770;                       /* --navy, 13,6:1 */
    font-weight: 600;
    padding: .5rem 1.125rem;
    box-shadow: none;
}
body:is(.pagelayout-incourse, .path-badges, .path-calendar, .path-user, .path-message) #region-main .btn-secondary:hover,
body:is(.pagelayout-incourse, .path-badges, .path-calendar, .path-user, .path-message) #region-main .btn-secondary:focus-visible {
    border-color: #0059FB;
    color: #0059FB;
    background-color: #FFFFFF;
}
body:is(.pagelayout-incourse, .path-badges, .path-calendar, .path-user, .path-message) #region-main .btn-primary {
    background-color: #0059FB;
    border: 1px solid #0059FB;
    border-radius: 10px;
    color: #FFFFFF;                       /* 5,5:1 */
    font-weight: 600;
    padding: .5rem 1.125rem;
}
body:is(.pagelayout-incourse, .path-badges, .path-calendar, .path-user, .path-message) #region-main .btn-primary:hover {
    background-color: #102770;
    border-color: #102770;
}


/* --------------------------------------------------------------------------
   2. AVISOS DE TELA (.alert)                                           [SCSS]
   "Nenhum aviso publicado" saía em verde-água do Bootstrap, cor que não
   existe na casa. Informação usa o azul; atenção mantém o âmbar, que é
   semântico, só com o raio e a tinta da casa.
   -------------------------------------------------------------------------- */
body:is(.pagelayout-incourse, .path-badges, .path-calendar, .path-user, .path-message) #region-main .alert {
    border-radius: 10px;
}
body:is(.pagelayout-incourse, .path-badges, .path-calendar, .path-user, .path-message) #region-main .alert-info {
    background-color: #EAF1FF;
    border-color: #C9DBFF;
    color: #102770;                       /* 12,0:1 sobre #EAF1FF */
}
body:is(.pagelayout-incourse, .path-badges, .path-calendar, .path-user, .path-message) #region-main .alert-warning {
    background-color: #FFF4DE;
    border-color: #F3D9A4;
    color: #5A3D0B;                       /* 9,1:1 */
}


/* --------------------------------------------------------------------------
   3. TÍTULOS E TABELAS DO MIOLO                                        [SCSS]
   -------------------------------------------------------------------------- */
body:is(.pagelayout-incourse, .path-badges, .path-calendar, .path-user, .path-message) #region-main [role="main"] h2,
body:is(.pagelayout-incourse, .path-badges, .path-calendar, .path-user, .path-message) #region-main [role="main"] h3 {
    color: #102770;
    font-weight: 700;
    font-size: 1.375rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

/* A tabela de status da tarefa: zebra cinza, grade inteira, canto vivo. Vira
   o cartão da casa, com linha só ENTRE as linhas. */
body:is(.pagelayout-incourse, .path-badges, .path-calendar, .path-user, .path-message) #region-main .generaltable {
    border: 1px solid #D5D8E2;
    border-radius: 16px;                  /* --r-lg */
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;                     /* aqui pode: tabela não abre menu */
    background: #FFFFFF;
}
body:is(.pagelayout-incourse, .path-badges, .path-calendar, .path-user, .path-message) #region-main .generaltable th,
body:is(.pagelayout-incourse, .path-badges, .path-calendar, .path-user, .path-message) #region-main .generaltable td {
    border: 0;
    border-bottom: 1px solid #E9EBF1;     /* --nuvem */
    padding: .875rem 1.125rem;
    background: transparent !important;   /* a zebra do .table-striped */
    box-shadow: none !important;
}
body:is(.pagelayout-incourse, .path-badges, .path-calendar, .path-user, .path-message) #region-main .generaltable tr:last-child > * {
    border-bottom: 0;
}
body:is(.pagelayout-incourse, .path-badges, .path-calendar, .path-user, .path-message) #region-main .generaltable th {
    color: #102770;
    font-weight: 600;
    width: 30%;
}
body:is(.pagelayout-incourse, .path-badges, .path-calendar, .path-user, .path-message) #region-main .generaltable td {
    color: #3A4468;                       /* 9,5:1 sobre branco */
}


/* --------------------------------------------------------------------------
   4. CAMPOS                                                            [SCSS]
   -------------------------------------------------------------------------- */
body:is(.pagelayout-incourse, .path-badges, .path-calendar, .path-user, .path-message) #region-main .form-control {
    border: 1px solid #D5D8E2;
    border-radius: 10px;
    color: #102770;
}
body:is(.pagelayout-incourse, .path-badges, .path-calendar, .path-user, .path-message) #region-main .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
body:is(.pagelayout-incourse, .path-badges, .path-calendar, .path-user, .path-message) #region-main .input-group > .btn {
    border: 1px solid #D5D8E2;
    border-left: 0;
    border-radius: 0 10px 10px 0;
    background: #FFFFFF;
    color: #102770;
}
body:is(.pagelayout-incourse, .path-badges, .path-calendar, .path-user, .path-message) #region-main .form-control:focus {
    border-color: #0059FB;
    box-shadow: 0 0 0 3px rgba(0, 89, 251, .18);
}


/* --------------------------------------------------------------------------
   5. FOCO DE TECLADO
   -------------------------------------------------------------------------- */
body:is(.pagelayout-incourse, .path-badges, .path-calendar, .path-user, .path-message) #region-main a:focus-visible,
body:is(.pagelayout-incourse, .path-badges, .path-calendar, .path-user, .path-message) #region-main button:focus-visible,
body:is(.pagelayout-incourse, .path-badges, .path-calendar, .path-user, .path-message) #region-main .btn:focus-visible {
    outline: 2px solid #0059FB;
    outline-offset: 2px;
}