/**
 * 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;
}

body.theme-light-slate h1,
body.theme-light-slate h2,
body.theme-light-slate h3,
body.theme-light-slate h4,
body.theme-light-slate h5,
body.theme-light-slate h6,
body.theme-light-slate .text-dark,
body.theme-light-slate label,
body.theme-light-slate .form-label,
body.theme-light-slate .fw-bold,
body.theme-light-slate strong,
body.theme-light-slate .text-white,
body.theme-artisan-default h1,
body.theme-artisan-default h2,
body.theme-artisan-default h3,
body.theme-artisan-default h4,
body.theme-artisan-default h5,
body.theme-artisan-default h6,
body.theme-artisan-default .text-dark,
body.theme-artisan-default label,
body.theme-artisan-default .form-label,
body.theme-artisan-default .fw-bold,
body.theme-artisan-default strong,
body.theme-artisan-default .text-white,
body.theme-amber-gold h1,
body.theme-amber-gold h2,
body.theme-amber-gold h3,
body.theme-amber-gold h4,
body.theme-amber-gold h5,
body.theme-amber-gold h6,
body.theme-amber-gold .text-dark,
body.theme-amber-gold label,
body.theme-amber-gold .form-label,
body.theme-amber-gold .fw-bold,
body.theme-amber-gold strong,
body.theme-amber-gold .text-white {
  color: #0f172a !important;
}

body.theme-light-slate .text-muted,
body.theme-artisan-default .text-muted,
body.theme-amber-gold .text-muted {
  color: #64748b !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: #0f172a !important;
  border-color: #cbd5e1 !important;
}

body.theme-light-slate .bg-primary,
body.theme-light-slate header.bg-primary,
body.theme-artisan-default .bg-primary,
body.theme-artisan-default header.bg-primary,
body.theme-amber-gold .bg-primary,
body.theme-amber-gold header.bg-primary {
  background-color: #0f172a !important;
  color: #ffffff !important;
  border-bottom: 1px solid #1e293b !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,
body.theme-emerald-dark {
  --primary: #426b52;
  --primary-hover: #335440;
  --on-primary: #ffffff;
  --surface: #f6f9f4;
  --on-surface: #1c2820;

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

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

body.theme-sage-green .card,
body.theme-sage-green .card-custom,
body.theme-sage-green .card-metric,
body.theme-sage-green .modal-content,
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: #ffffff !important;
  color: #1c2820 !important;
  border-color: #e0e8dd !important;
}

body.theme-sage-green .bg-light,
body.theme-sage-green .bg-white,
body.theme-emerald-dark .bg-light,
body.theme-emerald-dark .bg-white {
  background-color: #edf3eb !important;
  color: #1c2820 !important;
  border-color: #d6e2d2 !important;
}

body.theme-sage-green h1,
body.theme-sage-green h2,
body.theme-sage-green h3,
body.theme-sage-green h4,
body.theme-sage-green h5,
body.theme-sage-green h6,
body.theme-sage-green .text-dark,
body.theme-sage-green label,
body.theme-sage-green .form-label,
body.theme-sage-green .fw-bold,
body.theme-sage-green strong,
body.theme-sage-green .text-white,
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 .text-dark,
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: #1c2820 !important;
}

body.theme-sage-green .text-muted,
body.theme-emerald-dark .text-muted {
  color: #627567 !important;
}

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

body.theme-sage-green .bg-primary,
body.theme-sage-green header.bg-primary,
body.theme-emerald-dark .bg-primary,
body.theme-emerald-dark header.bg-primary {
  background-color: #426b52 !important;
  color: #ffffff !important;
  border-bottom: 1px solid #335440 !important;
}

body.theme-sage-green header.bg-primary h1,
body.theme-sage-green header.bg-primary p,
body.theme-sage-green header.bg-primary a,
body.theme-sage-green .navbar-brand,
body.theme-sage-green .navbar-brand span,
body.theme-sage-green nav.navbar .text-white,
body.theme-sage-green nav.navbar strong,
body.theme-sage-green nav.navbar .text-light,
body.theme-emerald-dark header.bg-primary h1,
body.theme-emerald-dark header.bg-primary p,
body.theme-emerald-dark header.bg-primary a,
body.theme-emerald-dark .navbar-brand,
body.theme-emerald-dark .navbar-brand span,
body.theme-emerald-dark nav.navbar .text-white,
body.theme-emerald-dark nav.navbar strong,
body.theme-emerald-dark nav.navbar .text-light {
  color: #ffffff !important;
}


body.theme-sage-green .btn-primary,
body.theme-sage-green .nav-pills .nav-link.active,
body.theme-emerald-dark .btn-primary,
body.theme-emerald-dark .nav-pills .nav-link.active {
  background-color: #426b52 !important;
  color: #ffffff !important;
  border-color: #426b52 !important;
}

body.theme-sage-green .text-primary,
body.theme-emerald-dark .text-primary {
  color: #426b52 !important;
}

/* Botões Verdes na Agenda Operacional exclusivos para os Temas Verdes */
body.theme-sage-green #filtros-status-agenda .btn,
body.theme-emerald-dark #filtros-status-agenda .btn,
body.theme-sage-green .action-buttons-group .btn-success,
body.theme-sage-green .action-buttons-group .btn-primary,
body.theme-emerald-dark .action-buttons-group .btn-success,
body.theme-emerald-dark .action-buttons-group .btn-primary {
  background-color: #3b664d !important;
  color: #ffffff !important;
  border: 1px solid #2e533e !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !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-midnight #filtros-status-agenda .btn-dark,
body.theme-indigo-dark #filtros-status-agenda .btn-dark {
  background-color: #1e293b !important;
  color: #ffffff !important;
  border-color: #334155 !important;
}

body.theme-midnight #filtros-status-agenda .btn-outline-warning,
body.theme-indigo-dark #filtros-status-agenda .btn-outline-warning {
  color: #fbbf24 !important;
  border-color: #f59e0b !important;
}

body.theme-midnight #filtros-status-agenda .btn-outline-primary,
body.theme-indigo-dark #filtros-status-agenda .btn-outline-primary {
  color: #38bdf8 !important;
  border-color: #0284c7 !important;
}

body.theme-midnight #filtros-status-agenda .btn-outline-success,
body.theme-indigo-dark #filtros-status-agenda .btn-outline-success {
  color: #34d399 !important;
  border-color: #10b981 !important;
}

body.theme-midnight #filtros-status-agenda .btn-outline-secondary,
body.theme-indigo-dark #filtros-status-agenda .btn-outline-secondary {
  color: #94a3b8 !important;
  border-color: #64748b !important;
}

body.theme-midnight #filtros-status-agenda .btn.active,
body.theme-indigo-dark #filtros-status-agenda .btn.active {
  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;
}