/* ==========================================================================
   ARTRO GAME: THEME 3 - RETRO NEOBRUTALISM & ARCADE GAMIFICATION
   Activated globally via: body.ui-theme-3 (or body.ui-theme-game)
   Full support for Light Mode (Paper Cream) and Dark Mode (Cyber Obsidian Dark)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. GLOBAL CANVAS, SHARED GEOMETRY & TYPOGRAPHY
   -------------------------------------------------------------------------- */
body.ui-theme-3,
body.ui-theme-game {
  font-family: 'Space Mono', 'JetBrains Mono', 'Courier New', monospace, -apple-system, sans-serif !important;
  min-height: 100vh !important;
  -webkit-font-smoothing: antialiased;
}

/* Ocultar elementos específicos do tema cósmico */
body.ui-theme-3 #artro-nebula-bg,
body.ui-theme-3 #artro-dotted-surface,
body.ui-theme-3 .dotted-surface-container,
body.ui-theme-game #artro-nebula-bg,
body.ui-theme-game #artro-dotted-surface,
body.ui-theme-game .dotted-surface-container {
  display: none !important;
}

/* Global Exception: Progress Bars in Metas da Semana have rounded borders */
body.ui-theme-3 .goals-progress-track,
body.ui-theme-3 .goals-progress-fill,
body.ui-theme-game .goals-progress-track,
body.ui-theme-game .goals-progress-fill {
  border-radius: 8px !important;
}

/* Forçar cantos retos neobrutalistas (0px border-radius) em todos os elementos da UI (exceto barras de progresso) */
body.ui-theme-3 *:not(.goals-progress-track):not(.goals-progress-fill),
body.ui-theme-3 *:not(.goals-progress-track):not(.goals-progress-fill)::before,
body.ui-theme-3 *:not(.goals-progress-track):not(.goals-progress-fill)::after,
body.ui-theme-game *:not(.goals-progress-track):not(.goals-progress-fill),
body.ui-theme-game *:not(.goals-progress-track):not(.goals-progress-fill)::before,
body.ui-theme-game *:not(.goals-progress-track):not(.goals-progress-fill)::after {
  border-radius: 0px !important;
}

/* Tipografia Neobrutalista Mono para Títulos e Cabeçalhos */
body.ui-theme-3 h1,
body.ui-theme-3 h2,
body.ui-theme-3 h3,
body.ui-theme-3 h4,
body.ui-theme-3 h5,
body.ui-theme-3 .font-display,
body.ui-theme-3 .sidebar-section-title,
body.ui-theme-3 .panel-box h3,
body.ui-theme-3 .panel-box h4,
body.ui-theme-3 .section-header-bar h2,
body.ui-theme-3 .section-header-bar h3,
body.ui-theme-game h1,
body.ui-theme-game h2,
body.ui-theme-game h3,
body.ui-theme-game h4,
body.ui-theme-game h5 {
  font-family: 'Space Mono', 'Courier New', monospace !important;
  letter-spacing: -0.02em;
}

/* Cards de Métricas com Colchetes (Neobrutalism Arcade) */
body.ui-theme-3 .editorial-stats,
body.ui-theme-game .editorial-stats {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 16px !important;
  margin-bottom: 24px !important;
}

body.ui-theme-3 .metric-item,
body.ui-theme-game .metric-item {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 16px 20px !important;
  min-height: 82px !important;
  border-radius: 0px !important;
  box-sizing: border-box !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

body.ui-theme-3 .metric-item::before,
body.ui-theme-game .metric-item::before {
  content: '' !important;
  position: absolute !important;
  left: 12px !important;
  top: 12px !important;
  bottom: 12px !important;
  width: 8px !important;
  pointer-events: none !important;
}

body.ui-theme-3 .metric-item::after,
body.ui-theme-game .metric-item::after {
  content: '' !important;
  position: absolute !important;
  right: 12px !important;
  top: 12px !important;
  bottom: 12px !important;
  width: 8px !important;
  pointer-events: none !important;
}

body.ui-theme-3 .metric-item__value,
body.ui-theme-game .metric-item__value {
  font-family: 'Space Mono', 'JetBrains Mono', monospace !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 1px !important;
  margin: 0 !important;
  z-index: 1 !important;
}

body.ui-theme-3 .metric-item__value .value-number,
body.ui-theme-game .metric-item__value .value-number {
  font-family: 'Space Mono', 'JetBrains Mono', monospace !important;
  font-weight: 700 !important;
}

body.ui-theme-3 .metric-item__value .value-unit,
body.ui-theme-game .metric-item__value .value-unit {
  font-family: 'Space Mono', 'JetBrains Mono', monospace !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  margin-left: 1px !important;
}

body.ui-theme-3 .metric-item__label,
body.ui-theme-game .metric-item__label {
  font-family: 'Space Mono', 'JetBrains Mono', monospace !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  text-transform: capitalize !important;
  text-align: center !important;
  margin-top: 4px !important;
  z-index: 1 !important;
}

body.ui-theme-3 .metric-item__sub,
body.ui-theme-game .metric-item__sub {
  font-size: 11px !important;
  font-weight: 400 !important;
}

/* Metas da Semana (Pill Bars Neobrutalistas) */
body.ui-theme-3 .goals-card-item,
body.ui-theme-game .goals-card-item {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-bottom: 20px !important;
}

body.ui-theme-3 .goals-label,
body.ui-theme-game .goals-label {
  font-family: 'Space Mono', 'JetBrains Mono', monospace !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 4px !important;
}

body.ui-theme-3 .goals-progress-track,
body.ui-theme-game .goals-progress-track {
  height: 24px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
}

body.ui-theme-3 .goals-progress-fill,
body.ui-theme-game .goals-progress-fill {
  height: 100% !important;
  border-radius: 6px 0 0 6px !important;
  transition: width 0.4s ease !important;
}

/* --------------------------------------------------------------------------
   2. MODO CLARO (LIGHT MODE): PAPEL RETRÔ NEOBRUTALISTA
   -------------------------------------------------------------------------- */
body.ui-theme-3:not(.dark-theme),
body.ui-theme-game:not(.dark-theme) {
  --brand: #FFE500;
  --brand-hover: #F0D500;
  --brand-active: #E0C500;
  --brand-light: #FFF9B8;
  --brand-text: #000000;
  
  --bg-app: #FBF8EE;
  --bg-main: #FBF8EE;
  --bg-sidebar: #FBF8EE;
  --bg-surface: #FFFFFF;
  --bg-surface-elevated: #FFFFFF;
  --bg-surface-subtle: #F3EEDC;
  --bg-hover: #FFF9B8;
  
  --border-color: #000000;
  --border-subtle: #000000;
  --border-main: #000000;
  --border-normal: #000000;
  --border-width: 2px;
  
  --text-primary: #000000;
  --text-main: #000000;
  --text-secondary: #222222;
  --text-muted: #555555;
  
  --neo-shadow: 4px 4px 0px #000000;
  --neo-shadow-sm: 2px 2px 0px #000000;
  --neo-shadow-lg: 6px 6px 0px #000000;
  --neo-shadow-btn: 3px 3px 0px #000000;

  background-color: #FBF8EE !important;
  background: #FBF8EE !important;
  color: #000000 !important;
}

/* Light Layout & Main Containers */
body.ui-theme-3:not(.dark-theme) .app-layout,
body.ui-theme-3:not(.dark-theme) .main-content,
body.ui-theme-3:not(.dark-theme) .view-container,
body.ui-theme-3:not(.dark-theme) .view-content-wrapper {
  background: #FBF8EE !important;
  color: #000000 !important;
}

/* Light Sidebar */
body.ui-theme-3:not(.dark-theme) .sidebar {
  background: #FBF8EE !important;
  border-right: 2.5px solid #000000 !important;
  box-shadow: none !important;
}

body.ui-theme-3:not(.dark-theme) .sidebar-logo {
  border-bottom: none !important;
  background: #FBF8EE !important;
}

body.ui-theme-3:not(.dark-theme) .sidebar-logo-brand img.logo-light {
  display: block !important;
}
body.ui-theme-3:not(.dark-theme) .sidebar-logo-brand img.logo-dark {
  display: none !important;
}

body.ui-theme-3:not(.dark-theme) .sidebar-section-title {
  color: #000000 !important;
  font-weight: 700 !important;
}

body.ui-theme-3:not(.dark-theme) .sidebar-item {
  color: #000000 !important;
  background: transparent !important;
  border: 2px solid transparent !important;
}

body.ui-theme-3:not(.dark-theme) .sidebar-item i,
body.ui-theme-3:not(.dark-theme) .sidebar-item svg {
  color: #000000 !important;
  stroke: #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .sidebar-item:hover {
  background: #FFF9B8 !important;
  border: 2px solid #000000 !important;
  transform: translate(-1px, -1px);
  box-shadow: 2px 2px 0px #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .sidebar-item.active {
  background: #FFE500 !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  box-shadow: 3px 3px 0px #000000 !important;
  font-weight: 700 !important;
}

body.ui-theme-3:not(.dark-theme) .sidebar-item.active i,
body.ui-theme-3:not(.dark-theme) .sidebar-item.active svg {
  color: #000000 !important;
  stroke: #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .sidebar-footer {
  border-top: 2.5px solid #000000 !important;
  background: #FBF8EE !important;
}

/* Light Header */
body.ui-theme-3:not(.dark-theme) .main-header {
  background: #FBF8EE !important;
  border-bottom: 2.5px solid #000000 !important;
}

body.ui-theme-3:not(.dark-theme) #userGreeting,
body.ui-theme-3:not(.dark-theme) .header__welcome h1 {
  color: #000000 !important;
}

body.ui-theme-3:not(.dark-theme) #headerUserFocusSubtitle,
body.ui-theme-3:not(.dark-theme) .header__subtitle {
  color: #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .header__actions button,
body.ui-theme-3:not(.dark-theme) .btn-theme-toggle,
body.ui-theme-3:not(.dark-theme) .btn-cloud-account,
body.ui-theme-3:not(.dark-theme) .user-profile-trigger {
  background: #FFFFFF !important;
  border: 2px solid #000000 !important;
  color: #000000 !important;
  box-shadow: 2px 2px 0px #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .btn-theme-toggle i,
body.ui-theme-3:not(.dark-theme) .btn-theme-toggle svg,
body.ui-theme-3:not(.dark-theme) .btn-cloud-account i,
body.ui-theme-3:not(.dark-theme) .btn-cloud-account svg {
  color: #000000 !important;
  stroke: #000000 !important;
}

/* Light Metric Cards (KPIs) */
body.ui-theme-3:not(.dark-theme) .metric-item {
  background: #FAF7EE !important;
  border: 2px solid #000000 !important;
  box-shadow: 4px 4px 0px #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .metric-item:hover {
  transform: translate(-1px, -1px) !important;
  box-shadow: 5px 5px 0px #000000 !important;
  border-color: #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .metric-item::before {
  border-left: 2.5px solid #000000 !important;
  border-top: 2.5px solid #000000 !important;
  border-bottom: 2.5px solid #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .metric-item::after {
  border-right: 2.5px solid #000000 !important;
  border-top: 2.5px solid #000000 !important;
  border-bottom: 2.5px solid #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .metric-item__value,
body.ui-theme-3:not(.dark-theme) .metric-item .value-number {
  color: #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .metric-item .value-unit {
  color: #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .metric-item__label {
  color: #000000 !important;
}

/* Light Panels, Boxes & Charts */
body.ui-theme-3:not(.dark-theme) .panel-box,
body.ui-theme-3:not(.dark-theme) .card,
body.ui-theme-3:not(.dark-theme) .table-card,
body.ui-theme-3:not(.dark-theme) .timer-dashboard-card,
body.ui-theme-3:not(.dark-theme) .subject-card,
body.ui-theme-3:not(.dark-theme) .day-column-card,
body.ui-theme-3:not(.dark-theme) .schedule-day-column,
body.ui-theme-3:not(.dark-theme) .task-item-card,
body.ui-theme-3:not(.dark-theme) .review-card,
body.ui-theme-3:not(.dark-theme) .exam-card,
body.ui-theme-3:not(.dark-theme) .simulado-card {
  background: #FFFFFF !important;
  border: 2.5px solid #000000 !important;
  box-shadow: 4px 4px 0px #000000 !important;
  color: #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .panel-box h3,
body.ui-theme-3:not(.dark-theme) .panel-box h4,
body.ui-theme-3:not(.dark-theme) .section-header-bar h2,
body.ui-theme-3:not(.dark-theme) .section-header-bar h3 {
  color: #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .chart-legend {
  color: #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .legend-color.purple {
  background: #FFE500 !important;
  border: 1.5px solid #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .legend-color.gray {
  background: #000000 !important;
  border: 1.5px solid #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .chart-select {
  background: #FBF8EE !important;
  border: 2px solid #000000 !important;
  color: #000000 !important;
}

/* Metas da Semana Light */
body.ui-theme-3:not(.dark-theme) .goals-label {
  color: #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .goals-progress-track {
  background: #FAF7EE !important;
  border: 2px solid #000000 !important;
}

body.ui-theme-3:not(.dark-theme) #goalsHoursBar {
  background: #000000 !important;
}

body.ui-theme-3:not(.dark-theme) #goalsQuestionsBar,
body.ui-theme-3:not(.dark-theme) .goals-progress-fill.green {
  background: #FFE500 !important;
}

body.ui-theme-3:not(.dark-theme) .panel-box #btnEditGoalsDash {
  border-top: 2px solid #000000 !important;
  color: #000000 !important;
}

/* Lists & Items Light */
body.ui-theme-3:not(.dark-theme) .subject-item,
body.ui-theme-3:not(.dark-theme) .upcoming-item {
  background: #FAF7EE !important;
  border: 2px solid #000000 !important;
  box-shadow: 2.5px 2.5px 0px #000000 !important;
  color: #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .subject-item:hover,
body.ui-theme-3:not(.dark-theme) .upcoming-item:hover {
  background: #FFF9B8 !important;
  border-color: #000000 !important;
  box-shadow: 3.5px 3.5px 0px #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .subject-rank {
  color: #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .subject-name-col strong,
body.ui-theme-3:not(.dark-theme) .upcoming-name {
  color: #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .subject-name-col span,
body.ui-theme-3:not(.dark-theme) .upcoming-meta,
body.ui-theme-3:not(.dark-theme) .subject-hours {
  color: #222222 !important;
}

body.ui-theme-3:not(.dark-theme) .subject-hours span {
  color: #000000 !important;
  font-weight: 700 !important;
}

/* Buttons Light */
body.ui-theme-3:not(.dark-theme) .btn-primary,
body.ui-theme-3:not(.dark-theme) .btn-brand,
body.ui-theme-3:not(.dark-theme) .btn-sessao,
body.ui-theme-3:not(.dark-theme) .btn-timer-main {
  background: #FFE500 !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  box-shadow: 3px 3px 0px #000000 !important;
  font-weight: 700 !important;
}

body.ui-theme-3:not(.dark-theme) .btn-primary:hover,
body.ui-theme-3:not(.dark-theme) .btn-brand:hover,
body.ui-theme-3:not(.dark-theme) .btn-sessao:hover,
body.ui-theme-3:not(.dark-theme) .btn-timer-main:hover {
  background: #F0D500 !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 4px 4px 0px #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .btn-secondary,
body.ui-theme-3:not(.dark-theme) .btn-timer-secondary {
  background: #FFFFFF !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  box-shadow: 3px 3px 0px #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .btn-secondary:hover,
body.ui-theme-3:not(.dark-theme) .btn-timer-secondary:hover {
  background: #FFF9B8 !important;
  transform: translate(-1px, -1px) !important;
}

/* Forms & Inputs Light */
body.ui-theme-3:not(.dark-theme) input,
body.ui-theme-3:not(.dark-theme) select,
body.ui-theme-3:not(.dark-theme) textarea,
body.ui-theme-3:not(.dark-theme) .form-input,
body.ui-theme-3:not(.dark-theme) .form-select,
body.ui-theme-3:not(.dark-theme) .custom-select {
  background: #FFFFFF !important;
  border: 2px solid #000000 !important;
  color: #000000 !important;
}

body.ui-theme-3:not(.dark-theme) input:focus,
body.ui-theme-3:not(.dark-theme) select:focus,
body.ui-theme-3:not(.dark-theme) textarea:focus {
  border-color: #000000 !important;
  box-shadow: 2px 2px 0px #000000 !important;
}

/* Modals & Popups Light */
body.ui-theme-3:not(.dark-theme) .modal-card,
body.ui-theme-3:not(.dark-theme) .modal-box,
body.ui-theme-3:not(.dark-theme) .modal-container,
body.ui-theme-3:not(.dark-theme) .drawer-panel,
body.ui-theme-3:not(.dark-theme) .settings-drawer,
body.ui-theme-3:not(.dark-theme) .settings-popup {
  background: #FFFFFF !important;
  border: 3px solid #000000 !important;
  box-shadow: 6px 6px 0px #000000 !important;
  color: #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .modal-header,
body.ui-theme-3:not(.dark-theme) .drawer-header {
  border-bottom: 2.5px solid #000000 !important;
  background: #FFE500 !important;
  color: #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .modal-header h3,
body.ui-theme-3:not(.dark-theme) .drawer-header h4 {
  color: #000000 !important;
}

body.ui-theme-3:not(.dark-theme) .btn-close-modal,
body.ui-theme-3:not(.dark-theme) .btn-close-drawer {
  background: #FFFFFF !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
}

/* Tables Light */
body.ui-theme-3:not(.dark-theme) table,
body.ui-theme-3:not(.dark-theme) .data-table {
  border: 2px solid #000000 !important;
  background: #FFFFFF !important;
}

body.ui-theme-3:not(.dark-theme) th {
  background: #FFE500 !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
}

body.ui-theme-3:not(.dark-theme) td {
  border: 1.5px solid #000000 !important;
  color: #000000 !important;
}


/* --------------------------------------------------------------------------
   3. MODO ESCURO (DARK MODE): CYBER ARCADE RETRO NEOBRUTALISM
   -------------------------------------------------------------------------- */
body.ui-theme-3.dark-theme,
body.ui-theme-game.dark-theme {
  --brand: #FFE500;
  --brand-hover: #FFF04D;
  --brand-active: #E0C500;
  --brand-light: rgba(255, 229, 0, 0.15);
  --brand-text: #000000;
  
  --bg-app: #101114;
  --bg-main: #101114;
  --bg-sidebar: #141519;
  --bg-surface: #18191E;
  --bg-surface-elevated: #22232A;
  --bg-surface-subtle: #24252F;
  --bg-hover: #22232A;
  
  --border-color: #3A3B47;
  --border-subtle: #2E2F3A;
  --border-main: #3A3B47;
  --border-normal: #3A3B47;
  --border-width: 2px;
  
  --text-primary: #FFFFFF;
  --text-main: #FFFFFF;
  --text-secondary: #B8B8C4;
  --text-muted: #828392;
  
  --neo-shadow: 4px 4px 0px #000000;
  --neo-shadow-sm: 2px 2px 0px #000000;
  --neo-shadow-lg: 6px 6px 0px #000000;
  --neo-shadow-btn: 3px 3px 0px #000000;

  background-color: #101114 !important;
  background: #101114 !important;
  color: #FFFFFF !important;
}

/* Dark Layout & Main Containers */
body.ui-theme-3.dark-theme .app-layout,
body.ui-theme-3.dark-theme .main-content,
body.ui-theme-3.dark-theme .view-container,
body.ui-theme-3.dark-theme .view-content-wrapper {
  background: #101114 !important;
  color: #FFFFFF !important;
}

/* Dark Sidebar */
body.ui-theme-3.dark-theme .sidebar {
  background: #141519 !important;
  border-right: 2.5px solid #2E2F3A !important;
  box-shadow: none !important;
}

body.ui-theme-3.dark-theme .sidebar-logo {
  border-bottom: none !important;
  background: #141519 !important;
}

body.ui-theme-3.dark-theme .sidebar-logo-brand img.logo-light {
  display: none !important;
}
body.ui-theme-3.dark-theme .sidebar-logo-brand img.logo-dark {
  display: block !important;
}

body.ui-theme-3.dark-theme .sidebar-section-title {
  color: #FFE500 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
}

body.ui-theme-3.dark-theme .sidebar-item {
  color: #FFFFFF !important;
  background: transparent !important;
  border: 2px solid transparent !important;
}

body.ui-theme-3.dark-theme .sidebar-item i,
body.ui-theme-3.dark-theme .sidebar-item svg {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

body.ui-theme-3.dark-theme .sidebar-item:hover {
  background: #22232A !important;
  border: 2px solid #3A3B47 !important;
  color: #FFE500 !important;
  transform: translate(-1px, -1px);
  box-shadow: 2px 2px 0px #000000 !important;
}

body.ui-theme-3.dark-theme .sidebar-item:hover i,
body.ui-theme-3.dark-theme .sidebar-item:hover svg {
  color: #FFE500 !important;
  stroke: #FFE500 !important;
}

body.ui-theme-3.dark-theme .sidebar-item.active {
  background: #FFE500 !important;
  color: #000000 !important;
  border: 2px solid #FFE500 !important;
  box-shadow: 3px 3px 0px #000000 !important;
  font-weight: 700 !important;
}

body.ui-theme-3.dark-theme .sidebar-item.active i,
body.ui-theme-3.dark-theme .sidebar-item.active svg {
  color: #000000 !important;
  stroke: #000000 !important;
}

body.ui-theme-3.dark-theme .sidebar-footer {
  border-top: 2.5px solid #2E2F3A !important;
  background: #141519 !important;
}

body.ui-theme-3.dark-theme .quick-shortcut-item,
body.ui-theme-3.dark-theme .shortcut-item-btn {
  background: #1D1E24 !important;
  border: 1.5px solid #3A3B47 !important;
  color: #FFFFFF !important;
}

body.ui-theme-3.dark-theme .quick-shortcut-item:hover,
body.ui-theme-3.dark-theme .shortcut-item-btn:hover {
  background: #282933 !important;
  border-color: #FFE500 !important;
  color: #FFE500 !important;
}

body.ui-theme-3.dark-theme .btn-panel-add-shortcut {
  background: #22232A !important;
  color: #B8B8C4 !important;
  border: 1.5px dashed #3A3B47 !important;
}

body.ui-theme-3.dark-theme .btn-panel-add-shortcut:hover {
  background: #2A2B36 !important;
  border-color: #FFE500 !important;
  color: #FFE500 !important;
}

/* Dark Header */
body.ui-theme-3.dark-theme .main-header {
  background: #101114 !important;
  border-bottom: 2.5px solid #2E2F3A !important;
}

body.ui-theme-3.dark-theme #userGreeting,
body.ui-theme-3.dark-theme .header__welcome h1 {
  color: #FFFFFF !important;
}

body.ui-theme-3.dark-theme #headerUserFocusSubtitle,
body.ui-theme-3.dark-theme .header__subtitle {
  color: #B8B8C4 !important;
}

body.ui-theme-3.dark-theme .header__actions button,
body.ui-theme-3.dark-theme .btn-theme-toggle,
body.ui-theme-3.dark-theme .btn-cloud-account,
body.ui-theme-3.dark-theme .user-profile-trigger {
  background: #18191E !important;
  border: 2px solid #3A3B47 !important;
  color: #FFFFFF !important;
  box-shadow: 2px 2px 0px #000000 !important;
}

body.ui-theme-3.dark-theme .btn-theme-toggle i,
body.ui-theme-3.dark-theme .btn-theme-toggle svg,
body.ui-theme-3.dark-theme .btn-cloud-account i,
body.ui-theme-3.dark-theme .btn-cloud-account svg {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

body.ui-theme-3.dark-theme .btn-theme-toggle:hover,
body.ui-theme-3.dark-theme .btn-cloud-account:hover,
body.ui-theme-3.dark-theme .user-profile-trigger:hover {
  background: #FFE500 !important;
  color: #000000 !important;
  border-color: #FFE500 !important;
}

body.ui-theme-3.dark-theme .btn-theme-toggle:hover i,
body.ui-theme-3.dark-theme .btn-theme-toggle:hover svg,
body.ui-theme-3.dark-theme .btn-cloud-account:hover i,
body.ui-theme-3.dark-theme .btn-cloud-account:hover svg {
  color: #000000 !important;
  stroke: #000000 !important;
}

/* Active Timer Bar */
body.ui-theme-3.dark-theme .active-timer-bar {
  background: #18191E !important;
  border: 2px solid #FFE500 !important;
  box-shadow: 3px 3px 0px #000000 !important;
}

body.ui-theme-3.dark-theme #activeTimerSubjectName {
  color: #FFE500 !important;
}

body.ui-theme-3.dark-theme #activeTimerMiniDigits {
  color: #FFFFFF !important;
}

/* Dark Metric Cards (KPIs) */
body.ui-theme-3.dark-theme .metric-item {
  background: #18191E !important;
  border: 2px solid #3A3B47 !important;
  box-shadow: 4px 4px 0px #000000 !important;
}

body.ui-theme-3.dark-theme .metric-item:hover {
  border-color: #FFE500 !important;
  box-shadow: 5px 5px 0px #FFE500 !important;
  transform: translate(-1px, -1px) !important;
}

body.ui-theme-3.dark-theme .metric-item::before {
  border-left: 2.5px solid #FFE500 !important;
  border-top: 2.5px solid #FFE500 !important;
  border-bottom: 2.5px solid #FFE500 !important;
}

body.ui-theme-3.dark-theme .metric-item::after {
  border-right: 2.5px solid #FFE500 !important;
  border-top: 2.5px solid #FFE500 !important;
  border-bottom: 2.5px solid #FFE500 !important;
}

body.ui-theme-3.dark-theme .metric-item__value,
body.ui-theme-3.dark-theme .metric-item .value-number {
  color: #FFFFFF !important;
}

body.ui-theme-3.dark-theme .metric-item .value-unit {
  color: #FFE500 !important;
}

body.ui-theme-3.dark-theme .metric-item__label {
  color: #B8B8C4 !important;
}

body.ui-theme-3.dark-theme .metric-item__sub {
  color: #828392 !important;
}

/* Dark Panels, Boxes & Charts */
body.ui-theme-3.dark-theme .panel-box,
body.ui-theme-3.dark-theme .card,
body.ui-theme-3.dark-theme .table-card,
body.ui-theme-3.dark-theme .timer-dashboard-card,
body.ui-theme-3.dark-theme .subject-card,
body.ui-theme-3.dark-theme .day-column-card,
body.ui-theme-3.dark-theme .schedule-day-column,
body.ui-theme-3.dark-theme .task-item-card,
body.ui-theme-3.dark-theme .review-card,
body.ui-theme-3.dark-theme .exam-card,
body.ui-theme-3.dark-theme .simulado-card,
body.ui-theme-3.dark-theme .diagnostico-card {
  background: #18191E !important;
  border: 2px solid #3A3B47 !important;
  box-shadow: 4px 4px 0px #000000 !important;
  color: #FFFFFF !important;
}

body.ui-theme-3.dark-theme .panel-box h3,
body.ui-theme-3.dark-theme .panel-box h4,
body.ui-theme-3.dark-theme .section-header-bar h2,
body.ui-theme-3.dark-theme .section-header-bar h3,
body.ui-theme-3.dark-theme .card h3,
body.ui-theme-3.dark-theme .card h4 {
  color: #FFFFFF !important;
}

body.ui-theme-3.dark-theme .chart-legend {
  color: #B8B8C4 !important;
}

body.ui-theme-3.dark-theme .legend-color.purple {
  background: #FFE500 !important;
  border: 1.5px solid #FFE500 !important;
}

body.ui-theme-3.dark-theme .legend-color.gray {
  background: #FFFFFF !important;
  border: 1.5px solid #FFFFFF !important;
}

body.ui-theme-3.dark-theme .chart-select {
  background: #141519 !important;
  border: 2px solid #3A3B47 !important;
  color: #FFFFFF !important;
}

/* Metas da Semana Dark */
body.ui-theme-3.dark-theme .goals-label {
  color: #FFFFFF !important;
}

body.ui-theme-3.dark-theme .goals-progress-track {
  background: #121316 !important;
  border: 2px solid #3A3B47 !important;
}

body.ui-theme-3.dark-theme #goalsHoursBar {
  background: #FFFFFF !important;
}

body.ui-theme-3.dark-theme #goalsQuestionsBar,
body.ui-theme-3.dark-theme .goals-progress-fill.green {
  background: #FFE500 !important;
}

body.ui-theme-3.dark-theme .panel-box #btnEditGoalsDash {
  border-top: 2px solid #3A3B47 !important;
  color: #FFE500 !important;
}

/* Lists & Items Dark */
body.ui-theme-3.dark-theme .subject-item,
body.ui-theme-3.dark-theme .upcoming-item {
  background: #18191E !important;
  border: 2px solid #3A3B47 !important;
  box-shadow: 2.5px 2.5px 0px #000000 !important;
  color: #FFFFFF !important;
}

body.ui-theme-3.dark-theme .subject-item:hover,
body.ui-theme-3.dark-theme .upcoming-item:hover,
body.ui-theme-3.dark-theme .subject-card:hover,
body.ui-theme-3.dark-theme .simulado-card:hover,
body.ui-theme-3.dark-theme .exam-card:hover,
body.ui-theme-3.dark-theme .review-card:hover {
  background: #22232A !important;
  border-color: #FFE500 !important;
  box-shadow: 3.5px 3.5px 0px #FFE500 !important;
}

body.ui-theme-3.dark-theme .subject-rank {
  color: #FFE500 !important;
}

body.ui-theme-3.dark-theme .subject-name-col strong,
body.ui-theme-3.dark-theme .upcoming-name {
  color: #FFFFFF !important;
}

body.ui-theme-3.dark-theme .subject-name-col span,
body.ui-theme-3.dark-theme .upcoming-meta,
body.ui-theme-3.dark-theme .subject-hours {
  color: #B8B8C4 !important;
}

body.ui-theme-3.dark-theme .subject-hours span {
  color: #FFE500 !important;
  font-weight: 700 !important;
}

/* Timer / Sessions Screen Dark */
body.ui-theme-3.dark-theme .timer-mode-selector {
  border-bottom: 2px solid #3A3B47 !important;
}

body.ui-theme-3.dark-theme .timer-mode-btn {
  background: #22232A !important;
  color: #B8B8C4 !important;
  border: 1.5px solid #3A3B47 !important;
}

body.ui-theme-3.dark-theme .timer-mode-btn:hover {
  border-color: #FFE500 !important;
  color: #FFE500 !important;
}

body.ui-theme-3.dark-theme .timer-mode-btn.active {
  background: #FFE500 !important;
  color: #000000 !important;
  border-color: #FFE500 !important;
  font-weight: 700 !important;
}

body.ui-theme-3.dark-theme #timerDigits,
body.ui-theme-3.dark-theme .timer-clock-display {
  color: #FFE500 !important;
  font-family: 'Space Mono', monospace !important;
  text-shadow: 0 0 12px rgba(255, 229, 0, 0.25);
}

body.ui-theme-3.dark-theme .timer-subject-picker label {
  color: #FFFFFF !important;
}

body.ui-theme-3.dark-theme .btn-timer-main {
  background: #FFE500 !important;
  color: #000000 !important;
  border: 2px solid #FFE500 !important;
  box-shadow: 3px 3px 0px #000000 !important;
  font-weight: 700 !important;
}

body.ui-theme-3.dark-theme .btn-timer-main:hover {
  background: #FFF04D !important;
  box-shadow: 4px 4px 0px #000000 !important;
}

body.ui-theme-3.dark-theme .btn-timer-secondary {
  background: #22232A !important;
  color: #FFFFFF !important;
  border: 2px solid #3A3B47 !important;
  box-shadow: 3px 3px 0px #000000 !important;
}

body.ui-theme-3.dark-theme .btn-timer-secondary:hover {
  background: #2D2E38 !important;
  border-color: #FFE500 !important;
  color: #FFE500 !important;
}

/* Schedule & Planner Dark */
body.ui-theme-3.dark-theme .schedule-day-column .day-header {
  background: #22232A !important;
  color: #FFE500 !important;
  border-bottom: 2px solid #3A3B47 !important;
}

body.ui-theme-3.dark-theme .task-item-card,
body.ui-theme-3.dark-theme .task-card {
  background: #202128 !important;
  border: 1.5px solid #3A3B47 !important;
  color: #FFFFFF !important;
}

/* Study Cycle & Goals Dark */
body.ui-theme-3.dark-theme .cycle-banner {
  background: #18191E !important;
  border: 2.5px solid #FFE500 !important;
  box-shadow: 4px 4px 0px #000000 !important;
}

body.ui-theme-3.dark-theme .cycle-banner-text h2 {
  color: #FFFFFF !important;
}

body.ui-theme-3.dark-theme .cycle-banner-text p {
  color: #B8B8C4 !important;
}

body.ui-theme-3.dark-theme .cycle-banner-text span {
  color: #FFE500 !important;
}

body.ui-theme-3.dark-theme .btn-cycle-advance {
  background: #FFE500 !important;
  color: #000000 !important;
  border: 2px solid #FFE500 !important;
  box-shadow: 3px 3px 0px #000000 !important;
  font-weight: 700 !important;
}

body.ui-theme-3.dark-theme .cycle-block-card {
  background: #18191E !important;
  border: 2px solid #3A3B47 !important;
  color: #FFFFFF !important;
}

/* Simulados View Dark */
body.ui-theme-3.dark-theme .simulado-workspace-root {
  background: #101114 !important;
  border: 2px solid #3A3B47 !important;
}

body.ui-theme-3.dark-theme .simulado-topbar {
  background: #18191E !important;
  border-bottom: 2px solid #3A3B47 !important;
}

body.ui-theme-3.dark-theme .simulado-title-text {
  color: #FFFFFF !important;
}

body.ui-theme-3.dark-theme #simulado-timer {
  color: #FFE500 !important;
  font-family: 'Space Mono', monospace !important;
}

body.ui-theme-3.dark-theme #simulado-visualizador {
  background: #101114 !important;
  color: #FFFFFF !important;
}

body.ui-theme-3.dark-theme .simulado-question-card,
body.ui-theme-3.dark-theme .question-box {
  background: #18191E !important;
  border: 2px solid #3A3B47 !important;
  color: #FFFFFF !important;
}

body.ui-theme-3.dark-theme .btn-alt-card,
body.ui-theme-3.dark-theme .alternative-btn {
  background: #18191E !important;
  border: 2px solid #3A3B47 !important;
  color: #FFFFFF !important;
}

body.ui-theme-3.dark-theme .btn-alt-card:hover,
body.ui-theme-3.dark-theme .alternative-btn:hover {
  background: #22232A !important;
  border-color: #FFE500 !important;
}

body.ui-theme-3.dark-theme .btn-alt-card.selected,
body.ui-theme-3.dark-theme .alternative-btn.selected {
  background: #FFE500 !important;
  border-color: #FFE500 !important;
  color: #000000 !important;
  font-weight: 700 !important;
}

body.ui-theme-3.dark-theme .alt-letter-circle {
  background: #22232A !important;
  color: #FFE500 !important;
  border: 1.5px solid #3A3B47 !important;
}

body.ui-theme-3.dark-theme .btn-alt-card.selected .alt-letter-circle,
body.ui-theme-3.dark-theme .alternative-btn.selected .alt-letter-circle {
  background: #000000 !important;
  color: #FFE500 !important;
  border-color: #000000 !important;
}

body.ui-theme-3.dark-theme #simulado-bottom-dock {
  background: #18191E !important;
  border-top: 2px solid #3A3B47 !important;
}

body.ui-theme-3.dark-theme .question-pill,
body.ui-theme-3.dark-theme .question-nav-pill {
  background: #22232A !important;
  color: #B8B8C4 !important;
  border: 1.5px solid #3A3B47 !important;
}

body.ui-theme-3.dark-theme .question-pill.answered,
body.ui-theme-3.dark-theme .question-nav-pill.answered {
  background: #FFE500 !important;
  color: #000000 !important;
  border-color: #FFE500 !important;
  font-weight: 700 !important;
}

body.ui-theme-3.dark-theme .question-pill.current,
body.ui-theme-3.dark-theme .question-nav-pill.current {
  border: 2px solid #FFE500 !important;
  box-shadow: 0 0 8px rgba(255, 229, 0, 0.4) !important;
}

/* Simulados Tabs */
body.ui-theme-3.dark-theme #tab-enem,
body.ui-theme-3.dark-theme #tab-outros {
  background: #22232A !important;
  border: 2px solid #3A3B47 !important;
  color: #B8B8C4 !important;
}

body.ui-theme-3.dark-theme #tab-enem[style*="var(--brand)"],
body.ui-theme-3.dark-theme #tab-outros[style*="var(--brand)"] {
  background: #FFE500 !important;
  border-color: #FFE500 !important;
  color: #000000 !important;
  font-weight: 700 !important;
}

/* Buttons Dark */
body.ui-theme-3.dark-theme .btn-primary,
body.ui-theme-3.dark-theme .btn-brand,
body.ui-theme-3.dark-theme .btn-sessao {
  background: #FFE500 !important;
  color: #000000 !important;
  border: 2px solid #FFE500 !important;
  box-shadow: 3px 3px 0px #000000 !important;
  font-weight: 700 !important;
}

body.ui-theme-3.dark-theme .btn-primary:hover,
body.ui-theme-3.dark-theme .btn-brand:hover,
body.ui-theme-3.dark-theme .btn-sessao:hover {
  background: #FFF04D !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 4px 4px 0px #000000 !important;
}

body.ui-theme-3.dark-theme .btn-secondary {
  background: #22232A !important;
  color: #FFFFFF !important;
  border: 2px solid #3A3B47 !important;
  box-shadow: 3px 3px 0px #000000 !important;
}

body.ui-theme-3.dark-theme .btn-secondary:hover {
  background: #2D2E38 !important;
  border-color: #FFE500 !important;
  color: #FFE500 !important;
  transform: translate(-1px, -1px) !important;
}

body.ui-theme-3.dark-theme .btn-danger {
  background: #EF4444 !important;
  color: #FFFFFF !important;
  border: 2px solid #EF4444 !important;
  box-shadow: 3px 3px 0px #000000 !important;
}

/* Forms & Inputs Dark */
body.ui-theme-3.dark-theme input,
body.ui-theme-3.dark-theme select,
body.ui-theme-3.dark-theme textarea,
body.ui-theme-3.dark-theme .form-input,
body.ui-theme-3.dark-theme .form-select,
body.ui-theme-3.dark-theme .custom-select {
  background: #141519 !important;
  border: 2px solid #3A3B47 !important;
  color: #FFFFFF !important;
}

body.ui-theme-3.dark-theme input::placeholder,
body.ui-theme-3.dark-theme textarea::placeholder {
  color: #828392 !important;
}

body.ui-theme-3.dark-theme input:focus,
body.ui-theme-3.dark-theme select:focus,
body.ui-theme-3.dark-theme textarea:focus,
body.ui-theme-3.dark-theme .form-input:focus,
body.ui-theme-3.dark-theme .form-select:focus {
  border-color: #FFE500 !important;
  box-shadow: 2px 2px 0px #FFE500 !important;
  outline: none !important;
}

body.ui-theme-3.dark-theme label,
body.ui-theme-3.dark-theme .form-group label {
  color: #D4D4D8 !important;
  font-weight: 600 !important;
}

/* Modals & Popups Dark */
body.ui-theme-3.dark-theme .modal-overlay {
  background: rgba(0, 0, 0, 0.78) !important;
  backdrop-filter: blur(4px) !important;
}

body.ui-theme-3.dark-theme .modal-card,
body.ui-theme-3.dark-theme .modal-box,
body.ui-theme-3.dark-theme .modal-container,
body.ui-theme-3.dark-theme .drawer-panel,
body.ui-theme-3.dark-theme .settings-drawer,
body.ui-theme-3.dark-theme .settings-popup {
  background: #18191E !important;
  border: 2.5px solid #3A3B47 !important;
  box-shadow: 6px 6px 0px #000000 !important;
  color: #FFFFFF !important;
}

body.ui-theme-3.dark-theme .modal-header,
body.ui-theme-3.dark-theme .drawer-header {
  border-bottom: 2px solid #2E2F3A !important;
  background: #22232A !important;
  color: #FFFFFF !important;
}

body.ui-theme-3.dark-theme .modal-header h3,
body.ui-theme-3.dark-theme .drawer-header h4 {
  color: #FFFFFF !important;
}

body.ui-theme-3.dark-theme .modal-footer,
body.ui-theme-3.dark-theme .drawer-footer {
  border-top: 2px solid #2E2F3A !important;
  background: #18191E !important;
}

body.ui-theme-3.dark-theme .btn-close-modal,
body.ui-theme-3.dark-theme .btn-close-drawer {
  background: #141519 !important;
  color: #FFE500 !important;
  border: 2px solid #3A3B47 !important;
}

body.ui-theme-3.dark-theme .settings-popup-item {
  color: #FFFFFF !important;
}

body.ui-theme-3.dark-theme .settings-popup-item:hover {
  background: #22232A !important;
  color: #FFE500 !important;
}

/* Tables Dark */
body.ui-theme-3.dark-theme table,
body.ui-theme-3.dark-theme .data-table {
  border: 2px solid #3A3B47 !important;
  background: #18191E !important;
}

body.ui-theme-3.dark-theme th {
  background: #22232A !important;
  color: #FFE500 !important;
  border: 1.5px solid #3A3B47 !important;
  font-family: 'Space Mono', monospace !important;
}

body.ui-theme-3.dark-theme td {
  border: 1px solid #2E2F3A !important;
  color: #FFFFFF !important;
}

body.ui-theme-3.dark-theme tr:hover td {
  background: #22232A !important;
}

/* Music Player Dark */
body.ui-theme-3.dark-theme .artro-native-player {
  background: #FFE500 !important;
  border: 2px solid #000000 !important;
  box-shadow: 3px 3px 0px #000000 !important;
  color: #000000 !important;
}

body.ui-theme-3.dark-theme .artro-player-popover {
  background: #18191E !important;
  border: 2.5px solid #3A3B47 !important;
  box-shadow: 5px 5px 0px #000000 !important;
  color: #FFFFFF !important;
}

body.ui-theme-3.dark-theme .artro-player-popover .popover-title {
  color: #FFFFFF !important;
}

body.ui-theme-3.dark-theme .artro-player-popover .popover-artist {
  color: #B8B8C4 !important;
}

body.ui-theme-3.dark-theme .artro-player-popover .p-progress-track {
  background: #22232A !important;
  border: 1.5px solid #3A3B47 !important;
}

body.ui-theme-3.dark-theme .artro-player-popover .p-progress-bar {
  background: #FFE500 !important;
}

/* Toasts & Notifications Dark */
body.ui-theme-3.dark-theme .toast,
body.ui-theme-3.dark-theme #toastContainer .toast {
  background: #18191E !important;
  border: 2px solid #FFE500 !important;
  color: #FFFFFF !important;
  box-shadow: 4px 4px 0px #000000 !important;
}