/**
 * SaaS Barbearia Jonão - Temas Visuais Baseados nos 5 Modelos de Tonalidades Oficiais
 * 
 * 1. theme-light-slate     -> Clássico Slate Clean (Modo Claro)
 * 2. theme-dark-cyan       -> Cyber Cyan High-Tech (Modo Escuro)
 * 3. theme-sage-green      -> Verde Sábia Soft (Modo Claro Suave)
 * 4. theme-monochrome-light-> Preto & Branco Minimal (Modo Claro)
 * 5. theme-indigo-dark     -> Midnight Índigo (Modo Escuro Luxo)
 */

/* ==========================================================
 * 1. MODELO 1: Clássico Slate Clean (Modo Claro)
 * ========================================================== */
body.theme-light-slate,
body.theme-artisan-default,
body.theme-amber-gold {
  --primary: #0f172a;
  --primary-hover: #1e293b;
  --on-primary: #ffffff;
  --surface: #f8fafc;
  --on-surface: #0f172a;

  background-color: #f8fafc !important;
  color: #0f172a !important;
}

body.theme-light-slate .bg-surface,
body.theme-artisan-default .bg-surface,
body.theme-amber-gold .bg-surface {
  background-color: #f8fafc !important;
}

body.theme-light-slate .card,
body.theme-light-slate .card-custom,
body.theme-light-slate .card-metric,
body.theme-light-slate .modal-content,
body.theme-artisan-default .card,
body.theme-artisan-default .card-custom,
body.theme-artisan-default .card-metric,
body.theme-artisan-default .modal-content,
body.theme-amber-gold .card,
body.theme-amber-gold .card-custom,
body.theme-amber-gold .card-metric,
body.theme-amber-gold .modal-content {
  background-color: #ffffff !important;
  color: #0f172a !important;
  border-color: #e2e8f0 !important;
}

body.theme-light-slate .bg-light,
body.theme-light-slate .bg-white,
body.theme-artisan-default .bg-light,
body.theme-artisan-default .bg-white,
body.theme-amber-gold .bg-light,
body.theme-amber-gold .bg-white {
  background-color: #f1f5f9 !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}

/* Força Cor #1e293b em Todos os Textos da Área Principal para theme-light-slate */
body.theme-light-slate .app-main-content,
body.theme-light-slate .app-main-content h1,
body.theme-light-slate .app-main-content h2,
body.theme-light-slate .app-main-content h3,
body.theme-light-slate .app-main-content h4,
body.theme-light-slate .app-main-content h5,
body.theme-light-slate .app-main-content h6,
body.theme-light-slate .app-main-content p,
body.theme-light-slate .app-main-content span:not(.badge):not(.btn),
body.theme-light-slate .app-main-content div:not(.badge):not(.btn):not(.metric-icon-bg),
body.theme-light-slate .app-main-content small,
body.theme-light-slate .app-main-content strong,
body.theme-light-slate .app-main-content label,
body.theme-light-slate .app-main-content .form-label,
body.theme-light-slate .app-main-content .text-muted,
body.theme-light-slate .app-main-content .text-white-50,
body.theme-light-slate .app-main-content .text-white,
body.theme-light-slate .app-main-content .text-dark,
body.theme-light-slate .app-main-content .fw-bold,
body.theme-light-slate .card,
body.theme-light-slate .card-custom,
body.theme-light-slate .card-metric,
body.theme-light-slate .card-metric *,
body.theme-light-slate .card-title,
body.theme-light-slate .card-text,
body.theme-artisan-default .app-main-content,
body.theme-artisan-default .app-main-content h1,
body.theme-artisan-default .app-main-content h2,
body.theme-artisan-default .app-main-content h3,
body.theme-artisan-default .app-main-content h4,
body.theme-artisan-default .app-main-content h5,
body.theme-artisan-default .app-main-content h6,
body.theme-artisan-default .app-main-content p,
body.theme-artisan-default .app-main-content span:not(.badge):not(.btn),
body.theme-artisan-default .app-main-content div:not(.badge):not(.btn):not(.metric-icon-bg),
body.theme-artisan-default .app-main-content small,
body.theme-artisan-default .app-main-content strong,
body.theme-artisan-default .app-main-content label,
body.theme-artisan-default .app-main-content .form-label,
body.theme-artisan-default .app-main-content .text-muted,
body.theme-artisan-default .app-main-content .text-white-50,
body.theme-artisan-default .app-main-content .text-white,
body.theme-artisan-default .app-main-content .text-dark,
body.theme-artisan-default .app-main-content .fw-bold,
body.theme-artisan-default .card,
body.theme-artisan-default .card-custom,
body.theme-artisan-default .card-metric,
body.theme-artisan-default .card-metric *,
body.theme-artisan-default .card-title,
body.theme-artisan-default .card-text,
body.theme-amber-gold .app-main-content,
body.theme-amber-gold .app-main-content h1,
body.theme-amber-gold .app-main-content h2,
body.theme-amber-gold .app-main-content h3,
body.theme-amber-gold .app-main-content h4,
body.theme-amber-gold .app-main-content h5,
body.theme-amber-gold .app-main-content h6,
body.theme-amber-gold .app-main-content p,
body.theme-amber-gold .app-main-content span:not(.badge):not(.btn),
body.theme-amber-gold .app-main-content div:not(.badge):not(.btn):not(.metric-icon-bg),
body.theme-amber-gold .app-main-content small,
body.theme-amber-gold .app-main-content strong,
body.theme-amber-gold .app-main-content label,
body.theme-amber-gold .app-main-content .form-label,
body.theme-amber-gold .app-main-content .text-muted,
body.theme-amber-gold .app-main-content .text-white-50,
body.theme-amber-gold .app-main-content .text-white,
body.theme-amber-gold .app-main-content .text-dark,
body.theme-amber-gold .app-main-content .fw-bold,
body.theme-amber-gold .card,
body.theme-amber-gold .card-custom,
body.theme-amber-gold .card-metric,
body.theme-amber-gold .card-metric *,
body.theme-amber-gold .card-title,
body.theme-amber-gold .card-text {
  color: #1e293b !important;
}

/* Links em Cards KPI ("Ver todos ->", "Ver detalhes ->") */
body.theme-light-slate .card-metric a,
body.theme-light-slate .card-custom a:not(.btn),
body.theme-artisan-default .card-metric a,
body.theme-artisan-default .card-custom a:not(.btn),
body.theme-amber-gold .card-metric a,
body.theme-amber-gold .card-custom a:not(.btn) {
  color: #2563eb !important;
}

/* Tabelas e Células */
body.theme-light-slate .table,
body.theme-light-slate .table th,
body.theme-light-slate .table td,
body.theme-light-slate .table td *,
body.theme-light-slate .table-custom td,
body.theme-light-slate .table-custom td *,
body.theme-artisan-default .table,
body.theme-artisan-default .table th,
body.theme-artisan-default .table td,
body.theme-artisan-default .table td *,
body.theme-artisan-default .table-custom td,
body.theme-artisan-default .table-custom td *,
body.theme-amber-gold .table,
body.theme-amber-gold .table th,
body.theme-amber-gold .table td,
body.theme-amber-gold .table td *,
body.theme-amber-gold .table-custom td,
body.theme-amber-gold .table-custom td * {
  color: #1e293b !important;
}

/* Grades de Separação (Bordas Divisórias Verticais e Horizontais da Tabela) no theme-light-slate */
body.theme-light-slate .table-bordered th,
body.theme-light-slate .table-bordered td,
body.theme-light-slate .table-bordered > :not(caption) > * > *,
body.theme-light-slate .table th,
body.theme-light-slate .table td,
body.theme-light-slate .table > :not(caption) > * > * {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #1e293b !important;
}

/* Fundo Azul (#2563eb) para Ícone de Busca, Badge de Total e Botão 3 Pontos (Ações) no theme-light-slate */
body.theme-light-slate #tabela-atendimentos .input-group-text,
body.theme-light-slate #tabela-atendimentos .badge,
body.theme-light-slate .table td .dropdown .btn,
body.theme-light-slate .table td .dropdown .btn-dark,
body.theme-light-slate .btn-dark {
  background: #2563eb !important;
  background-color: #2563eb !important;
  color: #ffffff !important;
  border-color: #2563eb !important;
}

body.theme-light-slate .table td .dropdown .btn:hover,
body.theme-light-slate .table td .dropdown .btn-dark:hover {
  background: #1d4ed8 !important;
  background-color: #1d4ed8 !important;
  color: #ffffff !important;
}

/* Preservação das Cores dos Botões com Texto Branco */
body.theme-light-slate .app-main-content .btn-primary,
body.theme-light-slate .app-main-content .btn-success,
body.theme-light-slate .app-main-content .btn-info,
body.theme-light-slate .app-main-content .btn-dark,
body.theme-light-slate .app-main-content .badge.bg-primary,
body.theme-light-slate .app-main-content .badge.bg-success,
body.theme-light-slate .app-main-content .badge.bg-info,
body.theme-artisan-default .app-main-content .btn-primary,
body.theme-artisan-default .app-main-content .btn-success,
body.theme-artisan-default .app-main-content .btn-info,
body.theme-artisan-default .app-main-content .btn-dark,
body.theme-artisan-default .app-main-content .badge.bg-primary,
body.theme-artisan-default .app-main-content .badge.bg-success,
body.theme-artisan-default .app-main-content .badge.bg-info,
body.theme-amber-gold .app-main-content .btn-primary,
body.theme-amber-gold .app-main-content .btn-success,
body.theme-amber-gold .app-main-content .btn-info,
body.theme-amber-gold .app-main-content .btn-dark,
body.theme-amber-gold .app-main-content .badge.bg-primary,
body.theme-amber-gold .app-main-content .badge.bg-success,
body.theme-amber-gold .app-main-content .badge.bg-info {
  color: #ffffff !important;
}

body.theme-light-slate .card,
body.theme-light-slate .card-custom,
body.theme-light-slate .card-metric,
body.theme-light-slate .modal-content,
body.theme-artisan-default .card,
body.theme-artisan-default .card-custom,
body.theme-artisan-default .card-metric,
body.theme-artisan-default .modal-content,
body.theme-amber-gold .card,
body.theme-amber-gold .card-custom,
body.theme-amber-gold .card-metric,
body.theme-amber-gold .modal-content {
  background-color: #ffffff !important;
  color: #1e293b !important;
  border-color: #e2e8f0 !important;
}

body.theme-light-slate .bg-light,
body.theme-light-slate .bg-white,
body.theme-artisan-default .bg-light,
body.theme-artisan-default .bg-white,
body.theme-amber-gold .bg-light,
body.theme-amber-gold .bg-white {
  background-color: #f1f5f9 !important;
  color: #1e293b !important;
  border-color: #cbd5e1 !important;
}

body.theme-light-slate .form-control,
body.theme-light-slate .form-select,
body.theme-artisan-default .form-control,
body.theme-artisan-default .form-select,
body.theme-amber-gold .form-control,
body.theme-amber-gold .form-select {
  background-color: #ffffff !important;
  color: #1e293b !important;
  border-color: #cbd5e1 !important;
}

body.theme-light-slate .form-control::placeholder,
body.theme-artisan-default .form-control::placeholder,
body.theme-amber-gold .form-control::placeholder {
  color: #64748b !important;
}

body.theme-light-slate .bg-primary,
body.theme-light-slate header.bg-primary,
body.theme-light-slate .app-sidebar,
body.theme-artisan-default .bg-primary,
body.theme-artisan-default header.bg-primary,
body.theme-artisan-default .app-sidebar,
body.theme-amber-gold .bg-primary,
body.theme-amber-gold header.bg-primary,
body.theme-amber-gold .app-sidebar {
  background-color: #0f172a !important;
  color: #ffffff !important;
  border-bottom: 1px solid #1e293b !important;
}

body.theme-light-slate .app-sidebar *,
body.theme-artisan-default .app-sidebar *,
body.theme-amber-gold .app-sidebar * {
  color: #ffffff;
}

body.theme-light-slate .app-sidebar .sidebar-text,
body.theme-light-slate .app-sidebar .nav-link,
body.theme-light-slate .app-sidebar .sidebar-title,
body.theme-light-slate .app-sidebar strong,
body.theme-light-slate .app-sidebar h6,
body.theme-artisan-default .app-sidebar .sidebar-text,
body.theme-artisan-default .app-sidebar .nav-link,
body.theme-artisan-default .app-sidebar .sidebar-title,
body.theme-artisan-default .app-sidebar strong,
body.theme-artisan-default .app-sidebar h6,
body.theme-amber-gold .app-sidebar .sidebar-text,
body.theme-amber-gold .app-sidebar .nav-link,
body.theme-amber-gold .app-sidebar .sidebar-title,
body.theme-amber-gold .app-sidebar strong,
body.theme-amber-gold .app-sidebar h6 {
  color: #ffffff !important;
}

body.theme-light-slate .app-sidebar small,
body.theme-light-slate .app-sidebar .text-white-50,
body.theme-artisan-default .app-sidebar small,
body.theme-artisan-default .app-sidebar .text-white-50,
body.theme-amber-gold .app-sidebar small,
body.theme-amber-gold .app-sidebar .text-white-50 {
  color: rgba(255, 255, 255, 0.7) !important;
}

body.theme-light-slate .app-sidebar .active-sidebar-pill,
body.theme-artisan-default .app-sidebar .active-sidebar-pill,
body.theme-amber-gold .app-sidebar .active-sidebar-pill {
  background-color: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3) !important;
}

body.theme-light-slate .app-sidebar .sidebar-item-hover:hover,
body.theme-artisan-default .app-sidebar .sidebar-item-hover:hover,
body.theme-amber-gold .app-sidebar .sidebar-item-hover:hover {
  background-color: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

body.theme-light-slate #filtros-status-agenda .btn,
body.theme-light-slate #filtros-status-atendimentos .btn,
body.theme-artisan-default #filtros-status-agenda .btn,
body.theme-artisan-default #filtros-status-atendimentos .btn,
body.theme-amber-gold #filtros-status-agenda .btn,
body.theme-amber-gold #filtros-status-atendimentos .btn {
  background-color: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #334155 !important;
  font-weight: 600 !important;
}

body.theme-light-slate #filtros-status-agenda .btn:hover,
body.theme-light-slate #filtros-status-atendimentos .btn:hover,
body.theme-artisan-default #filtros-status-agenda .btn:hover,
body.theme-artisan-default #filtros-status-atendimentos .btn:hover,
body.theme-amber-gold #filtros-status-agenda .btn:hover,
body.theme-amber-gold #filtros-status-atendimentos .btn:hover {
  background-color: #e2e8f0 !important;
  color: #0f172a !important;
}

body.theme-light-slate #filtros-status-agenda .btn.active,
body.theme-light-slate #filtros-status-atendimentos .btn.active,
body.theme-artisan-default #filtros-status-agenda .btn.active,
body.theme-artisan-default #filtros-status-atendimentos .btn.active,
body.theme-amber-gold #filtros-status-agenda .btn.active,
body.theme-amber-gold #filtros-status-atendimentos .btn.active {
  background-color: #2563eb !important;
  border-color: #2563eb !important;
  color: #ffffff !important;
}

body.theme-light-slate header.bg-primary h1,
body.theme-light-slate header.bg-primary p,
body.theme-light-slate header.bg-primary a,
body.theme-artisan-default header.bg-primary h1,
body.theme-artisan-default header.bg-primary p,
body.theme-artisan-default header.bg-primary a,
body.theme-amber-gold header.bg-primary h1,
body.theme-amber-gold header.bg-primary p,
body.theme-amber-gold header.bg-primary a {
  color: #ffffff !important;
}

body.theme-light-slate .btn-primary,
body.theme-artisan-default .btn-primary,
body.theme-amber-gold .btn-primary {
  background-color: #0f172a !important;
  color: #ffffff !important;
  border-color: #0f172a !important;
}

body.theme-light-slate .text-primary,
body.theme-artisan-default .text-primary,
body.theme-amber-gold .text-primary {
  color: #0f172a !important;
}

/* ==========================================================
 * 2. MODELO 2: Cyber Cyan High-Tech (Modo Escuro)
 * ========================================================== */
body.theme-dark-cyan,
body.theme-royal-blue {
  --primary: #00c8ff;
  --primary-hover: #00b0e6;
  --on-primary: #0f1117;
  --surface: #0f1117;
  --on-surface: #f8fafc;

  background-color: #0f1117 !important;
  color: #f8fafc !important;
}

body.theme-dark-cyan .bg-surface,
body.theme-royal-blue .bg-surface {
  background-color: #0f1117 !important;
}

body.theme-dark-cyan .card,
body.theme-dark-cyan .card-custom,
body.theme-dark-cyan .card-metric,
body.theme-dark-cyan .modal-content,
body.theme-royal-blue .card,
body.theme-royal-blue .card-custom,
body.theme-royal-blue .card-metric,
body.theme-royal-blue .modal-content {
  background-color: #171b26 !important;
  color: #f8fafc !important;
  border-color: #222938 !important;
}

body.theme-dark-cyan .bg-light,
body.theme-dark-cyan .bg-white,
body.theme-royal-blue .bg-light,
body.theme-royal-blue .bg-white {
  background-color: #1f2433 !important;
  color: #f8fafc !important;
  border-color: #2b3348 !important;
}

body.theme-dark-cyan h1,
body.theme-dark-cyan h2,
body.theme-dark-cyan h3,
body.theme-dark-cyan h4,
body.theme-dark-cyan h5,
body.theme-dark-cyan h6,
body.theme-dark-cyan .text-dark,
body.theme-dark-cyan label,
body.theme-dark-cyan .form-label,
body.theme-dark-cyan .fw-bold,
body.theme-dark-cyan strong,
body.theme-dark-cyan .text-white,
body.theme-royal-blue h1,
body.theme-royal-blue h2,
body.theme-royal-blue h3,
body.theme-royal-blue h4,
body.theme-royal-blue h5,
body.theme-royal-blue h6,
body.theme-royal-blue .text-dark,
body.theme-royal-blue label,
body.theme-royal-blue .form-label,
body.theme-royal-blue .fw-bold,
body.theme-royal-blue strong,
body.theme-royal-blue .text-white {
  color: #ffffff !important;
}

body.theme-dark-cyan .text-muted,
body.theme-royal-blue .text-muted {
  color: #94a3b8 !important;
}

body.theme-dark-cyan .form-control,
body.theme-dark-cyan .form-select,
body.theme-royal-blue .form-control,
body.theme-royal-blue .form-select {
  background-color: #0f1117 !important;
  color: #ffffff !important;
  border-color: #2b3348 !important;
}

body.theme-dark-cyan .bg-primary,
body.theme-dark-cyan header.bg-primary,
body.theme-royal-blue .bg-primary,
body.theme-royal-blue header.bg-primary {
  background-color: #12151f !important;
  color: #ffffff !important;
  border-bottom: 1px solid #222938 !important;
}

body.theme-dark-cyan header.bg-primary h1,
body.theme-dark-cyan header.bg-primary p,
body.theme-dark-cyan header.bg-primary a,
body.theme-royal-blue header.bg-primary h1,
body.theme-royal-blue header.bg-primary p,
body.theme-royal-blue header.bg-primary a {
  color: #ffffff !important;
}

body.theme-dark-cyan .btn-primary,
body.theme-dark-cyan .nav-pills .nav-link.active,
body.theme-royal-blue .btn-primary,
body.theme-royal-blue .nav-pills .nav-link.active {
  background-color: #00c8ff !important;
  color: #0f1117 !important;
  border-color: #ffffff !important;
  font-weight: 700 !important;
}

body.theme-dark-cyan .text-primary,
body.theme-royal-blue .text-primary {
  color: #253252 !important;
}

/* ==========================================================
 * 3. MODELO 3: Verde Sábia Soft (Modo Claro Suave)
 * ========================================================== */
body.theme-sage-green {
  --primary: #2e6f40;
  --primary-hover: #1e4a2a;
  --on-primary: #ffffff;
  --surface: #f6f9f4;
  --on-surface: #1c2820;

  background-color: #f6f9f4 !important;
  color: #1c2820 !important;
}

body.theme-sage-green .bg-surface {
  background-color: #f6f9f4 !important;
}

/* Força Cor #1c2820 em Todos os Textos da Área Principal para theme-sage-green */
body.theme-sage-green .app-main-content,
body.theme-sage-green .app-main-content h1,
body.theme-sage-green .app-main-content h2,
body.theme-sage-green .app-main-content h3,
body.theme-sage-green .app-main-content h4,
body.theme-sage-green .app-main-content h5,
body.theme-sage-green .app-main-content h6,
body.theme-sage-green .app-main-content p,
body.theme-sage-green .app-main-content span:not(.badge):not(.btn),
body.theme-sage-green .app-main-content div:not(.badge):not(.btn):not(.metric-icon-bg),
body.theme-sage-green .app-main-content small,
body.theme-sage-green .app-main-content strong,
body.theme-sage-green .app-main-content label,
body.theme-sage-green .app-main-content .form-label,
body.theme-sage-green .app-main-content .text-muted,
body.theme-sage-green .app-main-content .text-white-50,
body.theme-sage-green .app-main-content .text-white,
body.theme-sage-green .app-main-content .text-dark,
body.theme-sage-green .app-main-content .fw-bold,
body.theme-sage-green .card,
body.theme-sage-green .card-custom,
body.theme-sage-green .card-metric,
body.theme-sage-green .card-metric *,
body.theme-sage-green .card-title,
body.theme-sage-green .card-text {
  color: #1c2820 !important;
}

/* Links em Cards KPI */
body.theme-sage-green .card-metric a,
body.theme-sage-green .card-custom a:not(.btn) {
  color: #2e6f40 !important;
}

/* Tabelas e Células no theme-sage-green */
body.theme-sage-green .table,
body.theme-sage-green .table th,
body.theme-sage-green .table td,
body.theme-sage-green .table td *,
body.theme-sage-green .table-custom td,
body.theme-sage-green .table-custom td * {
  color: #1c2820 !important;
}

/* Grades de Separação (Bordas Divisórias Verticais e Horizontais da Tabela) no theme-sage-green */
body.theme-sage-green .table-bordered th,
body.theme-sage-green .table-bordered td,
body.theme-sage-green .table-bordered > :not(caption) > * > *,
body.theme-sage-green .table th,
body.theme-sage-green .table td,
body.theme-sage-green .table > :not(caption) > * > * {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #1c2820 !important;
}

/* Preservação das Cores dos Botões com Texto Branco */
body.theme-sage-green .app-main-content .btn-primary,
body.theme-sage-green .app-main-content .btn-success,
body.theme-sage-green .app-main-content .btn-info,
body.theme-sage-green .app-main-content .btn-dark,
body.theme-sage-green .app-main-content .badge.bg-primary,
body.theme-sage-green .app-main-content .badge.bg-success,
body.theme-sage-green .app-main-content .badge.bg-info {
  color: #ffffff !important;
}

/* Fundo Verde (#2e6f40) para Ícone de Busca, Badge de Total e Botão 3 Pontos no theme-sage-green */
body.theme-sage-green #tabela-atendimentos .input-group-text,
body.theme-sage-green #tabela-atendimentos .badge,
body.theme-sage-green .table td .dropdown .btn,
body.theme-sage-green .table td .dropdown .btn-dark,
body.theme-sage-green .btn-dark {
  background: #2e6f40 !important;
  background-color: #2e6f40 !important;
  color: #ffffff !important;
  border-color: #2e6f40 !important;
}

body.theme-sage-green .table td .dropdown .btn:hover,
body.theme-sage-green .table td .dropdown .btn-dark:hover {
  background: #1e4a2a !important;
  background-color: #1e4a2a !important;
  color: #ffffff !important;
}

/* Sidebar no theme-sage-green */
body.theme-sage-green .bg-primary,
body.theme-sage-green header.bg-primary,
body.theme-sage-green .app-sidebar {
  background-color: #1b4332 !important;
  color: #ffffff !important;
  border-bottom: 1px solid #143326 !important;
}

body.theme-sage-green .app-sidebar * {
  color: #ffffff;
}

body.theme-sage-green .app-sidebar .sidebar-text,
body.theme-sage-green .app-sidebar .nav-link,
body.theme-sage-green .app-sidebar .sidebar-title,
body.theme-sage-green .app-sidebar strong,
body.theme-sage-green .app-sidebar h6 {
  color: #ffffff !important;
}

body.theme-sage-green .app-sidebar small,
body.theme-sage-green .app-sidebar .text-white-50 {
  color: rgba(255, 255, 255, 0.75) !important;
}

body.theme-sage-green .app-sidebar .active-sidebar-pill {
  background-color: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3) !important;
}

body.theme-sage-green .app-sidebar .sidebar-item-hover:hover {
  background-color: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

/* Botões de Filtro por Status para theme-sage-green */
body.theme-sage-green #filtros-status-agenda .btn,
body.theme-sage-green #filtros-status-atendimentos .btn {
  background-color: #edf3eb !important;
  border: 1px solid #d6e2d2 !important;
  color: #1c2820 !important;
  font-weight: 600 !important;
}

body.theme-sage-green #filtros-status-agenda .btn:hover,
body.theme-sage-green #filtros-status-atendimentos .btn:hover {
  background-color: #dce8d7 !important;
  color: #1c2820 !important;
}

body.theme-sage-green #filtros-status-agenda .btn.active,
body.theme-sage-green #filtros-status-atendimentos .btn.active {
  background-color: #2e6f40 !important;
  border-color: #2e6f40 !important;
  color: #ffffff !important;
}

body.theme-sage-green .card,
body.theme-sage-green .card-custom,
body.theme-sage-green .card-metric,
body.theme-sage-green .modal-content {
  background-color: #ffffff !important;
  color: #1c2820 !important;
  border-color: #e0e8dd !important;
}

body.theme-sage-green .form-control,
body.theme-sage-green .form-select {
  background-color: #ffffff !important;
  color: #1c2820 !important;
  border-color: #d6e2d2 !important;
}

body.theme-sage-green .form-control::placeholder {
  color: #627567 !important;
}

/* Tema Verde Escuro Emerald */
body.theme-emerald-dark {
  --primary: #426b52;
  --primary-hover: #335440;
  --on-primary: #ffffff;
  --surface: #091a10;
  --on-surface: #f6f9f4;

  background-color: #091a10 !important;
  color: #f6f9f4 !important;
}

body.theme-emerald-dark .bg-surface {
  background-color: #091a10 !important;
}

body.theme-emerald-dark .card,
body.theme-emerald-dark .card-custom,
body.theme-emerald-dark .card-metric,
body.theme-emerald-dark .modal-content {
  background-color: #12281a !important;
  color: #f6f9f4 !important;
  border-color: #1d3d28 !important;
}

body.theme-emerald-dark .bg-light,
body.theme-emerald-dark .bg-white {
  background-color: #183322 !important;
  color: #f6f9f4 !important;
  border-color: #224730 !important;
}

body.theme-emerald-dark h1,
body.theme-emerald-dark h2,
body.theme-emerald-dark h3,
body.theme-emerald-dark h4,
body.theme-emerald-dark h5,
body.theme-emerald-dark h6,
body.theme-emerald-dark label,
body.theme-emerald-dark .form-label,
body.theme-emerald-dark .fw-bold,
body.theme-emerald-dark strong,
body.theme-emerald-dark .text-white {
  color: #f6f9f4 !important;
}

body.theme-sage-green #filtros-status-agenda .btn:hover,
body.theme-emerald-dark #filtros-status-agenda .btn:hover,
body.theme-sage-green .action-buttons-group .btn-success:hover,
body.theme-sage-green .action-buttons-group .btn-primary:hover,
body.theme-emerald-dark .action-buttons-group .btn-success:hover,
body.theme-emerald-dark .action-buttons-group .btn-primary:hover {
  background-color: #2c4d3a !important;
  border-color: #213b2c !important;
  color: #ffffff !important;
}


/* ==========================================================
 * 4. MODELO 4: Preto & Branco Minimal (Modo Claro)
 * ========================================================== */
body.theme-monochrome-light,
body.theme-copper-bronze {
  --primary: #09090b;
  --primary-hover: #18181b;
  --on-primary: #ffffff;
  --surface: #fafafa;
  --on-surface: #09090b;

  background-color: #fafafa !important;
  color: #09090b !important;
}

body.theme-monochrome-light .bg-surface,
body.theme-copper-bronze .bg-surface {
  background-color: #fafafa !important;
}

body.theme-monochrome-light .card,
body.theme-monochrome-light .card-custom,
body.theme-monochrome-light .card-metric,
body.theme-monochrome-light .modal-content,
body.theme-copper-bronze .card,
body.theme-copper-bronze .card-custom,
body.theme-copper-bronze .card-metric,
body.theme-copper-bronze .modal-content {
  background-color: #ffffff !important;
  color: #09090b !important;
  border-color: #eaebed !important;
}

body.theme-monochrome-light .bg-light,
body.theme-monochrome-light .bg-white,
body.theme-copper-bronze .bg-light,
body.theme-copper-bronze .bg-white {
  background-color: #f4f4f5 !important;
  color: #09090b !important;
  border-color: #e4e4e7 !important;
}

body.theme-monochrome-light h1,
body.theme-monochrome-light h2,
body.theme-monochrome-light h3,
body.theme-monochrome-light h4,
body.theme-monochrome-light h5,
body.theme-monochrome-light h6,
body.theme-monochrome-light .text-dark,
body.theme-monochrome-light label,
body.theme-monochrome-light .form-label,
body.theme-monochrome-light .fw-bold,
body.theme-monochrome-light strong,
body.theme-monochrome-light .text-white,
body.theme-copper-bronze h1,
body.theme-copper-bronze h2,
body.theme-copper-bronze h3,
body.theme-copper-bronze h4,
body.theme-copper-bronze h5,
body.theme-copper-bronze h6,
body.theme-copper-bronze .text-dark,
body.theme-copper-bronze label,
body.theme-copper-bronze .form-label,
body.theme-copper-bronze .fw-bold,
body.theme-copper-bronze strong,
body.theme-copper-bronze .text-white {
  color: #09090b !important;
}

body.theme-monochrome-light .text-muted,
body.theme-copper-bronze .text-muted {
  color: #71717a !important;
}

body.theme-monochrome-light .form-control,
body.theme-monochrome-light .form-select,
body.theme-copper-bronze .form-control,
body.theme-copper-bronze .form-select {
  background-color: #ffffff !important;
  color: #09090b !important;
  border-color: #e4e4e7 !important;
}

body.theme-monochrome-light .bg-primary,
body.theme-monochrome-light header.bg-primary,
body.theme-copper-bronze .bg-primary,
body.theme-copper-bronze header.bg-primary {
  background-color: #09090b !important;
  color: #ffffff !important;
  border-bottom: 1px solid #18181b !important;
}

body.theme-monochrome-light header.bg-primary h1,
body.theme-monochrome-light header.bg-primary p,
body.theme-monochrome-light header.bg-primary a,
body.theme-copper-bronze header.bg-primary h1,
body.theme-copper-bronze header.bg-primary p,
body.theme-copper-bronze header.bg-primary a {
  color: #ffffff !important;
}

body.theme-monochrome-light .btn-primary,
body.theme-monochrome-light .nav-pills .nav-link.active,
body.theme-copper-bronze .btn-primary,
body.theme-copper-bronze .nav-pills .nav-link.active {
  background-color: #09090b !important;
  color: #ffffff !important;
  border-color: #09090b !important;
}

body.theme-monochrome-light .text-primary,
body.theme-copper-bronze .text-primary {
  color: #09090b !important;
}

/* ==========================================================
 * 5. MODELO 5: Midnight Índigo (Modo Escuro Luxo)
 * ========================================================== */
body.theme-indigo-dark,
body.theme-midnight,
body.theme-ruby-red,
body.theme-purple-barber {
  --primary: #6366f1;
  --primary-hover: #4f46e5;
  --on-primary: #ffffff;
  --surface: #080c16;
  --on-surface: #ffffff;

  background-color: #080c16 !important;
  color: #ffffff !important;
}

body.theme-indigo-dark .bg-surface,
body.theme-midnight .bg-surface,
body.theme-ruby-red .bg-surface,
body.theme-purple-barber .bg-surface {
  background-color: #080c16 !important;
}

body.theme-indigo-dark .card,
body.theme-indigo-dark .card-custom,
body.theme-indigo-dark .card-metric,
body.theme-indigo-dark .modal-content,
body.theme-midnight .card,
body.theme-midnight .card-custom,
body.theme-midnight .card-metric,
body.theme-midnight .modal-content,
body.theme-ruby-red .card,
body.theme-ruby-red .card-custom,
body.theme-ruby-red .card-metric,
body.theme-ruby-red .modal-content,
body.theme-purple-barber .card,
body.theme-purple-barber .card-custom,
body.theme-purple-barber .card-metric,
body.theme-purple-barber .modal-content {
  background-color: #111728 !important;
  color: #ffffff !important;
  border-color: #1d273e !important;
}

body.theme-indigo-dark .bg-light,
body.theme-indigo-dark .bg-white,
body.theme-midnight .bg-light,
body.theme-midnight .bg-white,
body.theme-ruby-red .bg-light,
body.theme-ruby-red .bg-white,
body.theme-purple-barber .bg-light,
body.theme-purple-barber .bg-white {
  background-color: #182035 !important;
  color: #ffffff !important;
  border-color: #253252 !important;
}

body.theme-indigo-dark h1,
body.theme-indigo-dark h2,
body.theme-indigo-dark h3,
body.theme-indigo-dark h4,
body.theme-indigo-dark h5,
body.theme-indigo-dark h6,
body.theme-indigo-dark .text-dark,
body.theme-indigo-dark label,
body.theme-indigo-dark .form-label,
body.theme-indigo-dark .fw-bold,
body.theme-indigo-dark strong,
body.theme-indigo-dark .text-white,
body.theme-midnight h1,
body.theme-midnight h2,
body.theme-midnight h3,
body.theme-midnight h4,
body.theme-midnight h5,
body.theme-midnight h6,
body.theme-midnight .text-dark,
body.theme-midnight label,
body.theme-midnight .form-label,
body.theme-midnight .fw-bold,
body.theme-midnight strong,
body.theme-midnight .text-white,
body.theme-ruby-red h1,
body.theme-ruby-red h2,
body.theme-ruby-red h3,
body.theme-ruby-red h4,
body.theme-ruby-red h5,
body.theme-ruby-red h6,
body.theme-ruby-red .text-dark,
body.theme-ruby-red label,
body.theme-ruby-red .form-label,
body.theme-ruby-red .fw-bold,
body.theme-ruby-red strong,
body.theme-ruby-red .text-white,
body.theme-purple-barber h1,
body.theme-purple-barber h2,
body.theme-purple-barber h3,
body.theme-purple-barber h4,
body.theme-purple-barber h5,
body.theme-purple-barber h6,
body.theme-purple-barber .text-dark,
body.theme-purple-barber label,
body.theme-purple-barber .form-label,
body.theme-purple-barber .fw-bold,
body.theme-purple-barber strong,
body.theme-purple-barber .text-white {
  color: #ffffff !important;
}

body.theme-indigo-dark .text-muted,
body.theme-midnight .text-muted,
body.theme-ruby-red .text-muted,
body.theme-purple-barber .text-muted {
  color: #94a3b8 !important;
}

body.theme-indigo-dark .form-control,
body.theme-indigo-dark .form-select,
body.theme-midnight .form-control,
body.theme-midnight .form-select,
body.theme-ruby-red .form-control,
body.theme-ruby-red .form-select,
body.theme-purple-barber .form-control,
body.theme-purple-barber .form-select {
  background-color: #080c16 !important;
  color: #ffffff !important;
  border-color: #253252 !important;
}

body.theme-indigo-dark .bg-primary,
body.theme-indigo-dark header.bg-primary,
body.theme-midnight .bg-primary,
body.theme-midnight header.bg-primary,
body.theme-ruby-red .bg-primary,
body.theme-ruby-red header.bg-primary,
body.theme-purple-barber .bg-primary,
body.theme-purple-barber header.bg-primary {
  background-color: #0d1322 !important;
  color: #ffffff !important;
  border-bottom: 1px solid #1d273e !important;
}

body.theme-indigo-dark header.bg-primary h1,
body.theme-indigo-dark header.bg-primary p,
body.theme-indigo-dark header.bg-primary a,
body.theme-midnight header.bg-primary h1,
body.theme-midnight header.bg-primary p,
body.theme-midnight header.bg-primary a,
body.theme-ruby-red header.bg-primary h1,
body.theme-ruby-red header.bg-primary p,
body.theme-ruby-red header.bg-primary a,
body.theme-purple-barber header.bg-primary h1,
body.theme-purple-barber header.bg-primary p,
body.theme-purple-barber header.bg-primary a {
  color: #ffffff !important;
}

body.theme-indigo-dark .btn-primary,
body.theme-indigo-dark .nav-pills .nav-link.active,
body.theme-midnight .btn-primary,
body.theme-midnight .nav-pills .nav-link.active,
body.theme-ruby-red .btn-primary,
body.theme-ruby-red .nav-pills .nav-link.active,
body.theme-purple-barber .btn-primary,
body.theme-purple-barber .nav-pills .nav-link.active {
  background-color: #6366f1 !important;
  color: #ffffff !important;
  border-color: #6366f1 !important;
}

body.theme-indigo-dark .text-primary,
body.theme-midnight .text-primary,
body.theme-ruby-red .text-primary,
body.theme-purple-barber .text-primary {
  color: #6366f1 !important;
}

/* Badges de Status Subtis Globais */
.badge-agendado-suave,
.badge-success-subtle {
  background-color: rgba(16, 185, 129, 0.15) !important;
  color: #10b981 !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
}

.badge-warning-subtle {
  background-color: rgba(245, 158, 11, 0.15) !important;
  color: #f59e0b !important;
  border: 1px solid rgba(245, 158, 11, 0.3) !important;
}

.badge-danger-subtle {
  background-color: rgba(239, 68, 68, 0.15) !important;
  color: #ef4444 !important;
  border: 1px solid rgba(239, 68, 68, 0.3) !important;
}

.badge-info-subtle {
  background-color: rgba(59, 130, 246, 0.15) !important;
  color: #3b82f6 !important;
  border: 1px solid rgba(59, 130, 246, 0.3) !important;
}

/* ==========================================================
 * TEMAS DO SUPERADMIN (MODO CLARO E MODO ESCURO)
 * ========================================================== */

/* Super Admin - Modo Claro (Clean Light Slate) */
body.theme-superadmin-light {
  background-color: #f8fafc !important;
  color: #0f172a !important;
}

body.theme-superadmin-light .navbar-custom {
  background-color: #0f172a !important;
  border-bottom: 1px solid #1e293b !important;
}

body.theme-superadmin-light .superadmin-title {
  color: #0f172a !important;
}

body.theme-superadmin-light .card-metric,
body.theme-superadmin-light .table-card {
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
}

body.theme-superadmin-light .card-metric .metric-title {
  color: #64748b !important;
}

body.theme-superadmin-light .card-metric .metric-value-dark {
  color: #0f172a !important;
}

body.theme-superadmin-light .card-metric .metric-subtext {
  color: #64748b !important;
}

body.theme-superadmin-light .table-custom {
  background-color: #ffffff !important;
  color: #0f172a !important;
}

body.theme-superadmin-light .table-custom th {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
  border-bottom: 2px solid #e2e8f0 !important;
}

body.theme-superadmin-light .table-custom td {
  background-color: #ffffff !important;
  color: #0f172a !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

body.theme-superadmin-light .table-custom tr:hover td {
  background-color: #f8fafc !important;
}

/* Super Admin - Modo Escuro (Cyber Dark Charcoal) */
body.theme-superadmin-dark {
  background-color: #0f1117 !important;
  color: #f8fafc !important;
}

body.theme-superadmin-dark .navbar-custom {
  background-color: #171b26 !important;
  border-bottom: 1px solid #222938 !important;
}

body.theme-superadmin-dark .superadmin-title {
  color: #ffffff !important;
}

body.theme-superadmin-dark .card-metric,
body.theme-superadmin-dark .table-card {
  background-color: #171b26 !important;
  border: 1px solid #222938 !important;
  color: #f8fafc !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
}

body.theme-superadmin-dark .card-metric .metric-title {
  color: #94a3b8 !important;
}

body.theme-superadmin-dark .card-metric .metric-value-dark {
  color: #ffffff !important;
}

body.theme-superadmin-dark .card-metric .metric-subtext {
  color: #94a3b8 !important;
}

body.theme-superadmin-dark .table-custom {
  background-color: #171b26 !important;
  color: #f8fafc !important;
}

body.theme-superadmin-dark .table-custom th {
  background-color: #1f2433 !important;
  color: #94a3b8 !important;
  border-bottom: 2px solid #2b3348 !important;
}

body.theme-superadmin-dark .table-custom td {
  background-color: #171b26 !important;
  color: #f8fafc !important;
  border-bottom: 1px solid #222938 !important;
}

body.theme-superadmin-dark .table-custom tr:hover td {
  background-color: #1f2433 !important;
}

/* ==========================================================
 * UX DE TABELA: SCROLL INTERNO & CABEÇALHO FIXO (STICKY)
 * ========================================================== */
.table-responsive-superadmin {
  max-height: 70vh;
  overflow-y: auto;
  position: relative;
}

.table-custom th {
  position: sticky;
  top: 0;
  z-index: 5;
}

/* ==========================================================
 * REGRA EXCLUSIVA PARA TEMAS ESCUROS NO MÓDULO DO BARBEIRO
 * (Não altera nada nos temas claros)
 * ========================================================== */

/* 1. Badge "Painel do Barbeiro" */
body.theme-light-slate .badge-barbeiro-tag,
body.theme-artisan-default .badge-barbeiro-tag,
body.theme-amber-gold .badge-barbeiro-tag,
body.theme-sage-green .badge-barbeiro-tag,
body.theme-monochrome-light .badge-barbeiro-tag,
body.theme-copper-bronze .badge-barbeiro-tag {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #cbd5e1 !important;
}

body.theme-dark-cyan .badge-barbeiro-tag,
body.theme-royal-blue .badge-barbeiro-tag,
body.theme-indigo-dark .badge-barbeiro-tag,
body.theme-midnight .badge-barbeiro-tag,
body.theme-ruby-red .badge-barbeiro-tag,
body.theme-purple-barber .badge-barbeiro-tag {
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

/* 2. Sobrescrita de Variáveis, Box-Shadow Inset e Fundo de Tabelas para Temas Escuros */
body.theme-dark-cyan table,
body.theme-royal-blue table,
body.theme-indigo-dark table,
body.theme-midnight table,
body.theme-ruby-red table,
body.theme-purple-barber table,
body.theme-dark-cyan .table,
body.theme-royal-blue .table,
body.theme-indigo-dark .table,
body.theme-midnight .table,
body.theme-ruby-red .table,
body.theme-purple-barber .table,
body.theme-dark-cyan .table-bordered,
body.theme-royal-blue .table-bordered,
body.theme-indigo-dark .table-bordered,
body.theme-midnight .table-bordered,
body.theme-ruby-red .table-bordered,
body.theme-purple-barber .table-bordered,
body.theme-dark-cyan .table-hover,
body.theme-royal-blue .table-hover,
body.theme-indigo-dark .table-hover,
body.theme-midnight .table-hover,
body.theme-ruby-red .table-hover,
body.theme-purple-barber .table-hover {
  --bs-table-bg: #090d16 !important;
  --bs-table-accent-bg: transparent !important;
  --bs-table-striped-bg: transparent !important;
  --bs-table-hover-bg: #161e31 !important;
  --bs-table-hover-color: #ffffff !important;
  --bs-table-color: #ffffff !important;
  background-color: #090d16 !important;
  color: #ffffff !important;
  border-color: #253252 !important;
}

/* 3. Todos os Cabeçalhos (thead / th) em Temas Escuros (Fundo Preto Escuro + Letras em Azul Cyan Vibrante) */
body.theme-dark-cyan table th,
body.theme-royal-blue table th,
body.theme-indigo-dark table th,
body.theme-midnight table th,
body.theme-ruby-red table th,
body.theme-purple-barber table th,
body.theme-dark-cyan table thead,
body.theme-royal-blue table thead,
body.theme-indigo-dark table thead,
body.theme-midnight table thead,
body.theme-ruby-red table thead,
body.theme-purple-barber table thead,
body.theme-dark-cyan table thead th,
body.theme-royal-blue table thead th,
body.theme-indigo-dark table thead th,
body.theme-midnight table thead th,
body.theme-ruby-red table thead th,
body.theme-purple-barber table thead th,
body.theme-dark-cyan table tr th,
body.theme-royal-blue table tr th,
body.theme-indigo-dark table tr th,
body.theme-midnight table tr th,
body.theme-ruby-red table tr th,
body.theme-purple-barber table tr th,
body.theme-dark-cyan .table> :not(caption)>*>th,
body.theme-royal-blue .table> :not(caption)>*>th,
body.theme-indigo-dark .table> :not(caption)>*>th,
body.theme-midnight .table> :not(caption)>*>th,
body.theme-ruby-red .table> :not(caption)>*>th,
body.theme-purple-barber .table> :not(caption)>*>th,
body.theme-dark-cyan .table-light,
body.theme-royal-blue .table-light,
body.theme-indigo-dark .table-light,
body.theme-midnight .table-light,
body.theme-ruby-red .table-light,
body.theme-purple-barber .table-light,
body.theme-dark-cyan .table-light th,
body.theme-royal-blue .table-light th,
body.theme-indigo-dark .table-light th,
body.theme-midnight .table-light th,
body.theme-ruby-red .table-light th,
body.theme-purple-barber .table-light th {
  --bs-table-bg: #0d1322 !important;
  --bs-table-accent-bg: transparent !important;
  box-shadow: none !important;
  background-color: #0d1322 !important;
  color: #38bdf8 !important;
  /* Azul Cyan Vibrante */
  border-color: #253252 !important;
  font-weight: 700 !important;
}

/* 4. Células de Dados (td) em Temas Escuros (Fundo Escuro + Letras Brancas Puras) */
body.theme-dark-cyan table td,
body.theme-royal-blue table td,
body.theme-indigo-dark table td,
body.theme-midnight table td,
body.theme-ruby-red table td,
body.theme-purple-barber table td,
body.theme-dark-cyan table tr td,
body.theme-royal-blue table tr td,
body.theme-indigo-dark table tr td,
body.theme-midnight table tr td,
body.theme-ruby-red table tr td,
body.theme-purple-barber table tr td,
body.theme-dark-cyan .table> :not(caption)>*>td,
body.theme-royal-blue .table> :not(caption)>*>td,
body.theme-indigo-dark .table> :not(caption)>*>td,
body.theme-midnight .table> :not(caption)>*>td,
body.theme-ruby-red .table> :not(caption)>*>td,
body.theme-purple-barber .table> :not(caption)>*>td {
  --bs-table-bg: #090d16 !important;
  --bs-table-accent-bg: transparent !important;
  box-shadow: none !important;
  background-color: #090d16 !important;
  color: #ffffff !important;
  border-color: #253252 !important;
}

/* 5. Hover das Linhas em Temas Escuros */
body.theme-dark-cyan table tbody tr:hover td,
body.theme-royal-blue table tbody tr:hover td,
body.theme-indigo-dark table tbody tr:hover td,
body.theme-midnight table tbody tr:hover td,
body.theme-ruby-red table tbody tr:hover td,
body.theme-purple-barber table tbody tr:hover td {
  background-color: #161e31 !important;
  color: #ffffff !important;
}

/* 6. Textos Auxiliares em Temas Escuros */
body.theme-dark-cyan table td small,
body.theme-royal-blue table td small,
body.theme-indigo-dark table td small,
body.theme-midnight table td small,
body.theme-ruby-red table td small,
body.theme-purple-barber table td small {
  color: #94a3b8 !important;
}

/* ==========================================================
 * AJUSTES EXCLUSIVOS PARA OS DOIS TEMAS ESCUROS
 * 1) Cor PRETA para o texto de Horário, Valor Total e Sua Comissão.
 * 2) Border-Radius elegante para as partes com borda branca.
 * ========================================================== */

/* 1. Texto em PRETO para Horário, Valor Total e Sua Comissão nos 2 Temas Escuros */
body.theme-dark-cyan .col-horario,
body.theme-dark-cyan .col-horario *,
body.theme-dark-cyan .col-valor-total,
body.theme-dark-cyan .col-valor-total *,
body.theme-dark-cyan .col-comissao,
body.theme-dark-cyan .col-comissao *,
body.theme-indigo-dark .col-horario,
body.theme-indigo-dark .col-horario *,
body.theme-indigo-dark .col-valor-total,
body.theme-indigo-dark .col-valor-total *,
body.theme-indigo-dark .col-comissao,
body.theme-indigo-dark .col-comissao *,
body.theme-midnight .col-horario,
body.theme-midnight .col-horario *,
body.theme-midnight .col-valor-total,
body.theme-midnight .col-valor-total *,
body.theme-midnight .col-comissao,
body.theme-midnight .col-comissao * {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* 2. Border-Radius Elegante e Bordas Brancas Ajustadas nos 2 Temas Escuros */
body.theme-dark-cyan .table-responsive,
body.theme-indigo-dark .table-responsive,
body.theme-midnight .table-responsive,
body.theme-ruby-red .table-responsive,
body.theme-purple-barber .table-responsive {
  border-radius: 12px !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  border: 1px solid #253252 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

body.theme-dark-cyan .table,
body.theme-indigo-dark .table,
body.theme-midnight .table,
body.theme-ruby-red .table,
body.theme-purple-barber .table {
  border-radius: 12px !important;
  border-color: #253252 !important;
}


body.theme-dark-cyan .table thead tr:first-child th:first-child,
body.theme-indigo-dark .table thead tr:first-child th:first-child,
body.theme-midnight .table thead tr:first-child th:first-child {
  border-top-left-radius: 12px !important;
}

body.theme-dark-cyan .table thead tr:first-child th:last-child,
body.theme-indigo-dark .table thead tr:first-child th:last-child,
body.theme-midnight .table thead tr:first-child th:last-child {
  border-top-right-radius: 12px !important;
}

body.theme-dark-cyan .table tbody tr:last-child td:first-child,
body.theme-indigo-dark .table tbody tr:last-child td:first-child,
body.theme-midnight .table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 12px !important;
}

body.theme-dark-cyan .table tbody tr:last-child td:last-child,
body.theme-indigo-dark .table tbody tr:last-child td:last-child,
body.theme-midnight .table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 12px !important;
}

/* Adaptação dos Cards de Ação Rápida para Temas Escuros */
body.theme-midnight .card-quick-action,
body.theme-dark-cyan .card-quick-action,
body.theme-indigo-dark .card-quick-action,
body.theme-ruby-red .card-quick-action,
body.theme-purple-barber .card-quick-action {
  background-color: #111728 !important;
  color: #ffffff !important;
  border-color: #1e293b !important;
}

body.theme-midnight .card-quick-action:hover,
body.theme-dark-cyan .card-quick-action:hover,
body.theme-indigo-dark .card-quick-action:hover,
body.theme-ruby-red .card-quick-action:hover,
body.theme-purple-barber .card-quick-action:hover {
  background-color: #1e293b !important;
  border-color: #38bdf8 !important;
}

body.theme-midnight .card-quick-action .quick-action-title,
body.theme-dark-cyan .card-quick-action .quick-action-title,
body.theme-indigo-dark .card-quick-action .quick-action-title,
body.theme-ruby-red .card-quick-action .quick-action-title,
body.theme-purple-barber .card-quick-action .quick-action-title {
  color: #ffffff !important;
}

body.theme-midnight .card-quick-action .quick-action-desc,
body.theme-dark-cyan .card-quick-action .quick-action-desc,
body.theme-indigo-dark .card-quick-action .quick-action-desc,
body.theme-ruby-red .card-quick-action .quick-action-desc,
body.theme-purple-barber .card-quick-action .quick-action-desc {
  color: #94a3b8 !important;
}

/* ==========================================================
 * BARRA LATERAL DE STATUS E BOTÕES DE FILTRO NO TEMA MIDNIGHT E TEMAS ESCUROS
 * ========================================================== */

/* 1. Barra Lateral Indicadora por Status na Tabela de Atendimentos */
tr.linha-atendimento td:first-child {
  border-left-width: 6px !important;
  border-left-style: solid !important;
}

body tr.linha-atendimento[data-status="agendado"] td:first-child,
body tr.linha-atendimento.status-agendado td:first-child {
  border-left-color: #f59e0b !important;
}

body tr.linha-atendimento[data-status="em_atendimento"] td:first-child,
body tr.linha-atendimento.status-em_atendimento td:first-child {
  border-left-color: #38bdf8 !important;
}

body tr.linha-atendimento[data-status="concluido"] td:first-child,
body tr.linha-atendimento.status-concluido td:first-child {
  border-left-color: #10b981 !important;
}

body tr.linha-atendimento[data-status="cancelado"] td:first-child,
body tr.linha-atendimento.status-cancelado td:first-child {
  border-left-color: #ef4444 !important;
}

/* 2. Suporte para Botões de Filtro por Status em Temas Escuros */
body.theme-indigo-dark #filtros-status-agenda .btn,
body.theme-indigo-dark #filtros-status-agenda .btn-dark,
body.theme-indigo-dark #filtros-status-agenda .btn-outline-warning,
body.theme-indigo-dark #filtros-status-agenda .btn-outline-primary,
body.theme-indigo-dark #filtros-status-agenda .btn-outline-success,
body.theme-indigo-dark #filtros-status-agenda .btn-outline-secondary,
body.theme-midnight #filtros-status-agenda .btn,
body.theme-midnight #filtros-status-agenda .btn-dark,
body.theme-midnight #filtros-status-agenda .btn-outline-warning,
body.theme-midnight #filtros-status-agenda .btn-outline-primary,
body.theme-midnight #filtros-status-agenda .btn-outline-success,
body.theme-midnight #filtros-status-agenda .btn-outline-secondary,
body.theme-dark-cyan #filtros-status-agenda .btn,
body.theme-dark-cyan #filtros-status-agenda .btn-dark,
body.theme-dark-cyan #filtros-status-agenda .btn-outline-warning,
body.theme-dark-cyan #filtros-status-agenda .btn-outline-primary,
body.theme-dark-cyan #filtros-status-agenda .btn-outline-success,
body.theme-dark-cyan #filtros-status-agenda .btn-outline-secondary,
body.theme-royal-blue #filtros-status-agenda .btn,
body.theme-royal-blue #filtros-status-agenda .btn-dark,
body.theme-royal-blue #filtros-status-agenda .btn-outline-warning,
body.theme-royal-blue #filtros-status-agenda .btn-outline-primary,
body.theme-royal-blue #filtros-status-agenda .btn-outline-success,
body.theme-royal-blue #filtros-status-agenda .btn-outline-secondary,
body.theme-ruby-red #filtros-status-agenda .btn,
body.theme-ruby-red #filtros-status-agenda .btn-dark,
body.theme-ruby-red #filtros-status-agenda .btn-outline-warning,
body.theme-ruby-red #filtros-status-agenda .btn-outline-primary,
body.theme-ruby-red #filtros-status-agenda .btn-outline-success,
body.theme-ruby-red #filtros-status-agenda .btn-outline-secondary,
body.theme-purple-barber #filtros-status-agenda .btn,
body.theme-purple-barber #filtros-status-agenda .btn-dark,
body.theme-purple-barber #filtros-status-agenda .btn-outline-warning,
body.theme-purple-barber #filtros-status-agenda .btn-outline-primary,
body.theme-purple-barber #filtros-status-agenda .btn-outline-success,
body.theme-purple-barber #filtros-status-agenda .btn-outline-secondary {
  background-color: #1e293b !important;
  color: #ffffff !important;
  border: 1px solid #334155 !important;
  font-weight: 600 !important;
  --bs-btn-color: #ffffff !important;
  --bs-btn-hover-color: #ffffff !important;
  --bs-btn-active-color: #ffffff !important;
}

body.theme-indigo-dark #filtros-status-agenda .btn:hover,
body.theme-indigo-dark #filtros-status-agenda .btn-outline-warning:hover,
body.theme-indigo-dark #filtros-status-agenda .btn-outline-primary:hover,
body.theme-indigo-dark #filtros-status-agenda .btn-outline-success:hover,
body.theme-indigo-dark #filtros-status-agenda .btn-outline-secondary:hover,
body.theme-midnight #filtros-status-agenda .btn:hover,
body.theme-dark-cyan #filtros-status-agenda .btn:hover,
body.theme-royal-blue #filtros-status-agenda .btn:hover,
body.theme-ruby-red #filtros-status-agenda .btn:hover,
body.theme-purple-barber #filtros-status-agenda .btn:hover {
  background-color: #334155 !important;
  color: #ffffff !important;
  border-color: #475569 !important;
}

body.theme-indigo-dark #filtros-status-agenda .btn.active,
body.theme-indigo-dark #filtros-status-agenda .btn-outline-warning.active,
body.theme-indigo-dark #filtros-status-agenda .btn-outline-primary.active,
body.theme-indigo-dark #filtros-status-agenda .btn-outline-success.active,
body.theme-indigo-dark #filtros-status-agenda .btn-outline-secondary.active,
body.theme-midnight #filtros-status-agenda .btn.active,
body.theme-dark-cyan #filtros-status-agenda .btn.active,
body.theme-royal-blue #filtros-status-agenda .btn.active,
body.theme-ruby-red #filtros-status-agenda .btn.active,
body.theme-purple-barber #filtros-status-agenda .btn.active {
  background-color: #1e293b !important;
  color: #ffffff !important;
  border: 2px solid #38bdf8 !important;
  box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.4) !important;
}

/* ==========================================================
 * BARRA DE ROLAGEM (SCROLLBAR) DE ALTA VISIBILIDADE PARA TEMAS ESCUROS
 * ========================================================== */
body.theme-midnight ::-webkit-scrollbar,
body.theme-indigo-dark ::-webkit-scrollbar,
body.theme-dark-cyan ::-webkit-scrollbar,
body.theme-royal-blue ::-webkit-scrollbar,
body.theme-ruby-red ::-webkit-scrollbar,
body.theme-purple-barber ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

body.theme-midnight ::-webkit-scrollbar-track,
body.theme-indigo-dark ::-webkit-scrollbar-track,
body.theme-dark-cyan ::-webkit-scrollbar-track,
body.theme-royal-blue ::-webkit-scrollbar-track,
body.theme-ruby-red ::-webkit-scrollbar-track,
body.theme-purple-barber ::-webkit-scrollbar-track {
  background: #0d1322 !important;
  border-radius: 6px;
}

body.theme-midnight ::-webkit-scrollbar-thumb,
body.theme-indigo-dark ::-webkit-scrollbar-thumb,
body.theme-dark-cyan ::-webkit-scrollbar-thumb,
body.theme-royal-blue ::-webkit-scrollbar-thumb,
body.theme-ruby-red ::-webkit-scrollbar-thumb,
body.theme-purple-barber ::-webkit-scrollbar-thumb {
  background: #3b82f6 !important;
  border-radius: 6px;
  border: 2px solid #0d1322 !important;
}

body.theme-midnight ::-webkit-scrollbar-thumb:hover,
body.theme-indigo-dark ::-webkit-scrollbar-thumb:hover,
body.theme-dark-cyan ::-webkit-scrollbar-thumb:hover,
body.theme-royal-blue ::-webkit-scrollbar-thumb:hover,
body.theme-ruby-red ::-webkit-scrollbar-thumb:hover,
body.theme-purple-barber ::-webkit-scrollbar-thumb:hover {
  background: #60a5fa !important;
}

/* ==========================================================
 * AJUSTE EXCLUSIVO PARA O TEMA THEME-INDIGO-DARK
 * Fundo dos badges de Serviços/Produtos e Origem na mesma cor de fundo das descrições (#090d16)
 * ========================================================== */
body.theme-indigo-dark .col-servicos-produtos .badge,
body.theme-indigo-dark .col-origem .badge {
  background-color: #090d16 !important;
  background: #090d16 !important;
}

body.theme-indigo-dark table tbody tr:hover .col-servicos-produtos .badge,
body.theme-indigo-dark table tbody tr:hover .col-origem .badge {
  background-color: #161e31 !important;
  background: #161e31 !important;
}

body.theme-indigo-dark .col-servicos-produtos .badge.bg-primary-subtle,
body.theme-indigo-dark .col-origem .badge.bg-primary-subtle {
  color: #38bdf8 !important;
  border: 1px solid #0284c7 !important;
}

body.theme-indigo-dark .col-origem .badge.bg-purple-subtle {
  color: #c084fc !important;
  border: 1px solid #7e22ce !important;
}

body.theme-indigo-dark .col-origem .badge.bg-success-subtle {
  color: #4ade80 !important;
  border: 1px solid #15803d !important;
}

/* ==========================================================
 * CORREÇÃO DE COR PRETA PARA NOME DO BARBEIRO NOS TEMAS CLAROS (PÁGINA DE AGENDAMENTO)
 * 1. theme-light-slate (Clássico Slate Clean)
 * 2. theme-sage-green (Verde Sábia Soft)
 * ========================================================== */
body.theme-light-slate .barber-card,
body.theme-light-slate .barber-card h6,
body.theme-light-slate .barber-card .fw-bold,
body.theme-light-slate .card-custom h2,
body.theme-light-slate .card-custom h5,
body.theme-light-slate .card-custom h6 {
  color: #0f172a !important;
}

body.theme-sage-green .barber-card,
body.theme-sage-green .barber-card h6,
body.theme-sage-green .barber-card .fw-bold,
body.theme-sage-green .card-custom h2,
body.theme-sage-green .card-custom h5,
body.theme-sage-green .card-custom h6 {
  color: #1c2820 !important;
}

/* Preserva texto branco das iniciais dentro do círculo avatar (.avatar-placeholder) */
body.theme-light-slate .barber-card .avatar-placeholder,
body.theme-sage-green .barber-card .avatar-placeholder {
  color: #ffffff !important;
}

/* ==========================================================
 * BOTÕES EM MODAIS ESTREITAMENTE PARA OS TEMAS ESCUROS
 * (Texto em branco e alto contraste em Salvar e Cancelar)
 * ========================================================== */
body.theme-indigo-dark .modal-footer,
body.theme-dark-cyan .modal-footer,
body.theme-midnight .modal-footer,
body.theme-superadmin-dark .modal-footer,
body.theme-emerald-dark .modal-footer,
body.theme-ruby-red .modal-footer,
body.theme-purple-barber .modal-footer,
body.theme-royal-blue .modal-footer {
  background-color: #111728 !important;
  border-top: 1px solid #1d273e !important;
}

body.theme-indigo-dark .modal .btn,
body.theme-indigo-dark .modal-footer .btn,
body.theme-dark-cyan .modal .btn,
body.theme-dark-cyan .modal-footer .btn,
body.theme-midnight .modal .btn,
body.theme-midnight .modal-footer .btn,
body.theme-superadmin-dark .modal .btn,
body.theme-superadmin-dark .modal-footer .btn,
body.theme-emerald-dark .modal .btn,
body.theme-emerald-dark .modal-footer .btn,
body.theme-ruby-red .modal .btn,
body.theme-ruby-red .modal-footer .btn,
body.theme-purple-barber .modal .btn,
body.theme-purple-barber .modal-footer .btn,
body.theme-royal-blue .modal .btn,
body.theme-royal-blue .modal-footer .btn {
  color: #ffffff !important;
}

/* Botão Cancelar (btn-light) em Modais para Temas Escuros */
body.theme-indigo-dark .modal .btn-light,
body.theme-indigo-dark .modal-footer .btn-light,
body.theme-indigo-dark .modal-footer button[data-bs-dismiss="modal"],
body.theme-dark-cyan .modal .btn-light,
body.theme-dark-cyan .modal-footer .btn-light,
body.theme-dark-cyan .modal-footer button[data-bs-dismiss="modal"],
body.theme-midnight .modal .btn-light,
body.theme-midnight .modal-footer .btn-light,
body.theme-midnight .modal-footer button[data-bs-dismiss="modal"],
body.theme-superadmin-dark .modal .btn-light,
body.theme-superadmin-dark .modal-footer .btn-light,
body.theme-superadmin-dark .modal-footer button[data-bs-dismiss="modal"],
body.theme-emerald-dark .modal .btn-light,
body.theme-emerald-dark .modal-footer .btn-light,
body.theme-emerald-dark .modal-footer button[data-bs-dismiss="modal"],
body.theme-ruby-red .modal .btn-light,
body.theme-ruby-red .modal-footer .btn-light,
body.theme-ruby-red .modal-footer button[data-bs-dismiss="modal"],
body.theme-purple-barber .modal .btn-light,
body.theme-purple-barber .modal-footer .btn-light,
body.theme-purple-barber .modal-footer button[data-bs-dismiss="modal"],
body.theme-royal-blue .modal .btn-light,
body.theme-royal-blue .modal-footer .btn-light,
body.theme-royal-blue .modal-footer button[data-bs-dismiss="modal"] {
  background-color: #1e293b !important;
  background: #1e293b !important;
  border: 1px solid #475569 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

body.theme-indigo-dark .modal .btn-light:hover,
body.theme-indigo-dark .modal-footer .btn-light:hover,
body.theme-dark-cyan .modal .btn-light:hover,
body.theme-dark-cyan .modal-footer .btn-light:hover,
body.theme-midnight .modal .btn-light:hover,
body.theme-midnight .modal-footer .btn-light:hover,
body.theme-superadmin-dark .modal .btn-light:hover,
body.theme-superadmin-dark .modal-footer .btn-light:hover,
body.theme-emerald-dark .modal .btn-light:hover,
body.theme-emerald-dark .modal-footer .btn-light:hover,
body.theme-ruby-red .modal .btn-light:hover,
body.theme-ruby-red .modal-footer .btn-light:hover,
body.theme-purple-barber .modal .btn-light:hover,
body.theme-purple-barber .modal-footer .btn-light:hover,
body.theme-royal-blue .modal .btn-light:hover,
body.theme-royal-blue .modal-footer .btn-light:hover {
  background-color: #334155 !important;
  background: #334155 !important;
  border-color: #64748b !important;
  color: #ffffff !important;
}

/* Botão Salvar / Primário em Modais para Temas Escuros */
body.theme-indigo-dark .modal .btn-primary-custom,
body.theme-indigo-dark .modal-footer .btn-primary-custom,
body.theme-indigo-dark .modal .btn-primary,
body.theme-indigo-dark .modal-footer .btn-primary,
body.theme-midnight .modal .btn-primary-custom,
body.theme-midnight .modal-footer .btn-primary-custom,
body.theme-midnight .modal .btn-primary,
body.theme-midnight .modal-footer .btn-primary,
body.theme-purple-barber .modal .btn-primary-custom,
body.theme-purple-barber .modal-footer .btn-primary-custom,
body.theme-purple-barber .modal .btn-primary,
body.theme-purple-barber .modal-footer .btn-primary {
  background-color: #6366f1 !important;
  background: #6366f1 !important;
  border: 1px solid #6366f1 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

body.theme-indigo-dark .modal .btn-primary-custom:hover,
body.theme-indigo-dark .modal-footer .btn-primary-custom:hover,
body.theme-indigo-dark .modal .btn-primary:hover,
body.theme-indigo-dark .modal-footer .btn-primary:hover,
body.theme-midnight .modal .btn-primary-custom:hover,
body.theme-midnight .modal-footer .btn-primary-custom:hover,
body.theme-midnight .modal .btn-primary:hover,
body.theme-midnight .modal-footer .btn-primary:hover,
body.theme-purple-barber .modal .btn-primary-custom:hover,
body.theme-purple-barber .modal-footer .btn-primary-custom:hover,
body.theme-purple-barber .modal .btn-primary:hover,
body.theme-purple-barber .modal-footer .btn-primary:hover {
  background-color: #4f46e5 !important;
  background: #4f46e5 !important;
  border-color: #4f46e5 !important;
  color: #ffffff !important;
}

body.theme-dark-cyan .modal .btn-primary-custom,
body.theme-dark-cyan .modal-footer .btn-primary-custom,
body.theme-dark-cyan .modal .btn-primary,
body.theme-dark-cyan .modal-footer .btn-primary,
body.theme-royal-blue .modal .btn-primary-custom,
body.theme-royal-blue .modal-footer .btn-primary-custom,
body.theme-royal-blue .modal .btn-primary,
body.theme-royal-blue .modal-footer .btn-primary {
  background-color: #0284c7 !important;
  background: #0284c7 !important;
  border: 1px solid #0284c7 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

body.theme-dark-cyan .modal .btn-primary-custom:hover,
body.theme-dark-cyan .modal-footer .btn-primary-custom:hover,
body.theme-dark-cyan .modal .btn-primary:hover,
body.theme-dark-cyan .modal-footer .btn-primary:hover,
body.theme-royal-blue .modal .btn-primary-custom:hover,
body.theme-royal-blue .modal-footer .btn-primary-custom:hover,
body.theme-royal-blue .modal .btn-primary:hover,
body.theme-royal-blue .modal-footer .btn-primary:hover {
  background-color: #0369a1 !important;
  background: #0369a1 !important;
  border-color: #0369a1 !important;
  color: #ffffff !important;
}

body.theme-superadmin-dark .modal .btn-primary-custom,
body.theme-superadmin-dark .modal-footer .btn-primary-custom,
body.theme-superadmin-dark .modal .btn-primary,
body.theme-superadmin-dark .modal-footer .btn-primary {
  background-color: #2563eb !important;
  background: #2563eb !important;
  border: 1px solid #2563eb !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

body.theme-superadmin-dark .modal .btn-primary-custom:hover,
body.theme-superadmin-dark .modal-footer .btn-primary-custom:hover,
body.theme-superadmin-dark .modal .btn-primary:hover,
body.theme-superadmin-dark .modal-footer .btn-primary:hover {
  background-color: #1d4ed8 !important;
  background: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
  color: #ffffff !important;
}

body.theme-emerald-dark .modal .btn-primary-custom,
body.theme-emerald-dark .modal-footer .btn-primary-custom,
body.theme-emerald-dark .modal .btn-primary,
body.theme-emerald-dark .modal-footer .btn-primary {
  background-color: #059669 !important;
  background: #059669 !important;
  border: 1px solid #059669 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

body.theme-emerald-dark .modal .btn-primary-custom:hover,
body.theme-emerald-dark .modal-footer .btn-primary-custom:hover,
body.theme-emerald-dark .modal .btn-primary:hover,
body.theme-emerald-dark .modal-footer .btn-primary:hover {
  background-color: #047857 !important;
  background: #047857 !important;
  border-color: #047857 !important;
  color: #ffffff !important;
}

body.theme-ruby-red .modal .btn-primary-custom,
body.theme-ruby-red .modal-footer .btn-primary-custom,
body.theme-ruby-red .modal .btn-primary,
body.theme-ruby-red .modal-footer .btn-primary {
  background-color: #e11d48 !important;
  background: #e11d48 !important;
  border: 1px solid #e11d48 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

body.theme-ruby-red .modal .btn-primary-custom:hover,
body.theme-ruby-red .modal-footer .btn-primary-custom:hover,
body.theme-ruby-red .modal .btn-primary:hover,
body.theme-ruby-red .modal-footer .btn-primary:hover {
  background-color: #be123c !important;
  background: #be123c !important;
  border-color: #be123c !important;
  color: #ffffff !important;
}

/* Reforço Universal de Alto Contraste em Botões de Ação de Modais nos Temas Escuros */
body.theme-indigo-dark .modal button[type="submit"],
body.theme-indigo-dark .modal .btn-primary-custom,
body.theme-indigo-dark .modal .btn-primary,
body.theme-midnight .modal button[type="submit"],
body.theme-midnight .modal .btn-primary-custom,
body.theme-midnight .modal .btn-primary,
body.theme-purple-barber .modal button[type="submit"],
body.theme-purple-barber .modal .btn-primary-custom,
body.theme-purple-barber .modal .btn-primary {
  background-color: #4f46e5 !important;
  background: #4f46e5 !important;
  border-color: #4f46e5 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 8px rgba(79, 70, 229, 0.4) !important;
}

body.theme-indigo-dark .modal button[type="submit"]:hover,
body.theme-indigo-dark .modal .btn-primary-custom:hover,
body.theme-indigo-dark .modal .btn-primary:hover,
body.theme-midnight .modal button[type="submit"]:hover,
body.theme-midnight .modal .btn-primary-custom:hover,
body.theme-midnight .modal .btn-primary:hover,
body.theme-purple-barber .modal button[type="submit"]:hover,
body.theme-purple-barber .modal .btn-primary-custom:hover,
body.theme-purple-barber .modal .btn-primary:hover {
  background-color: #4338ca !important;
  background: #4338ca !important;
  border-color: #4338ca !important;
  color: #ffffff !important;
}