@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
body {
    font-family: 'Montserrat', sans-serif;
}
html, body {
    background-color: #000000;
}
.header-desktop, .menu-sidebar .logo, #chat_header {
    background-color: #000000;
}
.menu-sidebar, .menu-sidebar .menu-sidebar__content {
    background-color: #000000;
}
.account-item .content .js-acc-btn, .noti__item i, .header-exp-count, #exp_counter, .header-exp-count small,
.account-item .content .js-acc-btn:hover, .noti__item i:hover {
    color: #ffffff}
.menu-sidebar .menu-sidebar__content li a, .menu-sidebar .menu-sidebar__content li a i, 
.tutory-menu-closed .menu-sidebar__content .navbar-sidebar li a i,
.navbar-sidebar .navbar__list li:hover > a,
.navbar-sidebar .navbar__list li.active>a {
    color: #ffffff}
#bia_help .bia-title, #bia_menu h3, #bia_menu ul a {
    color: #ffffff}
#bia_help .bia-title, #bia_menu {
    background-color: #000000}
#bia_help img, .bia-profile img, .bot-profile img, .review-profile img  {
    border-color: #000000}
#chat_container .chat-message.chat-bot-message .chat-message-text,#chat_container .chat-message.chat-user-message .chat-message-text,#chat_container .bia-profile,.goal-review-intro,.review-profile  {
    color: #000000}
#tarefas_dia_aluno .au-task-list .au-task__item--primary .au-task__item-inner {
    border-left-color: #330000 !important;
}
.legend-week-activities span.legend-color.legend-1, 
.card-desempenho-header h2.desemp-title-34::before, 
.bg-estudo,
#tabela_resumo_semana .calendar-aluno-has-activity.etapa-1,
#dashboard_summary .day-activity-step-1 
{
    background-color:#330000 !important;
}
.btn-desempenho-modalidades .btn-modal-34, .btn-desempenho-modalidades .btn-modal-34:hover 
{
    background: #330000 !important;
    border-color: #330000 !important;
}
.color-estudo {
    color: #330000 !important;
}
#tarefas_dia_aluno .au-task-list .au-task__item--warning .au-task__item-inner, 
.meta-aviso-resumo-texto 
{
    border-left-color: #ff0000 !important;
}
.legend-week-activities span.legend-color.legend-2, 
.card-desempenho-header h2.desemp-title-35::before, 
.bg-resumo,
#tabela_resumo_semana .calendar-aluno-has-activity.etapa-2,
#dashboard_summary .day-activity-step-2
{
    background-color:#ff0000 !important;
}

.btn-desempenho-modalidades .btn-modal-35, 
.btn-desempenho-modalidades .btn-modal-35:hover 
{
    background: #ff0000 !important;
    border-color: #ff0000 !important;
}

.color-resumo {
    color: #ff0000 !important;
}
#tarefas_dia_aluno .au-task-list .au-task__item--danger .au-task__item-inner, 
.meta-aviso-revisao-texto 
{
    border-left-color: #940000 !important;
}
.legend-week-activities span.legend-color.legend-3, 
.card-desempenho-header h2.desemp-title-36::before, 
.bg-revisao,
#tabela_resumo_semana .calendar-aluno-has-activity.etapa-3,
#dashboard_summary .day-activity-step-3
{
    background-color:#940000 !important;
}

.btn-desempenho-modalidades .btn-modal-36, 
.btn-desempenho-modalidades .btn-modal-36:hover 
{
    background: #ff0000 !important;
    border-color: #ff0000 !important;
}

.color-revisao {
    color: #ff0000 !important;
}
#tarefas_dia_aluno .au-task-list .au-task__item--success .au-task__item-inner, 
.meta-aviso-exercicio-texto 
{
    border-left-color: #fe6767 !important;
}
.legend-week-activities span.legend-color.legend-4, 
.card-desempenho-header h2.desemp-title-37::before, 
.bg-exercicio,
#tabela_resumo_semana .calendar-aluno-has-activity.etapa-4,
#dashboard_summary .day-activity-step-4
{
    background-color:#fe6767 !important;
}

.btn-desempenho-modalidades .btn-modal-37, 
.btn-desempenho-modalidades .btn-modal-37:hover 
{
    background: #fe6767 !important;
    border-color: #fe6767 !important;
}

.color-exercicio {
    color: #fe6767 !important;
}
/*Custom CSS*/
/* ===========================================
   LOGIN / BRANDING / FUNDO GLOBAL
   =========================================== */

/* Remove a frase "Que bom que você chegou" */
div.login-title p > small {
  display: none !important;
}

/* Remove o logo da Tutory no rodapé */
#login_branding {
  display: none !important;
}

/* FUNDO DE TELA – LOGIN + PAINEL INTERNO */
body.padding-zero,
body {
  background-image: url('https://i.imgur.com/74GTkJH.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

/* CAIXA DE LOGIN – PRETO TRANSLÚCIDO COM EFEITO VIDRO FOSCO */
#login_table td > .login-placeholder {
  background-color: rgba(0, 0, 0, 0.3) !important;
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* TEXTOS, LINKS E PLACEHOLDERS EM BRANCO */
.login-placeholder input,
.login-placeholder label,
.login-placeholder a,
.login-placeholder p {
  color: #ffffff !important;
}

.login-placeholder input::placeholder {
  color: #ffffff !important;
  opacity: 0.85;
}

/* BOTÃO "ENTRAR" */
.login-placeholder input.login-submit {
  background-color: #C30010 !important;
  color: #000000 !important;
  font-weight: bold;
  border: none;
  border-radius: 6px;
  padding: 12px 20px;
  cursor: pointer;
  transition: 0.3s;
}

.login-placeholder input.login-submit:hover {
  background-color: #a8000d !important;
}

/* REMOVE O BOTÃO "CADASTRO INICIAL" */
#activate_account {
  display: none !important;
}

/* TROCA A LOGO NA TELA DE LOGIN */
body.padding-zero .login-title img {
  content: url('https://imgur.com/SlAjlYM.png');
  width: 200px;
  height: auto;
  margin-bottom: 5px;
}

/* Remove todas as logos da Tutory */
nav#mainNav img[src*="tutory"],
img[src*="tutory.com.br/img/tutory/"] {
  display: none !important;
}

/* ===========================================
   CARDS / LAYOUT BASE DO PAINEL
   =========================================== */

/* EFEITO VIDRO FOSCO EM TODOS OS CARDS DO PAINEL */
.custom-card {
  background-color: rgba(0, 0, 0, 0.3) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: none !important;
  color: #ffffff !important;
}

.custom-card * {
  color: #ffffff !important;
}

.custom-card input::placeholder {
  color: #ffffff !important;
  opacity: 0.85 !important;
}

/* ALERTA PRETO SÓLIDO */
.alert.alert-primary {
  background-color: #000000 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 15px !important;
  font-weight: bold !important;
}

/* TEXTO DOS ATALHOS */
.dashboard-tile,
.dashboard-tile a,
.dashboard-tile-link {
  color: #ffffff !important;
  font-weight: bold;
  text-align: center;
}

/* ===========================================
   HEADER / MOBILE / MENU / CONTA
   =========================================== */

/* TOPO MOBILE E HEADER DESKTOP COM VIDRO FOSCO */
.header-mobile__bar,
header.header-desktop.fantin {
  background-color: rgba(0, 0, 0, 0.3) !important;
  border-radius: 0 !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: none !important;
}

.header-mobile__bar *,
header.header-desktop.fantin * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Ícone de ajuda em preto */
header.header-desktop.fantin i.fas.fa-question-circle {
  color: #000000 !important;
  fill: #000000 !important;
}

/* BOTÃO HAMBÚRGUER */
button.hamburger {
  background-color: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-radius: 8px !important;
  padding: 6px !important;
  border: none !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4) !important;
}

button.hamburger .hamburger-inner,
button.hamburger .hamburger-inner::before,
button.hamburger .hamburger-inner::after {
  background-color: #ffffff !important;
}

/* MENU MOBILE */
.navbar-mobile__list {
  background-color: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-radius: 0 !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4) !important;
}

.navbar-mobile__list * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.navbar-mobile__list li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* MENU DE CONTA */
.account-dropdown.js-dropdown {
  background-color: rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px) !important;
  border-radius: 12px !important;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.5) !important;
  border: none !important;
}

.account-dropdown.js-dropdown * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* ===========================================
   METAS / PROGRESSO / BOTÕES PEQUENOS
   =========================================== */

/* METAS DIÁRIAS */
.au-task__item-inner {
  background-color: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-radius: 12px !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4) !important;
  border: none !important;
}

.au-task__item-inner * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* meta-progresso */
.meta-progresso {
  background: none !important;
  border: 1px solid red !important;
  color: #cccccc !important;
}

.meta-progresso * {
  color: #cccccc !important;
}

.meta-progresso .progress-bar {
  background-color: #ffffff !important;
  color: #000000 !important;
}

h6.meta-trigger-link,
h6.meta-trigger-link a {
  border-bottom: none !important;
  text-decoration: none !important;
}

.meta-progresso:hover {
  background-color: rgba(0, 0, 0, 0.75) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid red !important;
}

/* BOTÕES PEQUENOS COM VIDRO FOSCO MAIS ESCURO */
a.btn.btn-sm,
button.btn.btn-sm {
  background-color: rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  color: #ffffff !important;
  border: 1px solid rgba(200, 200, 200, 0.3) !important;
  border-radius: 6px !important;
  padding: 4px 12px !important;
  display: inline-block !important;
  width: auto !important;
}

/* Ícones brancos nos botões */
a.btn.btn-sm i,
button.btn.btn-sm i {
  color: #ffffff !important;
}

/* Hover mais escuro nos botões pequenos */
a.btn.btn-sm:hover,
button.btn.btn-sm:hover {
  background-color: rgba(0, 0, 0, 0.85) !important;
  border-color: rgba(200, 200, 200, 0.6) !important;
  color: #ffffff !important;
}

/* Forçar todo o texto do bloco "pratique questões" para branco */
div.meta-aviso-exercicio-texto,
div.meta-aviso-exercicio-texto * {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Estado normal: vermelho */
#new_activity_insert {
  background-color: #ff0000 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 15px !important;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Garantir que o texto e ícones internos fiquem brancos */
#new_activity_insert * {
  color: #ffffff !important;
}

/* Hover: preto */
#new_activity_insert:hover {
  background-color: #000000 !important;
}

/* Hover com contorno vermelho para metas "success" e "primary" */
.au-task__item.au-task__item--success:hover,
.au-task__item.au-task__item--primary:hover {
  background-color: inherit !important;
  box-shadow: none !important;
  filter: none !important;
  border: 1px solid red !important;
}

/* ===========================================
   CARDS DE MATERIAIS / LISTAS / BOTÕES
   =========================================== */

/* Efeito blur preto nos cards de materiais */
.custom-card.notice,
.col-12.col-md-6 {
  background-color: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-radius: 12px !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4) !important;
  border: none !important;
}

/* Texto branco sem afetar SVG */
.custom-card.notice *:not(svg),
.custom-card.notice svg *,
.col-12.col-md-6 *:not(svg),
.col-12.col-md-6 svg * {
  color: #ffffff !important;
}

/* (opcional) ícones de fonte continuam brancos */
.custom-card.notice i,
.col-12.col-md-6 i {
  color: #ffffff !important;
}

/* Aplica o efeito vidro fosco preto no aviso dentro do card */
div.custom-card-notice {
  background-color: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-radius: 12px !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4) !important;
  border: none !important;
}

/* Garante que todo o texto e ícones fiquem brancos */
div.custom-card-notice * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Botão "Links de estudo" vermelho */
button.btn.btn-primary.dropdown-toggle {
  background-color: #C30010 !important;
  border-color: #C30010 !important;
  color: #ffffff !important;
}

/* Hover mais escuro */
button.btn.btn-primary.dropdown-toggle:hover {
  background-color: #a8000d !important;
  border-color: #a8000d !important;
}

/* Efeito vidro fosco preto na lista de horários */
ul.list-group {
  background-color: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-radius: 12px !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4) !important;
  border: none !important;
  padding: 10px !important;
}

/* Itens da lista */
ul.list-group li.list-group-item {
  background-color: transparent !important;
  border: none !important;
  color: #ffffff !important;
}

/* Texto e ícones brancos */
ul.list-group * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Mudar cor dos botões de horário para vermelho */
span.hour-container-hour.badge.badge-info {
  background-color: #ff0000 !important;
  color: #ffffff !important;
  border: none !important;
}

/* Efeito no hover para um tom mais escuro */
span.hour-container-hour.badge.badge-info:hover {
  background-color: #cc0000 !important;
}

/* Botão Trocar meus horários em vermelho com blur */
a.btn.btn-primary {
  background-color: rgba(255, 0, 0, 0.8) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 8px !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4) !important;
  padding: 8px 16px !important;
  font-weight: bold !important;
}

/* Hover mais escuro */
a.btn.btn-primary:hover {
  background-color: rgba(200, 0, 0, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

/* Estilo para o select com efeito blur preto */
select#ciclo_disciplinas.custom-select.custom-select-sm {
  background-color: rgba(0, 0, 0, 0.5) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 8px !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  padding: 6px 10px !important;
  font-size: 14px !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4) !important;
}

/* Cor das opções no dropdown */
select#ciclo_disciplinas.custom-select.custom-select-sm option {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Hover e foco */
select#ciclo_disciplinas.custom-select.custom-select-sm:focus {
  background-color: rgba(0, 0, 0, 0.7) !important;
  outline: none !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

/* Botão Salvar em vermelho */
#btn_save.btn.btn-success {
  background-color: #C30010 !important;
  border-color: #C30010 !important;
  color: #ffffff !important;
  font-weight: bold !important;
  border-radius: 6px !important;
  transition: background-color 0.3s ease;
}

/* Hover mais escuro */
#btn_save.btn.btn-success:hover {
  background-color: #a8000d !important;
  border-color: #a8000d !important;
}

/* Efeito blur preto nas caixas das disciplinas */
#drag_disc .box-plan-summary {
  background-color: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4) !important;
}

/* Deixar todo o conteúdo interno branco */
#drag_disc .box-plan-summary * {
  color: #ffffff !important;
}

/* Estado normal: preto com texto branco */
.goal-review-footer {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 10px !important;
  transition: background-color 0.3s ease;
}

/* Forçar todo o texto e ícones para branco */
.goal-review-footer *,
#review_goals_save * {
  color: #ffffff !important;
}

/* Estado inicial - preto */
.goal-review-footer,
#review_goals_save {
  background-color: #000000 !important;
  color: #ffffff !important;
  border: none !important;
  transition: background-color 0.3s ease;
}

/* Estado com hover - vermelho */
.goal-review-footer:hover,
#review_goals_save:hover {
  background-color: #C30010 !important;
  color: #ffffff !important;
}

/* Estado normal - vermelho */
a.btn.btn-info.mt-2 {
  background-color: #C30010 !important;
  color: #ffffff !important;
  border: none !important;
  transition: background-color 0.3s ease;
}

/* Ícones dentro do botão */
a.btn.btn-info.mt-2 i {
  color: #ffffff !important;
}

/* Hover - vermelho mais escuro */
a.btn.btn-info.mt-2:hover {
  background-color: #a8000d !important;
}

/* Alerta vermelho */
div.alert.alert-warning {
  background-color: #C30010 !important;
  color: white !important;
  border: none !important;
}

div.alert.alert-warning * {
  color: white !important;
}

/* ===========================================
   MATERIAIS / METODOLOGIA / DÚVIDAS
   =========================================== */

a.material-list-title {
  display: block;
  background-color: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-radius: 12px !important;
  padding: 15px !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4) !important;
  text-decoration: none !important;
}

/* Texto e ícones brancos dentro do link */
a.material-list-title * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.methodology-baloon {
  background-color: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-radius: 12px !important;
  padding: 15px !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4) !important;
}

.methodology-baloon * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.article-notice {
  background-color: red !important;
  color: white !important;
  border-left: 5px solid red !important;
  box-shadow: none !important;
}

.article-notice * {
  color: white !important;
}

textarea#duvida.form-control {
  background-color: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  color: white !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px !important;
}

textarea#duvida.form-control::placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* ===========================================
   DASHBOARD HOME – ATALHOS / ÍCONES
   =========================================== */

/* Ajusta cada bloco para ficar um embaixo do outro */
.col.col-6.col-sm-6.col-md-4.col-lg-2 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

/* Estiliza o bloco como linha com ícone à esquerda */
.dashboard-tile {
  display: flex !important;
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(8px);
  border-radius: 10px;
  margin-bottom: 10px;
  transition: background 0.3s ease;
}

/* Texto ao lado do ícone */
.dashboard-tile-link {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fff !important;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
}

.dashboard-tile-link p {
  margin: 0;
  text-align: left;
}

/* Efeito hover */
.dashboard-tile:hover {
  background: rgba(255, 0, 0, 0.3);
}

.badge.badge-primary {
  background-color: rgba(255, 0, 0, 0.7) !important;
  backdrop-filter: blur(4px);
  color: #fff !important;
}

.meta-horario {
  background-color: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(6px);
  border-radius: 6px;
  padding: 6px 12px;
  color: #fff !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.meta-horario i {
  color: #fff !important;
}

.ranking-me .ranking-me-icon {
  background-color: #C30010 !important;
  border-radius: 50% !important;
}

/* ===========================================
   FORM CONTROLS GERAIS
   =========================================== */

/* Aplica efeito blur e estilo base para todos os campos */
.form-control {
  background-color: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 8px !important;
  padding: 10px !important;
  transition: all 0.3s ease !important;
}

.form-control::placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}

.form-control:hover {
  border: 1px solid #ff0000 !important;
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.6) !important;
}

.form-control:focus {
  border: 1px solid #ff0000 !important;
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.6) !important;
  outline: none !important;
}

input.btn.btn-sm.btn-success {
  background-color: #C30010 !important;
  border-color: #C30010 !important;
  color: #ffffff !important;
  font-weight: bold !important;
  border-radius: 6px !important;
  transition: background-color 0.3s ease;
}

input.btn.btn-sm.btn-success:hover {
  background-color: #a8000d !important;
  border-color: #a8000d !important;
}

/* ===========================================
   ÍCONES NOVOS (HOME)
   =========================================== */

.dashboard-tile-link[href*="metas"] img {
  content: url("https://imgur.com/VROHZXb.png");
  width: 28px !important;
  height: 28px !important;
}

.dashboard-tile-link[href*="semana"] img {
  content: url("https://imgur.com/i2kO1hR.png");
  width: 28px !important;
  height: 28px !important;
}

.dashboard-tile-link[href*="dashboards/?id=4"] img {
  content: url("https://imgur.com/YTXlRZO.png");
  width: 28px !important;
  height: 28px !important;
}

.dashboard-tile-link.show-dashboard-reports img {
  content: url("https://imgur.com/75rWGE0.png");
  width: 28px !important;
  height: 28px !important;
}

.dashboard-tile-link.show-dashboard-config img {
  content: url("https://imgur.com/7FbVzbJ.png");
  width: 28px !important;
  height: 28px !important;
}

/* Remove ícones SOMENTE na página do painel do aluno */
body.page-aluno .reports-report .dashboard-tile-link img,
body.page-aluno .reports-config .dashboard-tile-link img {
  display: none !important;
}

/* ===========================================
   GRÁFICOS / HIGHCHARTS
   =========================================== */

/* Card e área do gráfico com blur preto */
.chart-container,
.chart-graph {
  background: rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-radius: 12px !important;
  padding: 10px !important;
  transition: border 0.3s ease;
}

/* Contorno vermelho no hover do card */
.chart-container:hover {
  border: 1px solid red !important;
}

/* Títulos e controles do card em branco */
.chart-title,
.chart-title * ,
.chart-filter,
.chart-filter * {
  color: #fff !important;
  fill: #fff !important;
}

/* Estado "sem dados" */
.chart-empty {
  background: rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  justify-content: center !important;
  align-items: center !important;
  flex-direction: column !important;
  text-align: center !important;
  transition: border 0.3s ease;
}

.chart-empty:hover {
  border: 1px solid red !important;
}

.chart-empty p {
  color: #fff !important;
  font-weight: 500;
  margin-top: 10px;
}

.chart-empty img {
  filter: brightness(0) invert(1);
  width: 50px !important;
  height: auto !important;
}

/* Remover QUALQUER fundo branco que o Highcharts aplique */
.chart-graph .highcharts-container,
.chart-graph svg.highcharts-root {
  background: transparent !important;
}

.chart-graph rect.highcharts-background,
.chart-graph rect.highcharts-plot-background {
  fill: transparent !important;
}

/* Bordas do plot sem fill branco */
.chart-graph rect.highcharts-plot-border {
  fill: transparent !important;
  stroke: rgba(255, 255, 255, 0.25) !important;
}

/* Textos/legendas brancos */
.chart-graph .highcharts-legend text,
.chart-graph .highcharts-data-labels text {
  fill: #fff !important;
  color: #fff !important;
}

/* ===== Semana: botões navegação ===== */
.week-view-links a {
  background: red !important;
  color: #fff !important;
  padding: 8px 14px;
  border-radius: 6px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: background 0.3s ease;
}

.week-view-links a i {
  color: #fff !important;
}

.week-view-links a:hover {
  background: #000 !important;
  color: #fff !important;
}

/* ===== Dropdown "Opções de Cronômetro" (base) ===== */
.btn-pomodoro-trigger .dropdown-menu {
  background: rgba(0, 0, 0, 0.7) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  z-index: 9999 !important;
  padding-bottom: 8px !important;
}

.btn-pomodoro-trigger .dropdown-item {
  color: #fff !important;
}

.btn-pomodoro-trigger .dropdown-item:hover {
  background: rgba(255, 0, 0, 0.3) !important;
  color: #fff !important;
}

/* Efeito nas formas (pizza/coluna/barra) – mantém teu hover */
.chart-graph .highcharts-point {
  transition: filter .25s ease, transform .25s ease, opacity .25s ease;
  transform-box: fill-box;
  transform-origin: center;
}
.chart-graph .highcharts-point:hover {
  filter: drop-shadow(0 0 8px rgba(195,0,16,.45));
  opacity: .96;
  transform: scale(1.03);
}

/* Remove contorno branco dos textos dos gráficos */
.highcharts-text-outline {
  stroke: none !important;
  stroke-width: 0 !important;
}

/* Textos brancos nos gráficos (legenda, labels) */
.highcharts-root text,
.chart-title * {
  fill: #fff !important;
  color: #fff !important;
}

/* ===== Contorno preto nas fatias das pizzas ===== */
#chart_id_11 .highcharts-pie-series .highcharts-point,
#chart_id_12 .highcharts-pie-series .highcharts-point,
#chart_id_13 .highcharts-pie-series .highcharts-point,
#chart_id_14 .highcharts-pie-series .highcharts-point {
  stroke: #000 !important;
  stroke-width: 2px !important;
  fill-opacity: 1 !important;
}

/* ===== Tooltip (fundo escuro, texto branco) ===== */
.highcharts-tooltip text {
  fill: #fff !important;
  color: #fff !important;
}
.highcharts-tooltip-box {
  fill: rgba(0,0,0,0.85) !important;
  stroke: #000 !important;
  stroke-width: 1px !important;
}

/* ===== Gráfico data-id="33" – refinado ===== */

/* Plot sem pano e borda discreta */
.chart-graph [data-id="33"] rect.highcharts-background,
.chart-graph [data-id="33"] rect.highcharts-plot-background {
  fill: transparent !important;
}
.chart-graph [data-id="33"] rect.highcharts-plot-border {
  fill: transparent !important;
  stroke: rgba(255,255,255,0.12) !important;
}

/* Grades e eixos */
.chart-graph [data-id="33"] .highcharts-grid-line {
  stroke: rgba(255,255,255,0.08) !important;
}
.chart-graph [data-id="33"] .highcharts-axis-line {
  stroke: rgba(255,255,255,0.18) !important;
}

/* Rótulos em branco */
.chart-graph [data-id="33"] .highcharts-axis-labels text {
  fill:#fff !important;
  color:#fff !important;
}

/* Labels de dados */
.chart-graph [data-id="33"] .highcharts-data-labels text {
  fill:#fff !important;
  color:#fff !important;
  font-weight:700 !important;
  font-size:.9em !important;
}
.chart-graph [data-id="33"] .highcharts-text-outline {
  stroke:none !important;
  stroke-width:0 !important;
}

/* Pontos com presença */
.chart-graph [data-id="33"] .highcharts-markers .highcharts-point {
  filter: drop-shadow(0 0 6px rgba(255,255,255,.35)) !important;
  stroke:#000 !important;
  stroke-width:.5px !important;
}

/* Linhas mais espessas */
.chart-graph [data-id="33"] .highcharts-series path.highcharts-graph {
  stroke-width:3px !important;
}

/* Tooltip escuro */
.chart-graph [data-id="33"] .highcharts-label-box.highcharts-tooltip-box {
  fill: rgba(0,0,0,0.92) !important;
  stroke: #C30010 !important;
}
.chart-graph [data-id="33"] .highcharts-tooltip text {
  fill:#fff !important;
  color:#fff !important;
}
.chart-graph [data-id="33"] .highcharts-tooltip path[isShadow="true"] {
  display:none !important;
}

/* Se aparecer alguma área por engano, mantém transparente */
.chart-graph [data-id="33"] .highcharts-series path.highcharts-area {
  fill: transparent !important;
}

/* GRID do gráfico #chart_id_33 branca, mais fina */
#chart_id_33 .highcharts-yaxis-grid .highcharts-grid-line,
#chart_id_33 .highcharts-xaxis-grid .highcharts-grid-line {
  stroke: #ffffff !important;
  stroke-opacity: 1 !important;
  stroke-width: 1px !important;
}

/* Questões feitas - contorno cinza claro */
[data-id="19"] .chart-number-container {
  color: #fff !important;
  border: 2px solid #ccc;
  border-radius: 8px;
  transition: all 0.3s ease;
}
[data-id="19"] .chart-number-container:hover {
  box-shadow: 0 0 10px rgba(255,255,255,0.4);
  transform: scale(1.05);
}

/* Acertos - contorno verde */
[data-id="20"] .chart-number-container {
  color: #fff !important;
  border: 2px solid #28a745;
  border-radius: 8px;
  transition: all 0.3s ease;
}
[data-id="20"] .chart-number-container:hover {
  box-shadow: 0 0 10px rgba(40,167,69,0.6);
  transform: scale(1.05);
}

/* Erros - contorno vermelho */
[data-id="21"] .chart-number-container {
  color: #fff !important;
  border: 2px solid #b30000;
  border-radius: 8px;
  transition: all 0.3s ease;
}
[data-id="21"] .chart-number-container:hover {
  box-shadow: 0 0 10px rgba(179,0,0,0.6);
  transform: scale(1.05);
}

/* Remove a linha vermelha interna */
#chart_id_19 .chart-graph,
#chart_id_20 .chart-graph,
#chart_id_21 .chart-graph {
  border: none !important;
}

/* Mantém a borda externa fina e colorida */
#chart_id_19 .chart-container,
#chart_id_20 .chart-container,
#chart_id_21 .chart-container {
  border-width: 2px !important;
  border-style: solid !important;
  transition: border-color .2s ease !important;
}

#chart_id_19 .chart-container,
#chart_id_19 .chart-container:hover {
  border-color: #ffffff !important;
  box-shadow: none !important;
}

#chart_id_20 .chart-container,
#chart_id_20 .chart-container:hover {
  border-color: #00c853 !important;
  box-shadow: none !important;
}

#chart_id_21 .chart-container,
#chart_id_21 .chart-container:hover {
  border-color: #C30010 !important;
  box-shadow: none !important;
}

/* ===========================================
   TABELA – VISUAL DATA / DESEMPENHO
   =========================================== */

.table.visual-data-table,
.table.visual-data-table thead th,
.table.visual-data-table tbody td {
  background: rgba(0,0,0,0.85) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,0.15) !important;
}

/* Texto em negrito para títulos */
.table.visual-data-table b {
  color: #fff !important;
}

/* Cabeçalho */
.table.visual-data-table thead th {
  background: rgba(0,0,0,0.9) !important;
  font-weight: bold;
}

/* Linhas alternadas */
.table.visual-data-table tbody tr:nth-child(even) {
  background: rgba(255,255,255,0.05) !important;
}

/* Hover nas linhas */
.table.visual-data-table tbody tr:hover {
  background: rgba(255,255,255,0.1) !important;
}

/* Classes de desempenho */
.desempenho-zero {
  color: #ff4d4d !important;
  font-weight: bold;
}
.desempenho-normal {
  color: #ffd633 !important;
  font-weight: bold;
}
.desempenho-bom {
  color: #4dff88 !important;
  font-weight: bold;
}

/* ===========================================
   FORM – DISCIPLINA / ASSUNTO / CAMPOS
   =========================================== */

/* FORM: Disciplina / Assunto */
#disciplina,
#assunto {
  width: 100% !important;
  box-sizing: border-box;
  height: 44px;
  line-height: 1.2;
  padding: 10px 36px 10px 12px;
  color: #fff !important;
  background: rgba(0,0,0,0.5) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  border-radius: 8px !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: border-color .2s, box-shadow .2s;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 8px;
}

/* foco/hover */
#disciplina:focus,
#assunto:focus,
#disciplina:hover,
#assunto:hover {
  border-color: #ff0000 !important;
  box-shadow: 0 0 8px rgba(255,0,0,0.4);
  outline: none !important;
}

/* opções */
#disciplina option,
#assunto option {
  background-color: #000 !important;
  color: #fff !important;
}

/* placeholder “Selecionar…” */
#disciplina option[value=""],
#assunto option[value=""] {
  color: rgba(255,255,255,0.7) !important;
}

/* rótulos */
.form-group label {
  color: #fff !important;
}

/* inputs relacionados */
#data,
#questoes_feitas,
#questoes_corretas {
  height: 44px;
  color: #fff !important;
  background: rgba(0,0,0,0.5) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  border-radius: 8px !important;
}
#data:focus,
#questoes_feitas:focus,
#questoes_corretas:focus {
  border-color: #ff0000 !important;
  box-shadow: 0 0 8px rgba(255,0,0,0.4);
  outline: none !important;
}

/* ===========================================
   META PERCENTUAL / WARNING / TASK LIST
   =========================================== */

/* Ajusta a caixa da meta percentual */
.au-task__item .meta-percentual-questoes.bom {
  background: transparent !important;
  border: 1px solid red !important;
  border-left: 4px solid red !important;
  color: #fff !important;
  padding: 6px 10px;
  border-radius: 6px;
  transition: all 0.3s ease;
}

/* Hover igual aos outros cards */
.au-task__item:hover .meta-percentual-questoes.bom {
  background: transparent !important;
  border-color: #ff4d4d !important;
  border-left-color: #ff4d4d !important;
  box-shadow: 0 0 8px rgba(255, 77, 77, 0.5);
}

/* Mantém textos legíveis */
.meta-percentual-questoes.bom h5,
.meta-percentual-questoes.bom span {
  color: #fff !important;
}

/* META "WARNING" */
.au-task__item.au-task__item--warning,
.au-task__item.au-task__item--warning .au-task__item-inner,
.au-task__item.au-task__item--warning:hover,
.au-task__item.au-task__item--warning:hover .au-task__item-inner {
  background-color: rgba(0,0,0,0.3) !important;
  box-shadow: none !important;
  filter: none !important;
}

.au-task__item.au-task__item--warning {
  border-left: 4px solid transparent !important;
  border-top: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
  border-bottom: 1px solid transparent !important;
  transition: border-color .2s ease;
}
.au-task__item.au-task__item--warning:hover {
  border-left-color: #C30010 !important;
  border-top-color:  #C30010 !important;
  border-right-color:#C30010 !important;
  border-bottom-color:#C30010 !important;
}

/* faixa branca interna */
.au-task__item.au-task__item--warning .meta-percentual-questoes,
.au-task__item.au-task__item--warning .meta-percentual-questoes * {
  background: transparent !important;
  color: #fff !important;
}

/* neutraliza fundos internos */
.au-task__item.au-task__item--warning .au-task-activity > div {
  background-color: transparent !important;
}

/* caixa de percentual warning */
.au-task__item.au-task__item--warning .meta-percentual-questoes {
  border: 1px solid #C30010 !important;
  border-left-width: 4px !important;
  padding: 6px 10px !important;
  border-radius: 6px !important;
}
.au-task__item.au-task__item--warning:hover .meta-percentual-questoes {
  border-color: #ff4d4d !important;
  border-left-color: #ff4d4d !important;
}

/* ===== Meta: percentual de questões (tarefas do dia) ===== */
#tarefas_dia_aluno .au-task__item .au-task__item-inner .au-task-activity .meta-percentual-questoes {
  background: transparent !important;
  display: inline-block !important;
  border: 1px solid #C30010 !important;
  border-left-width: 4px !important;
  border-radius: 6px !important;
  padding: 6px 10px !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* textos sempre brancos */
#tarefas_dia_aluno .meta-percentual-questoes h5,
#tarefas_dia_aluno .meta-percentual-questoes span {
  color: #fff !important;
}

/* remove pseudo-elementos */
#tarefas_dia_aluno .meta-percentual-questoes::before,
#tarefas_dia_aluno .meta-percentual-questoes::after {
  content: none !important;
}

/* hover */
#tarefas_dia_aluno .au-task__item:hover .meta-percentual-questoes {
  background: transparent !important;
  border-color: #ff4d4d !important;
  border-left-color: #ff4d4d !important;
  box-shadow: 0 0 8px rgba(255,77,77,.45) !important;
}

/* Hover padronizado no Progresso Diário */
.au-task-list .au-task__item {
  transition: background .18s ease, color .18s ease, box-shadow .18s ease;
}

.au-task-list .au-task__item:hover {
  background: rgba(0,0,0,0.6) !important;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: #fff !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18) !important;
}

.au-task-list .au-task__item:hover h4,
.au-task-list .au-task__item:hover h5,
.au-task-list .au-task__item:hover h6,
.au-task-list .au-task__item:hover p,
.au-task-list .au-task__item:hover a,
.au-task-list .au-task__item:hover i,
.au-task-list .au-task__item:hover span {
  color: #fff !important;
  fill: #fff !important;
}

/* Acessibilidade – reduz animação */
@media (prefers-reduced-motion: reduce) {
  .goal-review-listview .goal-review-item,
  .au-task-list .au-task__item {
    transition: none;
  }
}

/* ===========================================
   DROPDOWN POMODORO – AJUSTES DE Z-INDEX
   =========================================== */

/* Corrige apenas o dropdown do cronômetro – contexto global */
.au-task,
.au-task__item,
.au-task__item-inner {
  overflow: visible !important;
  position: relative !important;
}

/* Quando o grupo estiver aberto (.show), traz tudo pra frente */
.au-task__item-inner .btn-group.show {
  position: relative !important;
  z-index: 10040 !important;
}

/* A própria dropdown por cima de qualquer vizinho */
.au-task__item-inner .btn-group.show .dropdown-menu {
  position: absolute !important;
  z-index: 10050 !important;
}

/* Fallback: ao focar no botão, sobe o card todo */
.au-task__item-inner:focus-within {
  z-index: 10030 !important;
}

/* Ajuste no dropdown da área de links */
.material-list-assunto-links .dropdown-menu {
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  padding: 8px 0;
}

.material-list-assunto-links .dropdown-item {
  color: #fff !important;
  font-weight: 500;
  transition: background 0.2s ease, color 0.2s ease;
}

.material-list-assunto-links .dropdown-item:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}

/* ========= POMODORO: DROPDOWN ESTÁVEL NAS METAS DO DIA ========= */

/* Libera overflow só na área das metas do dia */
#tarefas_dia_aluno .au-task,
#tarefas_dia_aluno .au-task__item,
#tarefas_dia_aluno .au-task__item-inner {
  position: relative !important;
  overflow: visible !important;
}

/* O wrapper do cronômetro passa a ser a âncora do dropdown */
#tarefas_dia_aluno .btn-pomodoro-trigger {
  position: relative !important;
  z-index: 3000 !important;
}

/* O .btn-group também fica relativo */
#tarefas_dia_aluno .btn-pomodoro-trigger .btn-group {
  position: relative !important;
  z-index: 3010 !important;
}

/* Menu abrindo para cima dentro das metas do dia */
#tarefas_dia_aluno .btn-pomodoro-trigger .btn-group.show > .dropdown-menu {
  top: auto !important;
  bottom: 100% !important;
  left: 0 !important;
  transform: translate3d(0, -6px, 0) !important;
  will-change: auto !important;
  margin: 0 !important;
  position: absolute !important;
  z-index: 3050 !important;
  background: rgba(0, 0, 0, 0.9) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  min-width: 100% !important;
  padding: 4px 0 !important;
}

#tarefas_dia_aluno .btn-pomodoro-trigger .btn-group.show > .dropdown-menu .dropdown-item {
  color: #ffffff !important;
  padding: 6px 12px !important;
}

#tarefas_dia_aluno .btn-pomodoro-trigger .btn-group.show > .dropdown-menu .dropdown-item:hover {
  background: rgba(255, 0, 0, 0.35) !important;
  color: #ffffff !important;
}

/* ===========================================
   MURAL / AVISOS / MURAL HOME
   =========================================== */

/* Mural com blur (inclui "novo item") */
.custom-card-body.mural-container-padding-control {
  background: rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
  padding: 15px !important;
}

.custom-card-body.mural-container-padding-control * {
  color: #fff !important;
}

.custom-card-body.mural-container-padding-control .mural-home-item,
.custom-card-body.mural-container-padding-control .mural-home-item-form,
.custom-card-body.mural-container-padding-control .mural-new-item,
.custom-card-body.mural-container-padding-control [class*="mural"][class*="item"] {
  background: rgba(0,0,0,0.6) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 12px !important;
  padding: 12px !important;
  color: #fff !important;
}

.custom-card-body.mural-container-padding-control .mural-home-item *,
.custom-card-body.mural-container-padding-control .mural-home-item-form *,
.custom-card-body.mural-container-padding-control .mural-new-item * {
  color: #fff !important;
}

.custom-card-body.mural-container-padding-control .mural-home-item input,
.custom-card-body.mural-container-padding-control .mural-home-item textarea,
.custom-card-body.mural-container-padding-control .mural-home-item select,
.custom-card-body.mural-container-padding-control .mural-home-item-form input,
.custom-card-body.mural-container-padding-control .mural-home-item-form textarea,
.custom-card-body.mural-container-padding-control .mural-home-item-form select {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  color: #fff !important;
  border-radius: 10px !important;
}

.custom-card-body.mural-container-padding-control .mural-home-item ::placeholder,
.custom-card-body.mural-container-padding-control .mural-home-item-form ::placeholder {
  color: rgba(255,255,255,0.75) !important;
}

.custom-card-body.mural-container-padding-control .mural-home-item,
.custom-card-body.mural-container-padding-control .mural-home-item-form {
  position: relative;
  z-index: 2;
}

/* Card de avisos home */
.mural-home-item {
  display: block !important;
  background: rgba(0, 0, 0, 0.75) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  text-decoration: none !important;
  color: #fff !important;
}

.mural-home-text,
.mural-home-date,
.mural-home-content,
.mural-home-item *,
.mural-home-item p,
.mural-home-item li,
.mural-home-item strong {
  color: #fff !important;
  fill: #fff !important;
}

.mural-home-date {
  font-size: 0.9rem !important;
  opacity: 0.85 !important;
}

.mural-home-item:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #fff !important;
}

.mural-home-item .dropdown-item {
  background: transparent !important;
  color: #fff !important;
}

/* ===========================================
   DROPDOWNS DE FILTRO DOS GRÁFICOS
   =========================================== */

.chart-container .dropdown-menu,
.chart-title .dropdown-menu,
.chart-filter .dropdown-menu,
.dropdown-menu.dropdown-menu-right.show {
  background: rgba(0,0,0,.92) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.45) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

.chart-container .dropdown-item,
.chart-title .dropdown-item,
.chart-filter .dropdown-item {
  background: transparent !important;
  color: #fff !important;
}

.chart-container .dropdown-item:hover,
.chart-title .dropdown-item:hover,
.chart-filter .dropdown-item:hover,
.chart-container .dropdown-item:focus,
.chart-title .dropdown-item:focus,
.chart-filter .dropdown-item:focus {
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
}

/* Botão do filtro */
.chart-filter .btn.btn-secondary.btn-sm {
  background: rgba(0,0,0,.6) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.25) !important;
}
.chart-filter .btn.btn-secondary.btn-sm:hover {
  background: rgba(0,0,0,.8) !important;
}

/* Botão "Replanejar atividades atrasadas" - vermelho */
a.btn.btn-success {
  background-color: #b80000 !important;
  border-color: #b80000 !important;
  color: #fff !important;
}

a.btn.btn-success:hover,
a.btn.btn-success:focus {
  background-color: #e60000 !important;
  border-color: #e60000 !important;
  color: #fff !important;
}

/* ===========================================
   CICLO – LISTA DE MATÉRIAS DO PLANO
   =========================================== */

.ciclo-container-materias-plano {
  background: transparent !important;
  padding: 10px 0 !important;
}

.ciclo-container-materias-plano-item {
  background: rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  padding: 10px 12px !important;
  margin-bottom: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4) !important;
  cursor: move !important;
}

.ciclo-container-materias-plano-item span {
  color: #ffffff !important;
  font-weight: 500 !important;
  font-size: 14px !important;
}

/* Badge "com estudo" */
.ciclo-container-materias-plano-item-modalidades {
  background: rgba(255, 0, 0, 0.16) !important;
  border-radius: 999px !important;
  padding: 4px 10px !important;
  font-size: 12px !important;
  text-transform: lowercase !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 0, 0, 0.55) !important;
  white-space: nowrap !important;
}

.ciclo-container-materias-plano-item:hover {
  border-color: #ff0000 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
}

.ciclo-container-materias-plano-item * {
  color: #ffffff !important;
}

/* CICLO – QUADRO CICLO A / B / C */
.ciclo-container-materias-ciclo {
  background: transparent !important;
}

.ciclo-container-materias-ciclo-step {
  background: rgba(0, 0, 0, 0.55) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.20) !important;
  padding: 12px 14px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}

.ciclo-container-materias-ciclo-step h6 {
  color: #ffffff !important;
  font-weight: 600 !important;
  margin-bottom: 8px !important;
}

.ciclo-container-materias-list {
  min-height: 60px !important;
  padding: 6px 0 !important;
}

/* Matéria dentro do ciclo */
.materia-ciclo-item {
  background: rgba(0, 0, 0, 0.7) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  padding: 6px 10px !important;
  margin-bottom: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  cursor: move !important;
}

.materia-ciclo-item span {
  color: #ffffff !important;
  font-size: 13px !important;
}

.materia-ciclo-item-remove {
  color: #ff4d4d !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  padding: 0 6px !important;
  border-radius: 4px !important;
}

.materia-ciclo-item-remove:hover {
  background: rgba(255, 0, 0, 0.18) !important;
  color: #ffffff !important;
}

.materia-ciclo-item:hover {
  border-color: #ff0000 !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.5) !important;
}

.ciclo-container-materias-ciclo-step * {
  color: #ffffff !important;
}

.ciclo-container-materias-ciclo .col-6 {
  margin-bottom: 12px !important;
}

/* Remove contorno branco grande da área dropável */
.ciclo-container-materias-list,
.ciclo-container-materias-list.ui-droppable,
.ciclo-container-materias-list.ui-state-hover,
.ciclo-container-materias-list.ui-state-active,
.ciclo-container-materias-list.ui-state-focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* ===========================================
   ASSUNTOS DO PLANO / LISTVIEW HOVER
   =========================================== */

.goal-review-listview .goal-review-item {
  transition: background .18s ease, color .18s ease, box-shadow .18s ease;
}

/* Vidro fosco preto translúcido no hover */
.goal-review-listview .goal-review-item:hover {
  background: rgba(0, 0, 0, 0.6) !important;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: #fff !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.07);
}

.goal-review-listview .goal-review-item:hover span,
.goal-review-listview .goal-review-item:hover a,
.goal-review-listview .goal-review-item:hover i {
  color: #fff !important;
  fill: #fff !important;
}

.goal-review-listview .goal-review-item:hover .row {
  border-color: rgba(255,255,255,.12) !important;
}

/* ===========================================
   REFERÊNCIAS DE ESTUDO – HOVER
   =========================================== */

.author-refer .author-refer-title {
  transition: background .18s ease, color .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.author-refer .author-refer-title:hover {
  background: rgba(0,0,0,0.6) !important;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: #fff !important;
  border-color: rgba(255,255,255,.18) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.07);
}

.author-refer .author-refer-title:hover h3,
.author-refer .author-refer-title:hover p,
.author-refer .author-refer-title:hover a,
.author-refer .author-refer-title:hover i {
  color: #fff !important;
  fill: #fff !important;
}

.author-refer .author-refer-title:focus,
.author-refer .author-refer-title:focus-visible {
  outline: 2px solid rgba(255,255,255,.55);
  outline-offset: 2px;
  background: rgba(0,0,0,0.6);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: #fff;
}

/* Só o botão "Pesquisar" da Base de Conhecimentos */
.forum-search .btn.btn-sm.btn-primary {
  background-color: #E11D2E !important;
  border-color: #E11D2E !important;
  color: #fff !important;
  transition: background .18s ease, transform .12s ease;
}

.forum-search .btn.btn-sm.btn-primary:hover {
  background-color: #b90f23 !important;
  border-color: #b90f23 !important;
  transform: translateY(-1px);
}

/* ===========================================
   CHAT FANTIN – TEMA DARK
   =========================================== */

/* Fundo + cor base */
#chat_placeholder,
#chat_placeholder .container,
#chat_placeholder #chat_container {
  background: #000 !important;
  color: #fff !important;
}

/* Perfil */
#chat_placeholder .bia-profile {
  color: #fff !important;
  text-align: center;
}
#chat_placeholder .bia-profile small {
  color: #c9c9c9 !important;
  display: block;
  margin-top: 4px;
}
#chat_placeholder .bia-profile img {
  width: 128px;
  height: 128px;
  object-fit: cover;
  border-radius: 9999px;
  border: 2px solid #eaeaea;
  box-shadow: 0 0 0 4px rgba(255,255,255,0.08);
}

/* Container de mensagens */
#chat_messages {
  color: #fff !important;
}

/* Bolhas do bot */
#chat_messages .chat-message.chat-bot-message {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  margin: 10px 0 !important;
  backdrop-filter: blur(6px);
}
#chat_messages .chat-message.chat-bot-message .chat-message-text {
  color: #f3f4f6 !important;
  line-height: 1.5;
}

/* Bolhas do usuário */
#chat_messages .chat-message.chat-user-message {
  background: rgba(0,200,83,0.12) !important;
  border: 1px solid rgba(0,200,83,0.4) !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  margin: 10px 0 !important;
  text-align: right;
}
#chat_messages .chat-message.chat-user-message .chat-message-text {
  color: #fff !important;
  font-weight: 500;
}

/* Links */
#chat_placeholder a {
  color: #8bd1ff !important;
  text-decoration: none;
}
#chat_placeholder a:hover {
  text-decoration: underline;
}

/* Botões (ex. VOLTAR) */
#chat_placeholder .btn,
#chat_placeholder button {
  color: #0b0b0b !important;
  background: #bfe7ff !important;
  border: none !important;
  border-radius: 9999px !important;
}
#chat_placeholder .btn:hover,
#chat_placeholder button:hover {
  filter: brightness(0.95);
}

/* Inputs do chat */
#chat_placeholder input[type="text"],
#chat_placeholder input[type="search"],
#chat_placeholder textarea,
#chat_placeholder .form-control {
  background: #e9eaf3 !important;
  color: #0b0b0b !important;
  border: 1px solid #d1d5db !important;
  border-radius: 12px !important;
}

/* Herda cor dentro do wrapper */
#chat_placeholder * {
  color: inherit;
}

/* Esconde ícones de bot e usuário */
#chat_messages .chat-message .chat-message-icon {
  display: none !important;
}

/* Card de Horários do chatbot */
.chatbot-horarios-container {
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(10px);
  border-radius: 16px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
  color: #fff;
}

.chatbot-horarios-container h3 {
  font-size: 1.1rem;
  font-weight: 500;
  color: #fff;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.chatbot-horarios-grid label {
  color: #eaeaea;
  font-size: 0.9rem;
  text-transform: capitalize;
  margin-bottom: 4px;
  display: block;
}

.chatbot-horarios-grid .custom-select {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.2);
  color: #fff;
  border-radius: 8px;
  padding: 6px;
  font-size: 0.85rem;
}

.chatbot-horarios-grid .custom-select option {
  background: #111;
  color: #fff;
}

.custom-control-label {
  color: #ccc;
  font-size: 0.85rem;
}

.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #355691;
  border-color: #355691;
}

.chatbot-horarios-container .btn {
  background: #355691;
  color: #fff;
  border-radius: 10px;
  padding: 6px 18px;
  font-size: 0.9rem;
  font-weight: 500;
  transition: all 0.3s ease;
  margin-top: 16px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

.chatbot-horarios-container .btn:hover {
  background: #2a4373;
  transform: translateY(-2px);
}

/* Container de resposta */
#chat_response,
#chat_response .container {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Input de resposta */
#chat_response_input {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  padding: 8px 12px;
}

#chat_response_input::placeholder {
  color: #aaa;
}

/* Botão play */
#chat_response_btn_action {
  background: linear-gradient(135deg, #3a8ef6, #6f3af6);
  color: #fff;
  border-radius: 10px;
  padding: 8px 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s, box-shadow 0.2s;
}

#chat_response_btn_action:hover {
  transform: scale(1.05);
  box-shadow: 0 0 10px rgba(106, 135, 255, 0.6);
}

/* Alerta customizado */
.alert-danger {
  background: rgba(255, 0, 0, 0.15);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 0, 0, 0.35);
  border-radius: 12px;
  color: #ffb3b3;
  padding: 12px 16px;
  font-size: 0.95rem;
  line-height: 1.4;
}

.alert-danger strong {
  color: #ff4d4d;
  font-weight: 600;
}

/* ===========================================
   NOTIFICAÇÕES (CAMPANHIA)
   =========================================== */

/* Caixa do dropdown */
.noti__item .notifi-dropdown {
  background: rgba(0,0,0,0.92) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,0.18) !important;
  border-radius:10px !important;
  box-shadow:0 8px 24px rgba(0,0,0,0.45) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  overflow:hidden;
  z-index: 1000;
}

/* Conteúdo branco */
.noti__item .notifi-dropdown *,
.noti__item .notifi-dropdown p,
.noti__item .notifi-dropdown span,
.noti__item .notifi-dropdown a,
.noti__item .notifi-dropdown i {
  color:#fff !important;
  fill:#fff !important;
}

/* Cada item da lista */
.noti__item .notifi-dropdown .notifi__item {
  background: transparent !important;
  border-bottom:1px solid rgba(255,255,255,0.10) !important;
  border-radius:0 !important;
}

/* Hover */
.noti__item .notifi-dropdown .notifi__item:hover {
  background: rgba(255,255,255,0.08) !important;
}
/* Container da meta do dia – sem fundo, sem borda */
#tarefas_dia_aluno .time-container {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Meta do dia – único fundo vermelho e texto branco */
#tarefas_dia_aluno .time-container .time-begin.time-day {
  background-color: #C30010 !important;  /* vermelho da identidade */
  color: #ffffff !important;
  border-radius: 6px !important;
  padding: 6px 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Garante ícone, texto e data sempre brancos */
#tarefas_dia_aluno .time-container .time-begin.time-day i,
#tarefas_dia_aluno .time-container .time-begin.time-day b,
#tarefas_dia_aluno .time-container .time-begin.time-day * {
  color: #ffffff !important;
}