@import url('https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@400;600;700&display=swap');body {
    font-family: 'Arial', sans-serif;
}
html, body {
    background-color: #ffffff;
}
.header-desktop, .menu-sidebar .logo, #chat_header {
    background-color: #123c4b;
}
.menu-sidebar, .menu-sidebar .menu-sidebar__content {
    background-color: #123c4b;
}
.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: #123c4b}
#bia_help img, .bia-profile img, .bot-profile img, .review-profile img  {
    border-color: #123c4b}
#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: #333333}
#tarefas_dia_aluno .au-task-list .au-task__item--primary .au-task__item-inner {
    border-left-color: #0099cc !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:#0099cc !important;
}
.btn-desempenho-modalidades .btn-modal-34, .btn-desempenho-modalidades .btn-modal-34:hover 
{
    background: #0099cc !important;
    border-color: #0099cc !important;
}
.color-estudo {
    color: #0099cc !important;
}
#tarefas_dia_aluno .au-task-list .au-task__item--warning .au-task__item-inner, 
.meta-aviso-resumo-texto 
{
    border-left-color: #ff6b35 !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:#ff6b35 !important;
}

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

.color-resumo {
    color: #ff6b35 !important;
}
#tarefas_dia_aluno .au-task-list .au-task__item--danger .au-task__item-inner, 
.meta-aviso-revisao-texto 
{
    border-left-color: #7c4dff !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:#7c4dff !important;
}

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

.color-revisao {
    color: #ff6b35 !important;
}
#tarefas_dia_aluno .au-task-list .au-task__item--success .au-task__item-inner, 
.meta-aviso-exercicio-texto 
{
    border-left-color: #00b87a !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:#00b87a !important;
}

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

.color-exercicio {
    color: #00b87a !important;
}
/*Custom CSS*/

html#login body {
  opacity: 0;
  animation: aparecer 0.4s ease forwards;
  animation-delay: 0.3s;
  background-color: #123c4b !important;
  background-image:
    linear-gradient(160deg, rgba(18,60,75,0.88) 0%, rgba(20,78,99,0.88) 100%),
    url('https://i.ibb.co/kgmMCVCM/dneknfeknf.png') !important;
  background-size: cover !important;
  background-position: right top !important;
  background-repeat: no-repeat !important;
  min-height: 100vh;
  font-family: 'Afacad Flux', sans-serif !important;
}

@keyframes aparecer {
  to { opacity: 1; }
}

html#login #login_table {
  background: transparent !important;
}

html#login #login_branding {
  display: none !important;
}

html#login .login-placeholder.login-aluno {
  background: rgba(10, 38, 48, 0.88) !important;
  border: 1px solid rgba(174, 237, 250, 0.18) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(4px) !important;
}

html#login .login-placeholder p,
html#login .login-placeholder span,
html#login .login-placeholder label,
html#login .login-placeholder small {
  color: #c5e0ea !important;
  font-family: 'Afacad Flux', sans-serif !important;
}

html#login input[type="email"],
html#login input[type="text"],
html#login input[type="password"] {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(174, 237, 250, 0.25) !important;
  border-radius: 8px !important;
  color: #e8f5fa !important;
  font-family: 'Afacad Flux', sans-serif !important;
}

html#login input::placeholder {
  color: rgba(200, 230, 240, 0.45) !important;
}

html#login input:focus {
  border-color: #acedfa !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(172, 237, 250, 0.12) !important;
}

html#login button[type="submit"],
html#login input[type="submit"],
html#login .btn-primary,
html#login .login-placeholder button {
  background: #ffffff !important;
  color: #144e63 !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: 'Afacad Flux', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  transition: background 0.2s, color 0.2s, transform 0.1s !important;
}

html#login button[type="submit"]:hover,
html#login input[type="submit"]:hover,
html#login .btn-primary:hover,
html#login .login-placeholder button:hover {
  background: #144e63 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

html#login .login-placeholder a {
  color: #7ebfd8 !important;
  font-family: 'Afacad Flux', sans-serif !important;
}

html#login .login-placeholder a:hover {
  color: #acedfa !important;
}

/* Legendas área do aluno */
.legend-5,
[class*="legend-5"] {
  background-color: #00d4aa !important;
  border-color: #00d4aa !important;
}

.legend-6,
[class*="legend-6"] {
  background-color: #e8394a !important;
  border-color: #e8394a !important;
}

/* Logos centralizadas abaixo do card */
html#login body::after {
  content: '' !important;
  position: fixed !important;
  bottom: 24px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 320px !important;
  height: 80px !important;
  background-image: url('https://i.ibb.co/sJJrwyvL/mayron-tutory-login.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  z-index: 999 !important;
  pointer-events: none !important;
}