body {
    font-family: 'Arial', sans-serif;
}
html, body {
    background-color: #e9e9e9;
}
.header-desktop, .menu-sidebar .logo, #chat_header {
    background-color: #ed660c;
}
.menu-sidebar, .menu-sidebar .menu-sidebar__content {
    background-color: #ffffff;
}
.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: #ed660c}
#bia_help .bia-title, #bia_menu h3, #bia_menu ul a {
    color: #ffffff}
#bia_help .bia-title, #bia_menu {
    background-color: #ed660c}
#bia_help img, .bia-profile img, .bot-profile img, .review-profile img  {
    border-color: #ed660c}
#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: #34180e}
#tarefas_dia_aluno .au-task-list .au-task__item--primary .au-task__item-inner {
    border-left-color: #ed660c !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:#ed660c !important;
}
.btn-desempenho-modalidades .btn-modal-34, .btn-desempenho-modalidades .btn-modal-34:hover 
{
    background: #ed660c !important;
    border-color: #ed660c !important;
}
.color-estudo {
    color: #ed660c !important;
}
#tarefas_dia_aluno .au-task-list .au-task__item--warning .au-task__item-inner, 
.meta-aviso-resumo-texto 
{
    border-left-color: #60240e !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:#60240e !important;
}

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

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

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

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

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

.color-exercicio {
    color: #9e4629 !important;
}
/*Custom CSS*/
/* 
 * Ajustes de Cores, Gradientes e Estilos
 * Baseado no vídeo fornecido
 */

/* =========================================
   HEADER / NAVBAR - Gradiente Laranja
   ========================================= */
header,
.header,
.navbar,
.top-bar,
.app-header {
  background: linear-gradient(135deg, #E67E22 0%, #D35400 50%, #A0522D 100%);
  color: #FFFFFF;
}

/* =========================================
   SIDEBAR - Laranja Escuro
   ========================================= */
.sidebar,
.nav-sidebar,
.left-sidebar,
.menu-lateral {
  background-color: #C1621F;
  border-right: 3px solid #A0522D;
}

.sidebar a,
.sidebar button,
.nav-sidebar a,
.nav-sidebar button {
  color: #FFFFFF;
}

.sidebar a:hover,
.sidebar button:hover,
.nav-sidebar a:hover,
.nav-sidebar button:hover {
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 8px;
}

/* =========================================
   CARDS COM GRADIENTE LARANJA
   ========================================= */
.card-orange,
.card-primary,
.card-gradient,
.sequencia-card,
.streak-card {
  background: linear-gradient(135deg, #E8A76F 0%, #D97E3A 100%);
  color: #FFFFFF;
  border-radius: 15px;
  box-shadow: 0 4px 12px rgba(230, 126, 34, 0.2);
}

/* =========================================
   BOTÕES PRIMÁRIOS
   ========================================= */
.btn-primary,
.btn-main,
.btn-orange,
button.primary {
  background-color: #E67E22;
  color: #FFFFFF;
  border: none;
  border-radius: 25px;
  padding: 10px 20px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-primary:hover,
.btn-main:hover,
.btn-orange:hover,
button.primary:hover {
  background-color: #D35400;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(230, 126, 34, 0.3);
}

.btn-primary:active,
.btn-main:active,
.btn-orange:active,
button.primary:active {
  transform: translateY(0);
}

/* =========================================
   BOTÕES SECUNDÁRIOS / SUPORTE
   ========================================= */
.btn-help,
.btn-support,
.help-button {
  background-color: #E67E22;
  color: #FFFFFF;
  border-radius: 20px;
  padding: 12px 24px;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(230, 126, 34, 0.3);
}

.btn-help:hover,
.btn-support:hover,
.help-button:hover {
  background-color: #D35400;
}

/* =========================================
   BARRAS DE PROGRESSO
   ========================================= */
.progress-bar,
.progress,
.bar-progress {
  background: linear-gradient(90deg, #2ECC71 0%, #27AE60 100%);
  border-radius: 10px;
  height: 8px;
}

.progress-container,
.progress-bg {
  background-color: #ECF0F1;
  border-radius: 10px;
}

/* =========================================
   BADGES E TAGS
   ========================================= */
.badge-orange,
.badge-primary,
.tag-orange {
  background-color: #E67E22;
  color: #FFFFFF;
  border-radius: 20px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
}

.badge-success,
.badge-green {
  background-color: #2ECC71;
  color: #FFFFFF;
}

/* =========================================
   MODAIS / POP-UPS
   ========================================= */
.modal,
.dialog,
.popup {
  background-color: #FFFFFF;
  border-radius: 15px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.modal-header,
.dialog-header {
  background: linear-gradient(135deg, #E67E22 0%, #D35400 100%);
  color: #FFFFFF;
  border-radius: 15px 15px 0 0;
  padding: 20px;
}

.modal-overlay,
.dialog-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(3px);
}

/* =========================================
   ÍCONES E ELEMENTOS DECORATIVOS
   ========================================= */
.icon-fire,
.streak-icon {
  color: #E67E22;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.1); opacity: 0.8; }
}

/* =========================================
   LINKS E TEXTOS
   ========================================= */
a,
.link {
  color: #E67E22;
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover,
.link:hover {
  color: #D35400;
  text-decoration: underline;
}

/* =========================================
   INPUTS E FORMULÁRIOS
   ========================================= */
input:focus,
textarea:focus,
select:focus {
  border-color: #E67E22;
  box-shadow: 0 0 0 3px rgba(230, 126, 34, 0.1);
  outline: none;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
  border: 2px solid #ECF0F1;
  border-radius: 8px;
  padding: 10px 12px;
  transition: border-color 0.2s ease;
}

/* =========================================
   TABELAS
   ========================================= */
table thead,
.table-header {
  background: linear-gradient(135deg, #E67E22 0%, #D35400 100%);
  color: #FFFFFF;
}

table tbody tr:hover,
.table-row:hover {
  background-color: #F8F9FA;
}

/* =========================================
   CARDS INFORMATIVOS
   ========================================= */
.info-card,
.stat-card,
.metric-card {
  background-color: #FFFFFF;
  border-left: 4px solid #E67E22;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.info-card:hover,
.stat-card:hover {
  box-shadow: 0 4px 16px rgba(230, 126, 34, 0.15);
}

/* =========================================
   ELEMENTOS COM DESTAQUE
   ========================================= */
.highlight,
.accent {
  color: #E67E22;
  font-weight: 600;
}

.bg-highlight,
.bg-accent {
  background-color: rgba(230, 126, 34, 0.1);
  border-radius: 8px;
  padding: 12px;
}

/* =========================================
   MENU DROPDOWN / SELETOR
   ========================================= */
.dropdown-menu,
.select-menu {
  background-color: #FFFFFF;
  border: 1px solid #ECF0F1;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.dropdown-menu a:hover,
.select-menu a:hover {
  background-color: rgba(230, 126, 34, 0.1);
  color: #E67E22;
}

/* =========================================
   NOTIFICAÇÕES
   ========================================= */
.notification,
.alert,
.toast {
  border-radius: 8px;
  padding: 12px 16px;
  font-weight: 500;
}

.notification-info,
.alert-info {
  background-color: rgba(230, 126, 34, 0.1);
  color: #D35400;
  border-left: 4px solid #E67E22;
}

.notification-success,
.alert-success {
  background-color: rgba(46, 204, 113, 0.1);
  color: #27AE60;
  border-left: 4px solid #2ECC71;
}