/* Casca Safe R&S da área do aluno (25/09/2026).
   Carregado SÓ na casca Safe R&S (user/casca-saferes.php), DEPOIS do aluno.css: troca paleta e fonte,
   sem mexer no layout. Roxo #4A3F86 · teal #0C9D94 · teal escuro #0E7F7C · papel #F3F4FA · Heebo. */
:root{
  --fundo:#F3F4FA; --borda:#E1E3F0; --borda2:#EEF0F7;
  --azul:#4A3F86; --azulEsc:#2E2760; --azulClaro:#ECE9F7; --azulBorda:#D6D0EE;
  --amarelo:#0C9D94; --verde:#0E7F7C; --verdeClaro:#E3F4F2;
  --ponto:#C9C4E4;
}
html,body{font-family:Heebo,system-ui,-apple-system,"Segoe UI",sans-serif}
*:focus-visible{outline-color:#0C9D94}

/* botões: texto branco precisa do teal escuro para ter contraste */
.btn.amarelo{background:#0E7F7C;color:#fff}
.btn.verde{background:#0E7F7C;color:#fff}
.item:hover{background:#F7F6FC}
.pill.verde,.okmsg{color:#0B6461}

/* indicadores e alertas do painel: as cores vêm embutidas na página (style=) */
.kpis .kpi:nth-child(1) .l i{background:#4A3F86!important}
.kpis .kpi:nth-child(2) .l i{background:#0E7F7C!important}
.kpis .kpi:nth-child(3) .l i{background:#0C9D94!important}
.kpis .kpi:nth-child(4) .l i{background:#8B80C9!important}
.alerta .ic{background:#ECE9F7!important;color:#4A3F86!important}
.conteudo a[style*="#0B5CA8"]{color:#4A3F86!important}

/* miniatura "Continue assistindo" e player */
.video{background:#2E2760}
.video .brilho{background:#0C9D94}
.video .k{color:#9FE3DD}
.player video{background:#2E2760}

/* menu lateral */
.rodapeMenu .cnpjCasca{display:block;margin-top:6px;font-size:10.5px;line-height:1.45;color:var(--t4)}

/* login */
.login{background:var(--fundo)}
.login .lado{background:linear-gradient(160deg,#4A3F86 0%,#2E2760 100%)}
.login .lado img{width:210px;max-width:70%;background:transparent;padding:0;border-radius:0}
.login .lado h1{color:#fff}
.login .lado p{color:#E4E0F4}
.login .ben div{color:#fff}
.login .ben i{background:#0C9D94}
.login .razaoCasca{font-size:11.5px;color:#C9C3E6;line-height:1.5}
.login .form{background:var(--card)}
.linkEsqueci{align-self:flex-start;color:var(--azul);font-weight:600;font-size:13.5px;text-decoration:underline;text-underline-offset:3px}
.login .aviso a{color:var(--azulEsc);font-weight:600;overflow-wrap:anywhere}
.campoRobo{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media (max-width:860px){
  .login .lado img{width:160px}
  .login .razaoCasca{display:none}
}

/* certificado e validação */
.certK{color:#4A3F86}
.certCodigo{color:#2E2760}