/* ================================================================
   theme.css — MaisDelivery Painel | Sistema de Temas (v1.0)
   Tema Claro (modernizado) + Tema Escuro
   ================================================================ */

/* ================================================================
   VARIÁVEIS CSS – Tema Claro (padrão)
   ================================================================ */
:root {
  --md-bg:            #f3f3f4;
  --md-surface:       #ffffff;
  --md-surface-2:     #f8f9fa;
  --md-navbar:        #2f4050;
  --md-navbar-border: #263444;
  --md-brand:         #9b1814;
  --md-brand-soft:    #d47a74;
  --md-brand-hover:   #7a1210;
  --md-text:          #5a5a5a;
  --md-text-heading:  #333333;
  --md-text-muted:    #999999;
  --md-border:        #e7eaec;
  --md-input-bg:      #ffffff;
  --md-input-border:  #cdd3d8;
  --md-shadow:        0 2px 8px rgba(0,0,0,0.07);
  --md-shadow-md:     0 4px 16px rgba(0,0,0,0.11);
  --md-radius:        6px;
}

/* ================================================================
   VARIÁVEIS CSS – Tema Escuro
   ================================================================ */
[data-theme="dark"] {
  --md-bg:            #111827;
  --md-surface:       #1f2937;
  --md-surface-2:     #263040;
  --md-navbar:        #0b1018;
  --md-navbar-border: #1a2332;
  --md-brand:         #c0392b;
  --md-brand-hover:   #e74c3c;
  --md-text:          #d1d8e0;
  --md-text-heading:  #e5ebf0;
  --md-text-muted:    #7a8a9a;
  --md-border:        #2a3a4d;
  --md-input-bg:      #162030;
  --md-input-border:  #2d3e51;
  --md-shadow:        0 2px 12px rgba(0,0,0,0.5);
  --md-shadow-md:     0 4px 24px rgba(0,0,0,0.6);
  --md-radius:        6px;
  --md-accent-red:    #d47a74;
  --md-accent-blue:   #8eb6ff;
  --md-accent-cyan:   #8fdff0;
  --md-accent-green:  #6ecb97;
  --md-accent-gray-1: #a8b4c2;
  --md-accent-gray-2: #93a1b1;
  /* cores de status são geradas via JS a partir da cor original do sistema */
}

/* ================================================================
   TRANSIÇÃO SUAVE AO TROCAR DE TEMA
   ================================================================ */
body,
#page-wrapper,
.ibox, .ibox-title, .ibox-content, .ibox-footer,
.navbar, .navbar-static-top,
.panel, .panel-heading, .panel-body, .panel-footer,
.modal-content, .modal-header, .modal-footer,
.dropdown-menu,
.form-control,
.btn-default, .btn-white,
.table, .table thead, .table tbody tr,
.list-group-item,
.nav-tabs, .tab-content,
.well, .breadcrumb {
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;
}

/* ================================================================
   MODERNIZAÇÃO DO TEMA CLARO (melhorias visuais gerais)
   ================================================================ */

/* Cards com sombra e bordas arredondadas */
.ibox {
  border-radius: var(--md-radius) !important;
  box-shadow: var(--md-shadow) !important;
  border: 1px solid var(--md-border) !important;
  overflow: hidden;
}
.ibox:hover {
  box-shadow: var(--md-shadow-md) !important;
}
.ibox-title {
  border-radius: var(--md-radius) var(--md-radius) 0 0 !important;
  border-bottom-color: var(--md-border) !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
.ibox-content {
  border-radius: 0 0 var(--md-radius) var(--md-radius) !important;
  border: none !important;
}

/* Inputs mais modernos */
.form-control {
  border-radius: 4px !important;
  border-color: var(--md-input-border) !important;
}
.form-control:focus {
  border-color: var(--md-brand) !important;
  box-shadow: 0 0 0 3px rgba(155, 24, 20, 0.12) !important;
  outline: none !important;
}
.nivel-grid-header {
  width: 100%;
  text-align: left;
  background-color: #f5f5f6;
  margin-bottom: 15px;
}
.nivel-grid-header-opcao,
.nivel-grid-row-opcao {
  width: 90%;
  margin-left: 5%;
}
.nivel-grid-col {
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  vertical-align: top;
}
.nivel-grid-header .nivel-grid-col {
  font-weight: bold;
}
.nivel-grid-row {
  min-height: 50px;
  text-align: left;
}
.nivel-grid-row .nivel-grid-col {
  margin-left: 5px;
}
.nivel-grid-col-5 { width: 5%; }
.nivel-grid-col-7 { width: 7%; }
.nivel-grid-col-8 { width: 8%; }
.nivel-grid-col-10 { width: 10%; }
.nivel-grid-col-105 { width: 10.5%; }
.nivel-grid-col-20 { width: 20%; }
.nivel-grid-col-25 { width: 25%; }
.nivel-grid-col-30 { width: 30%; }
.nivel-grid-col-35 { width: 35%; }
.nivel-grid-options-title {
  height: 18px;
  text-align: center;
}
.cab_col_opcao {
  display: inline-block;
  box-sizing: border-box;
  font-weight: bold;
  width: 90%;
  background-color: #f5f5f6;
}
.nivel-grid-options-button-wrap {
  background-color: transparent;
}
.nivel-grid-col-action {
  margin-left: 0.5% !important;
}
.lin_botao_opcao_nova {
  margin-bottom: 15px;
  margin-left: 4%;
}
[data-theme="dark"] .cab_lin,
[data-theme="dark"] .cab_col_opcao {
  background-color: #243243 !important;
  color: var(--md-text-heading) !important;
  border-color: var(--md-border) !important;
}
[data-theme="dark"] .nivel-grid-row .form-control,
[data-theme="dark"] .nivel-grid-row select.form-control {
  background-color: var(--md-input-bg) !important;
  border-color: var(--md-input-border) !important;
  color: var(--md-text) !important;
}

/* Botões */
.btn {
  border-radius: 4px !important;
  font-weight: 500;
  transition: all 0.2s ease !important;
}
.btn-acao-neutra {
  background-color: #a8b0ba !important;
  border-color: #a8b0ba !important;
  color: #ffffff !important;
}
.btn-acao-neutra:hover,
.btn-acao-neutra:focus {
  background-color: #979fa9 !important;
  border-color: #979fa9 !important;
  color: #ffffff !important;
}
.btn-compartilhar-neutro {
  background-color: #9aa5b1 !important;
  border-color: #9aa5b1 !important;
  color: #ffffff !important;
}
.btn-compartilhar-neutro:hover,
.btn-compartilhar-neutro:focus {
  background-color: #87929d !important;
  border-color: #87929d !important;
  color: #ffffff !important;
}
.btn-impressao-completa {
  background-color: #8d98a5 !important;
  border-color: #8d98a5 !important;
  color: #ffffff !important;
}
.btn-impressao-completa:hover,
.btn-impressao-completa:focus {
  background-color: #7d8896 !important;
  border-color: #7d8896 !important;
  color: #ffffff !important;
}
.btn-impressao-cozinha {
  background-color: #d9892f !important;
  border-color: #d9892f !important;
  color: #ffffff !important;
}
.btn-impressao-cozinha:hover,
.btn-impressao-cozinha:focus {
  background-color: #c47924 !important;
  border-color: #c47924 !important;
  color: #ffffff !important;
}
.btn-chat-acao,
.btn-alterar-subtotal {
  background-color: #5f95dd !important;
  border-color: #5f95dd !important;
  color: #ffffff !important;
}
.btn-chat-acao:hover,
.btn-chat-acao:focus,
.btn-alterar-subtotal:hover,
.btn-alterar-subtotal:focus {
  background-color: #4f84cb !important;
  border-color: #4f84cb !important;
  color: #ffffff !important;
}
.btn-avisar-estabelecimento,
.btn-reembolso-pagamento {
  background-color: #34a065 !important;
  border-color: #34a065 !important;
  color: #ffffff !important;
}
.btn-avisar-estabelecimento:hover,
.btn-avisar-estabelecimento:focus,
.btn-reembolso-pagamento:hover,
.btn-reembolso-pagamento:focus {
  background-color: #2d8d59 !important;
  border-color: #2d8d59 !important;
  color: #ffffff !important;
}
.btn-visualizar-comprovante {
  background-color: #6677c2 !important;
  border-color: #6677c2 !important;
  color: #ffffff !important;
}
.btn-visualizar-comprovante:hover,
.btn-visualizar-comprovante:focus {
  background-color: #5868b0 !important;
  border-color: #5868b0 !important;
  color: #ffffff !important;
}
.btn-whatsapp-acao {
  background-color: #35aa62 !important;
  border-color: #35aa62 !important;
  color: #ffffff !important;
}
.btn-whatsapp-acao:hover,
.btn-whatsapp-acao:focus {
  background-color: #2f9657 !important;
  border-color: #2f9657 !important;
  color: #ffffff !important;
}
.btn-sugeridos-produto {
  background-color: #4f8ac9 !important;
  border-color: #4f8ac9 !important;
  color: #ffffff !important;
}
.btn-sugeridos-produto:hover,
.btn-sugeridos-produto:focus {
  background-color: #4479b0 !important;
  border-color: #4479b0 !important;
  color: #ffffff !important;
}
.pix-entregador-box {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: #f9f9f9;
}
.pix-entregador-codigo {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.pix-entregador-codigo code {
  flex: 1 1 260px;
  display: block;
  white-space: pre-wrap;
  word-break: break-word;
}
.pix-entregador-acoes {
  flex: 0 0 auto;
}
.btn-pix-entregador-copiar {
  background-color: #28a745 !important;
  border-color: #28a745 !important;
  color: #ffffff !important;
}
.btn-pix-entregador-copiar:hover,
.btn-pix-entregador-copiar:focus {
  background-color: #22913c !important;
  border-color: #22913c !important;
  color: #ffffff !important;
}
.pix-entregador-qr {
  margin-top: 10px;
  text-align: center;
}
.pix-entregador-qr-img {
  max-width: 180px;
  border: 1px solid #ddd;
  border-radius: 6px;
}
.pix-entregador-qr-legenda {
  margin-top: 5px;
}
.pix-entregador-qr-texto {
  color: #555;
}
.pix-entregador-qr-valor {
  color: #337ab7;
  font-size: 14px;
}
.resumo-financeiro-positivo {
  color: #1f5da0;
  font-weight: 600;
}
.resumo-financeiro-negativo {
  color: #a02a2a;
  font-weight: 600;
}
.resumo-financeiro-total {
  color: #1f5da0;
  font-weight: 700;
}

/* Navbar com sombra */
.navbar-static-top {
  box-shadow: 0 2px 8px rgba(0,0,0,0.18) !important;
}

/* ================================================================
   RELÓGIO / DATA-HORA
   ================================================================ */
#divclock {
  margin: 0 !important;
  padding: 5px 0 7px !important;
  border-top: 1px solid #e9ecef !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
  background-color: #fafbfc !important;
}
#clocktext {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  letter-spacing: 0.6px;
  opacity: 0.85;
}

[data-theme="dark"] #divclock {
  background-color: #0d1520 !important;
  border-top: 1px solid var(--md-border) !important;
  border-bottom: none !important;
}
[data-theme="dark"] #clocktext {
  color: var(--md-brand) !important;
  opacity: 0.9;
}

/* ================================================================
   BOTÃO DE ALTERNÂNCIA DE TEMA
   ================================================================ */
/* Tema claro: navbar é branco, então ícone deve ser escuro */
#btnThemeToggle {
  color: #676a6c !important;
  font-size: 16px !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
#btnThemeToggle:hover,
#btnThemeToggle:focus {
  color: #9b1814 !important;
  background-color: transparent !important;
}
#themeToggleIcon {
  transition: transform 0.4s ease;
  display: inline-block;
}
#btnThemeToggle:hover #themeToggleIcon {
  transform: rotate(20deg);
}

/* Tema escuro: navbar fica escuro, então ícone deve ser claro */
[data-theme="dark"] #btnThemeToggle {
  color: #9bb0c5 !important;
}
[data-theme="dark"] #btnThemeToggle:hover,
[data-theme="dark"] #btnThemeToggle:focus {
  color: #ffffff !important;
  background-color: transparent !important;
}

/* ================================================================
   DARK – GLOBAL
   ================================================================ */
[data-theme="dark"] body {
  background-color: var(--md-bg) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] #page-wrapper,
[data-theme="dark"] .gray-bg,
[data-theme="dark"] .wrapper-content {
  background-color: var(--md-bg) !important;
}
[data-theme="dark"] .white-bg {
  background-color: var(--md-surface) !important;
}
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
  color: var(--md-text-heading) !important;
}
[data-theme="dark"] p,
[data-theme="dark"] span:not(.label):not(.badge) {
  color: inherit;
}
[data-theme="dark"] .text-muted {
  color: var(--md-text-muted) !important;
}
[data-theme="dark"] a:not(.btn):not(.navbar-brand):not(.nav-link) {
  color: #5b9bd5;
}
[data-theme="dark"] a:not(.btn):not(.navbar-brand):not(.nav-link):hover {
  color: #80b4e0;
}
[data-theme="dark"] hr {
  border-color: var(--md-border) !important;
}
[data-theme="dark"] .hr-line-dashed {
  border-top-color: var(--md-border) !important;
  color: transparent !important;
  background-color: transparent !important;
}
[data-theme="dark"] .hr-line-solid {
  border-bottom-color: var(--md-border) !important;
  background-color: transparent !important;
}
[data-theme="dark"] small,
[data-theme="dark"] .small {
  color: var(--md-text-muted);
}

/* ================================================================
   DARK – NAVBAR (top-navigation)
   A regra do Inspinia: .white-bg .navbar-static-top { background: #fff }
   precisa ser sobrescrita para o dark mode funcionar.
   ================================================================ */
[data-theme="dark"] #menu_superior,
[data-theme="dark"] .navbar,
[data-theme="dark"] .navbar-static-top,
[data-theme="dark"] .white-bg .navbar-static-top,
[data-theme="dark"] .white-bg .navbar-fixed-top {
  background: var(--md-navbar) !important;
  background-color: var(--md-navbar) !important;
  border-color: var(--md-navbar-border) !important;
}
/* Container do navbar */
[data-theme="dark"] .row.border-bottom.white-bg {
  background-color: var(--md-navbar) !important;
  border-bottom-color: var(--md-border) !important;
}
[data-theme="dark"] .navbar-header {
  background-color: var(--md-navbar) !important;
}
/* Links do nav principal (top-navigation) */
[data-theme="dark"] .top-navigation .nav > li > a,
[data-theme="dark"] .navbar-nav > li > a,
[data-theme="dark"] .navbar-top-links > li > a {
  color: #9bb0c5 !important;
}
[data-theme="dark"] .top-navigation .nav > li > a:hover,
[data-theme="dark"] .top-navigation .nav > li > a:focus,
[data-theme="dark"] .navbar-nav > li > a:hover,
[data-theme="dark"] .navbar-nav > li > a:focus,
[data-theme="dark"] .navbar-top-links > li > a:hover,
[data-theme="dark"] .navbar-top-links > li > a:focus {
  color: #ffffff !important;
  background-color: rgba(255,255,255,0.08) !important;
}
[data-theme="dark"] .top-navigation .navbar .nav > li.active,
[data-theme="dark"] .navbar-nav > li.active > a,
[data-theme="dark"] .navbar-nav > li.active > a:hover,
[data-theme="dark"] .navbar-nav > li.active > a:focus,
[data-theme="dark"] .top-navigation .navbar-nav .dropdown-menu > .active > a {
  color: #ffffff !important;
  background-color: rgba(192,57,43,0.18) !important;
  box-shadow: inset 0 -2px 0 rgba(192,57,43,0.7);
}
[data-theme="dark"] .navbar-nav > .open > a,
[data-theme="dark"] .navbar-nav > .open > a:hover,
[data-theme="dark"] .navbar-nav > .open > a:focus {
  color: #ffffff !important;
  background-color: rgba(255,255,255,0.1) !important;
}
[data-theme="dark"] .welcome-message {
  color: var(--md-text-muted) !important;
}
[data-theme="dark"] .navbar-toggle {
  border-color: var(--md-border) !important;
}
[data-theme="dark"] .navbar-toggle .icon-bar {
  background-color: var(--md-text) !important;
}

/* ================================================================
   DARK – DROPDOWNS (navbar)
   ================================================================ */
[data-theme="dark"] .dropdown-menu {
  background-color: var(--md-surface) !important;
  border-color: var(--md-border) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.5) !important;
}
[data-theme="dark"] .dropdown-menu > li > a {
  color: var(--md-text) !important;
}
[data-theme="dark"] .dropdown-menu > li > a:hover,
[data-theme="dark"] .dropdown-menu > li > a:focus {
  background-color: #1f2d3e !important;
  color: var(--md-text-heading) !important;
}
[data-theme="dark"] .dropdown-menu > .active > a,
[data-theme="dark"] .dropdown-menu > .active > a:hover {
  background-color: var(--md-brand) !important;
  color: #ffffff !important;
}
[data-theme="dark"] .divider,
[data-theme="dark"] .dropdown-divider {
  background-color: var(--md-border) !important;
}
[data-theme="dark"] .dropdown-alerts li {
  border-bottom-color: var(--md-border) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .dropdown-alerts li a {
  color: var(--md-text) !important;
}
[data-theme="dark"] .dropdown-alerts .dropdown-scroll {
  background-color: var(--md-surface) !important;
}

.dropdown-restaurantes .dropdown-item-restaurante > a {
  display: block;
  background-color: transparent;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.dropdown-restaurantes .dropdown-item-restaurante > a:hover,
.dropdown-restaurantes .dropdown-item-restaurante > a:focus {
  background-color: #f5f5f5;
}
.dropdown-restaurantes .dropdown-item-restaurante > a > div {
  padding: 2px 0;
}
.dropdown-restaurantes .dropdown-divider {
  margin: 0;
  border-top-color: rgba(31, 45, 62, 0.08);
}
[data-theme="dark"] .dropdown-restaurantes .dropdown-item-restaurante > a {
  background-color: transparent !important;
}
[data-theme="dark"] .dropdown-restaurantes .dropdown-item-restaurante > a:hover,
[data-theme="dark"] .dropdown-restaurantes .dropdown-item-restaurante > a:focus {
  background-color: #1f2d3e !important;
}
[data-theme="dark"] .dropdown-restaurantes .dropdown-item-restaurante > a > div {
  color: var(--md-text-heading) !important;
}
[data-theme="dark"] .dropdown-restaurantes .dropdown-divider {
  border-top-color: rgba(209, 216, 224, 0.14) !important;
}

/* ================================================================
   DARK – IBOX (cards / painéis de conteúdo)
   ================================================================ */
[data-theme="dark"] .ibox {
  background-color: var(--md-surface) !important;
  border-color: var(--md-border) !important;
}
[data-theme="dark"] .ibox-title {
  background-color: var(--md-surface) !important;
  border-bottom-color: var(--md-border) !important;
  color: var(--md-text-heading) !important;
}
[data-theme="dark"] .ibox-title h5,
[data-theme="dark"] .ibox-title h4,
[data-theme="dark"] .ibox-title h3 {
  color: var(--md-text-heading) !important;
}
[data-theme="dark"] .ibox-title .label {
  color: #ffffff !important;
}
[data-theme="dark"] .ibox-content {
  background-color: var(--md-surface) !important;
  border-color: var(--md-border) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .ibox-footer {
  background-color: var(--md-surface-2) !important;
  border-top-color: var(--md-border) !important;
  color: var(--md-text-muted) !important;
}

/* ================================================================
   DARK – FORMULÁRIOS
   ================================================================ */
[data-theme="dark"] .form-control {
  background-color: var(--md-input-bg) !important;
  border-color: var(--md-input-border) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .form-control:focus {
  border-color: var(--md-brand) !important;
  box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.18) !important;
}
[data-theme="dark"] .form-control::placeholder {
  color: var(--md-text-muted) !important;
}
[data-theme="dark"] .form-control:disabled,
[data-theme="dark"] .form-control[readonly] {
  background-color: #162028 !important;
  opacity: 0.7;
}
[data-theme="dark"] .dsExternoCode {
  background-color: var(--md-input-bg) !important;
  border: 1px solid var(--md-input-border) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .dsExternoCode:focus {
  border-color: var(--md-brand) !important;
  box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.18) !important;
  outline: none !important;
}
[data-theme="dark"] .input-group-addon {
  background-color: #1e2d3e !important;
  border-color: var(--md-input-border) !important;
  color: var(--md-text-muted) !important;
}
[data-theme="dark"] label,
[data-theme="dark"] .control-label {
  color: var(--md-text) !important;
}
[data-theme="dark"] .checkbox label,
[data-theme="dark"] .radio label {
  color: var(--md-text) !important;
}
[data-theme="dark"] .help-block {
  color: var(--md-text-muted) !important;
}

/* ================================================================
   DARK – BOTÕES
   ================================================================ */
[data-theme="dark"] .btn-default,
[data-theme="dark"] .btn-white {
  background-color: #243243 !important;
  border-color: #41536a !important;
  color: var(--md-text-heading) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important;
}
[data-theme="dark"] .btn-primary {
  background-color: #a8342a !important;
  border-color: #8f2e26 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
[data-theme="dark"] .btn-primary:hover,
[data-theme="dark"] .btn-primary:focus,
[data-theme="dark"] .btn-primary:active,
[data-theme="dark"] .btn-primary.active {
  background-color: #b33b30 !important;
  border-color: #9a342b !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
[data-theme="dark"] .btn-primary.btn-white,
[data-theme="dark"] .btn-primary.btn-default {
  background-color: #243243 !important;
  border-color: #41536a !important;
  color: var(--md-text-heading) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important;
}
[data-theme="dark"] .btn-primary.btn-white:hover,
[data-theme="dark"] .btn-primary.btn-white:focus,
[data-theme="dark"] .btn-primary.btn-default:hover,
[data-theme="dark"] .btn-primary.btn-default:focus {
  background-color: #2b3b4f !important;
  border-color: #526884 !important;
  color: var(--md-text-heading) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important;
}
[data-theme="dark"] .btn-default:hover,
[data-theme="dark"] .btn-default:focus,
[data-theme="dark"] .btn-white:hover,
[data-theme="dark"] .btn-white:focus {
  background-color: #2b3b4f !important;
  border-color: #526884 !important;
  color: var(--md-text-heading) !important;
}
[data-theme="dark"] .btn-acao-neutra {
  background-color: #5e6976 !important;
  border-color: #5e6976 !important;
  color: #fff !important;
}
[data-theme="dark"] .btn-acao-neutra:hover,
[data-theme="dark"] .btn-acao-neutra:focus {
  background-color: #6a7583 !important;
  border-color: #6a7583 !important;
  color: #fff !important;
}
[data-theme="dark"] .btn-compartilhar-neutro {
  background-color: #5e6976 !important;
  border-color: #5e6976 !important;
  color: #fff !important;
}
[data-theme="dark"] .btn-compartilhar-neutro:hover,
[data-theme="dark"] .btn-compartilhar-neutro:focus {
  background-color: #6a7583 !important;
  border-color: #6a7583 !important;
  color: #fff !important;
}
[data-theme="dark"] .resumo-financeiro-positivo {
  color: #9fc4ff !important;
}
[data-theme="dark"] .resumo-financeiro-negativo {
  color: #e59a94 !important;
}
[data-theme="dark"] .resumo-financeiro-total {
  color: #b9d3ff !important;
}
[data-theme="dark"] .btn-impressao-completa {
  background-color: #5e6976 !important;
  border-color: #5e6976 !important;
  color: #fff !important;
}
[data-theme="dark"] #tablePedidos [style*="#911813"],
[data-theme="dark"] #modalDetalhesPedido [style*="#911813"],
[data-theme="dark"] .card-kb [style*="#911813"] {
  color: var(--md-brand-soft) !important;
}
[data-theme="dark"] p[style*="color:red"],
[data-theme="dark"] p[style*="color: red"],
[data-theme="dark"] label[style*="color:red"],
[data-theme="dark"] label[style*="color: red"],
[data-theme="dark"] span[style*="color:red"],
[data-theme="dark"] span[style*="color: red"],
[data-theme="dark"] small[style*="color:red"],
[data-theme="dark"] small[style*="color: red"],
[data-theme="dark"] a[style*="color:red"],
[data-theme="dark"] a[style*="color: red"],
[data-theme="dark"] [style*="color:#911813"],
[data-theme="dark"] [style*="color: #911813"],
[data-theme="dark"] [style*="color:#9b1814"],
[data-theme="dark"] [style*="color: #9b1814"] {
  color: var(--md-accent-red) !important;
}
[data-theme="dark"] div[style*="color:red"]:not(.btn):not([class*="btn"]),
[data-theme="dark"] div[style*="color: red"]:not(.btn):not([class*="btn"]),
[data-theme="dark"] td[style*="color:red"]:not(.btn):not([class*="btn"]),
[data-theme="dark"] td[style*="color: red"]:not(.btn):not([class*="btn"]),
[data-theme="dark"] b[style*="color:#911813"],
[data-theme="dark"] b[style*="color: #911813"] {
  color: var(--md-accent-red) !important;
}
[data-theme="dark"] p[style*="color: blue"],
[data-theme="dark"] span[style*="color: blue"],
[data-theme="dark"] label[style*="color: blue"],
[data-theme="dark"] small[style*="color: blue"],
[data-theme="dark"] a[style*="color: blue"],
[data-theme="dark"] [style*="color:#4285F4"],
[data-theme="dark"] [style*="color: #4285F4"],
[data-theme="dark"] [style*="color:#5c6be0"],
[data-theme="dark"] [style*="color: #5c6be0"],
[data-theme="dark"] [style*="color:#74aef7"],
[data-theme="dark"] [style*="color: #74aef7"] {
  color: var(--md-accent-blue) !important;
}
[data-theme="dark"] div[style*="color: blue"]:not(.btn):not([class*="btn"]),
[data-theme="dark"] td[style*="color: blue"]:not(.btn):not([class*="btn"]),
[data-theme="dark"] b[style*="color:#4285F4"],
[data-theme="dark"] b[style*="color: #4285F4"] {
  color: var(--md-accent-blue) !important;
}
[data-theme="dark"] [style*="color: green"],
[data-theme="dark"] [style*="color:#28CD52"],
[data-theme="dark"] [style*="color: #28CD52"] {
  color: var(--md-accent-green) !important;
}
[data-theme="dark"] div[style*="color: green"]:not(.btn):not([class*="btn"]),
[data-theme="dark"] td[style*="color: green"]:not(.btn):not([class*="btn"]) {
  color: var(--md-accent-green) !important;
}
[data-theme="dark"] small[style*="color:#666"],
[data-theme="dark"] small[style*="color: #666"],
[data-theme="dark"] [style*="color:#666666"],
[data-theme="dark"] [style*="color: #666666"] {
  color: var(--md-accent-gray-1) !important;
}
[data-theme="dark"] p[style*="color:#333"],
[data-theme="dark"] p[style*="color: #333"],
[data-theme="dark"] span[style*="color:#333"],
[data-theme="dark"] span[style*="color: #333"],
[data-theme="dark"] div[style*="color:#333"]:not(.btn):not([class*="btn"]),
[data-theme="dark"] div[style*="color: #333"]:not(.btn):not([class*="btn"]) {
  color: var(--md-accent-gray-1) !important;
}
[data-theme="dark"] small[style*="color:#999"],
[data-theme="dark"] small[style*="color: #999"],
[data-theme="dark"] [style*="color:#999999"],
[data-theme="dark"] [style*="color: #999999"] {
  color: var(--md-accent-gray-2) !important;
}
[data-theme="dark"] p[style*="color:#999"],
[data-theme="dark"] p[style*="color: #999"],
[data-theme="dark"] span[style*="color:#999"],
[data-theme="dark"] span[style*="color: #999"],
[data-theme="dark"] div[style*="color:#999"]:not(.btn):not([class*="btn"]),
[data-theme="dark"] div[style*="color: #999"]:not(.btn):not([class*="btn"]) {
  color: var(--md-accent-gray-2) !important;
}
[data-theme="dark"] label[style*="background-color:#0dcaf0"],
[data-theme="dark"] label[style*="background-color: #0dcaf0"] {
  background-color: #2b6774 !important;
  color: #e8f4f8 !important;
}
[data-theme="dark"] #tablePedidos .control-label:not([style*="background-color"]),
[data-theme="dark"] #tablePedidos label:not(.label):not(.badge):not([style*="background-color"]) {
  color: #8d9bab !important;
  font-weight: 400 !important;
}
[data-theme="dark"] #tablePedidos strong,
[data-theme="dark"] #modalDetalhesPedido strong,
[data-theme="dark"] .card-kb-body strong {
  color: #a8b4c2 !important;
  font-weight: 600 !important;
}
[data-theme="dark"] .btn-impressao-completa:hover,
[data-theme="dark"] .btn-impressao-completa:focus {
  background-color: #6a7583 !important;
  border-color: #6a7583 !important;
  color: #fff !important;
}
[data-theme="dark"] .btn-impressao-cozinha {
  background-color: #9b6d47 !important;
  border-color: #9b6d47 !important;
  color: #fff !important;
}
[data-theme="dark"] .btn-impressao-cozinha:hover,
[data-theme="dark"] .btn-impressao-cozinha:focus {
  background-color: #aa7b55 !important;
  border-color: #aa7b55 !important;
  color: #fff !important;
}
[data-theme="dark"] .btn-chat-acao {
  background-color: #4f709a !important;
  border-color: #4f709a !important;
  color: #fff !important;
}
[data-theme="dark"] .btn-chat-acao:hover,
[data-theme="dark"] .btn-chat-acao:focus {
  background-color: #5a7ca7 !important;
  border-color: #5a7ca7 !important;
  color: #fff !important;
}
[data-theme="dark"] .btn-avisar-estabelecimento,
[data-theme="dark"] #tablePedidos a[href*="api.whatsapp.com/send?"] {
  background-color: #3f7058 !important;
  border-color: #3f7058 !important;
  color: #fff !important;
}
[data-theme="dark"] .btn-avisar-estabelecimento:hover,
[data-theme="dark"] .btn-avisar-estabelecimento:focus,
[data-theme="dark"] #tablePedidos a[href*="api.whatsapp.com/send?"]:hover,
[data-theme="dark"] #tablePedidos a[href*="api.whatsapp.com/send?"]:focus {
  background-color: #497d64 !important;
  border-color: #497d64 !important;
  color: #fff !important;
}
[data-theme="dark"] .btn-visualizar-comprovante,
[data-theme="dark"] #tablePedidos label[onclick*="visualizarComprovantePix"] {
  background-color: #5c658d !important;
  border-color: #5c658d !important;
  color: #fff !important;
}
[data-theme="dark"] .btn-visualizar-comprovante:hover,
[data-theme="dark"] .btn-visualizar-comprovante:focus,
[data-theme="dark"] #tablePedidos label[onclick*="visualizarComprovantePix"]:hover {
  background-color: #687298 !important;
  border-color: #687298 !important;
  color: #fff !important;
}
[data-theme="dark"] .btn-whatsapp-acao {
  background-color: #327a52 !important;
  border-color: #327a52 !important;
  color: #fff !important;
}
[data-theme="dark"] .btn-whatsapp-acao:hover,
[data-theme="dark"] .btn-whatsapp-acao:focus {
  background-color: #3a8a5c !important;
  border-color: #3a8a5c !important;
  color: #fff !important;
}
[data-theme="dark"] .btn-sugeridos-produto {
  background-color: #496c95 !important;
  border-color: #496c95 !important;
  color: #fff !important;
}
[data-theme="dark"] .btn-sugeridos-produto:hover,
[data-theme="dark"] .btn-sugeridos-produto:focus {
  background-color: #547aa6 !important;
  border-color: #547aa6 !important;
  color: #fff !important;
}
[data-theme="dark"] .btn-consultar-painel {
  background-color: #9b433b !important;
  border-color: #8a3b33 !important;
  color: #fff !important;
}
[data-theme="dark"] .btn-consultar-painel:hover,
[data-theme="dark"] .btn-consultar-painel:focus {
  background-color: #aa4a41 !important;
  border-color: #97423a !important;
  color: #fff !important;
}

/* ================================================================
   DARK – TABELAS
   ================================================================ */
[data-theme="dark"] .table {
  color: var(--md-text) !important;
}
[data-theme="dark"] .table > thead > tr > th {
  background-color: #1a2535 !important;
  border-bottom-color: var(--md-border) !important;
  border-color: var(--md-border) !important;
  color: var(--md-text-heading) !important;
}
[data-theme="dark"] .table > tbody > tr > td,
[data-theme="dark"] .table > tbody > tr > th,
[data-theme="dark"] .table > tfoot > tr > td,
[data-theme="dark"] .table > tfoot > tr > th {
  border-color: var(--md-border) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > td,
[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > th {
  background-color: #192231 !important;
}
[data-theme="dark"] .table-hover > tbody > tr:hover > td,
[data-theme="dark"] .table-hover > tbody > tr:hover > th {
  background-color: #1f2d3e !important;
}
[data-theme="dark"] #tablePedidos > tbody > tr[class^="pedido_"] > td,
[data-theme="dark"] #tablePedidos > tbody > tr[class^="pedido_"] > th,
[data-theme="dark"] #tablePedidos > tbody > tr[class*=" pedido_"] > td,
[data-theme="dark"] #tablePedidos > tbody > tr[class*=" pedido_"] > th,
[data-theme="dark"] #tablePedidos.dataTable tbody tr[class^="pedido_"] > td.sorting_1,
[data-theme="dark"] #tablePedidos.dataTable tbody tr[class^="pedido_"] > td.sorting_2,
[data-theme="dark"] #tablePedidos.dataTable tbody tr[class^="pedido_"] > td.sorting_3,
[data-theme="dark"] #tablePedidos.dataTable tbody tr[class*=" pedido_"] > td.sorting_1,
[data-theme="dark"] #tablePedidos.dataTable tbody tr[class*=" pedido_"] > td.sorting_2,
[data-theme="dark"] #tablePedidos.dataTable tbody tr[class*=" pedido_"] > td.sorting_3 {
  background-color: inherit !important;
}
[data-theme="dark"] .table-bordered,
[data-theme="dark"] .table-bordered > thead > tr > th,
[data-theme="dark"] .table-bordered > tbody > tr > td {
  border-color: var(--md-border) !important;
}
[data-theme="dark"] .table > tbody > tr.warning > td {
  background-color: rgba(245,158,11,0.12) !important;
}
[data-theme="dark"] .table > tbody > tr.danger > td {
  background-color: rgba(239,68,68,0.12) !important;
}
[data-theme="dark"] .table > tbody > tr.success > td {
  background-color: rgba(16,185,129,0.12) !important;
}

/* ================================================================
   DARK – DATATABLES
   ================================================================ */
[data-theme="dark"] .dataTables_wrapper .dataTables_filter input,
[data-theme="dark"] .dataTables_wrapper .dataTables_length select {
  background-color: var(--md-input-bg) !important;
  border-color: var(--md-input-border) !important;
  color: var(--md-text) !important;
}
/* Inputs de filtro por coluna criados em runtime (ex: pedidos.php) */
[data-theme="dark"] thead .filters th input,
[data-theme="dark"] tfoot th input {
  background-color: var(--md-input-bg) !important;
  border: 1px solid var(--md-input-border) !important;
  color: var(--md-text) !important;
  border-radius: 3px !important;
}
[data-theme="dark"] thead .filters th input::placeholder,
[data-theme="dark"] tfoot th input::placeholder {
  color: var(--md-text-muted) !important;
}
[data-theme="dark"] thead .filters th input:focus,
[data-theme="dark"] tfoot th input:focus {
  border-color: var(--md-brand) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(192,57,43,0.18) !important;
}
/* Cabeçalho das colunas de filtro */
[data-theme="dark"] thead .filters th {
  background-color: #1a2535 !important;
}
[data-theme="dark"] .dataTables_wrapper .dataTables_info,
[data-theme="dark"] .dataTables_wrapper .dataTables_length,
[data-theme="dark"] .dataTables_wrapper .dataTables_filter {
  color: var(--md-text-muted) !important;
}
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: var(--md-text) !important;
  background: #1e2d3e !important;
  border-color: var(--md-border) !important;
}
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #253648 !important;
  border-color: #3d5270 !important;
  color: var(--md-text-heading) !important;
}
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current,
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: var(--md-brand) !important;
  border-color: var(--md-brand) !important;
  color: #ffffff !important;
}
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  color: var(--md-text-muted) !important;
  background: #151e28 !important;
}
[data-theme="dark"] div.dt-buttons .dt-button,
[data-theme="dark"] .html5buttons .dt-button {
  background: #1e2d3e !important;
  border-color: var(--md-border) !important;
  color: var(--md-text) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
[data-theme="dark"] div.dt-buttons .dt-button:hover,
[data-theme="dark"] .html5buttons .dt-button:hover {
  background: #253648 !important;
  color: var(--md-text-heading) !important;
}

#chamados td.col-comentario,
#chamados td.col-etiqueta,
#chamados td.col-situacao {
  vertical-align: middle;
}

#chamados td.col-etiqueta,
#chamados td.col-comentario {
  display: table-cell !important;
  width: auto !important;
}

#chamados td.col-etiqueta {
  min-width: 0 !important;
}

#chamados .status-suporte-cell,
#chamados .etiqueta-suporte-cell,
#chamados .comentario-suporte-cell {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
  background: transparent !important;
}

#chamados .etiqueta-suporte-cell {
  width: 100%;
}

#chamados .tag-suporte {
  display: inline-block;
  margin: 0;
  padding: 2px 8px;
  border-radius: 999px;
  line-height: 1.35;
  max-width: 100%;
  word-break: break-word;
}

#chamados .tag-suporte-vazia {
  background: transparent !important;
  border: 1px solid #ccc;
  color: inherit;
}

#chamados .comentario-suporte-cell span {
  min-width: 0;
  overflow-wrap: anywhere;
}

#chamados .bolinha-notificacao-comentario {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #9b1815;
  flex: 0 0 auto;
}

#chamados .responsavel-suporte-cell {
  display: flex;
  align-items: center;
  width: 270px;
  max-width: 100%;
  flex-wrap: wrap;
}

#chamados .responsavel-suporte-avatar-group {
  display: flex;
}

#chamados .responsavel-suporte-nome {
  display: flex;
  margin: 5px 0 0 4px;
  min-width: 0;
}

.texto-erro-suporte {
  color: #b23535;
}

.fase-suporte-detalhe,
.tag-suporte-detalhe {
  display: inline-block;
  padding: 1px 6px;
  border-radius: 5px;
  background: var(--suporte-tag-bg, #e8edf3);
  color: var(--suporte-tag-color, #1f2937);
}

.tag-suporte-detalhe {
  margin: 0 6px 6px 0;
}

.tag-suporte-detalhe-neutra,
.tag-suporte-detalhe-vazia {
  background: transparent;
  color: inherit;
  border: 1px solid #ccc;
}

[data-theme="dark"] #chamados .tag-suporte-vazia {
  border-color: var(--md-input-border);
}

[data-theme="dark"] .texto-erro-suporte {
  color: var(--md-accent-red) !important;
}

[data-theme="dark"] .tag-suporte-detalhe-neutra,
[data-theme="dark"] .tag-suporte-detalhe-vazia {
  border-color: var(--md-input-border);
}

[data-theme="dark"] #chamados .responsavel-suporte-cell img {
  border-color: var(--md-surface) !important;
}

/* ================================================================
   DARK – PANELS (Bootstrap 3)
   ================================================================ */
[data-theme="dark"] .panel,
[data-theme="dark"] .panel-default {
  background-color: var(--md-surface) !important;
  border-color: var(--md-border) !important;
}
[data-theme="dark"] .panel-default > .panel-heading {
  background-color: #1a2535 !important;
  border-color: var(--md-border) !important;
  color: var(--md-text-heading) !important;
}
[data-theme="dark"] .panel-body {
  background-color: var(--md-surface) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .panel-footer {
  background-color: #1a2535 !important;
  border-top-color: var(--md-border) !important;
  color: var(--md-text-muted) !important;
}

[data-theme="dark"] #detalhes-chamado .input-msg textarea {
  width: 100%;
  background-color: var(--md-input-bg) !important;
  color: var(--md-text) !important;
  border: 1px solid var(--md-input-border) !important;
  border-radius: 4px;
}

[data-theme="dark"] #detalhes-chamado .input-msg textarea::placeholder {
  color: var(--md-text-muted) !important;
}

[data-theme="dark"] #detalhes-chamado .input-msg textarea:focus {
  outline: none !important;
  border-color: var(--md-brand) !important;
  box-shadow: 0 0 0 2px rgba(192,57,43,0.18) !important;
}

[data-theme="dark"] #detalhes-chamado .comentario {
  background-color: rgba(255,255,255,0.04) !important;
  border-color: var(--md-border) !important;
}

/* ================================================================
   DARK – MODAIS
   ================================================================ */
[data-theme="dark"] .modal-content {
  background-color: var(--md-surface) !important;
  border-color: var(--md-border) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .modal-body,
[data-theme="dark"] .inmodal .modal-body,
[data-theme="dark"] #modalDetalhesPedido .modal-body {
  background-color: var(--md-surface) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] #modalDetalhesPedido select,
[data-theme="dark"] #modalDetalhesPedido input,
[data-theme="dark"] #modalDetalhesPedido textarea {
  background-color: var(--md-input-bg) !important;
  border: 1px solid var(--md-input-border) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] #modalDetalhesPedido .pix-entregador-box {
  background-color: rgba(255,255,255,0.04) !important;
  border-color: var(--md-border) !important;
}
[data-theme="dark"] #modalDetalhesPedido .pix-entregador-codigo code {
  background-color: var(--md-input-bg) !important;
  border: 1px solid var(--md-input-border) !important;
  color: var(--md-text-heading) !important;
}
[data-theme="dark"] #modalDetalhesPedido .btn-pix-entregador-copiar {
  background-color: #3a8a5c !important;
  border-color: #3a8a5c !important;
  color: #fff !important;
}
[data-theme="dark"] #modalDetalhesPedido .btn-pix-entregador-copiar:hover,
[data-theme="dark"] #modalDetalhesPedido .btn-pix-entregador-copiar:focus {
  background-color: #439869 !important;
  border-color: #439869 !important;
  color: #fff !important;
}
[data-theme="dark"] #modalDetalhesPedido .pix-entregador-qr-img {
  border-color: var(--md-border) !important;
  background-color: #ffffff !important;
}
[data-theme="dark"] #modalDetalhesPedido .pix-entregador-qr-texto {
  color: var(--md-text-muted) !important;
}
[data-theme="dark"] #modalDetalhesPedido .pix-entregador-qr-valor {
  color: var(--md-accent-blue) !important;
}
[data-theme="dark"] #modalDetalhesPedido select:disabled,
[data-theme="dark"] #modalDetalhesPedido input:disabled,
[data-theme="dark"] #modalDetalhesPedido textarea:disabled {
  background-color: #243243 !important;
  color: var(--md-text-muted) !important;
}
[data-theme="dark"] .modal-header {
  background-color: #1a2535 !important;
  border-bottom-color: var(--md-border) !important;
}
[data-theme="dark"] .modal-header h4,
[data-theme="dark"] .modal-header h3,
[data-theme="dark"] .modal-title {
  color: var(--md-text-heading) !important;
}
[data-theme="dark"] .modal-subtitle {
  color: var(--md-text-muted) !important;
}
[data-theme="dark"] .modal-footer {
  background-color: #1a2535 !important;
  border-top-color: var(--md-border) !important;
}
[data-theme="dark"] .close {
  color: var(--md-text-muted) !important;
  text-shadow: none !important;
  opacity: 0.7;
}
[data-theme="dark"] .close:hover {
  color: var(--md-text) !important;
  opacity: 1;
}
[data-theme="dark"] .modal-backdrop {
  background-color: #000000 !important;
}

/* ================================================================
   DARK – NAV TABS
   ================================================================ */
[data-theme="dark"] .nav-tabs {
  border-bottom-color: var(--md-border) !important;
}
[data-theme="dark"] .nav-tabs > li > a {
  color: var(--md-text-muted) !important;
  border-color: transparent !important;
}
[data-theme="dark"] .nav-tabs > li > a:hover {
  color: var(--md-text) !important;
  background-color: #1f2d3e !important;
  border-color: var(--md-border) var(--md-border) transparent !important;
}
[data-theme="dark"] .nav-tabs > li.active > a,
[data-theme="dark"] .nav-tabs > li.active > a:hover,
[data-theme="dark"] .nav-tabs > li.active > a:focus {
  color: var(--md-text-heading) !important;
  background-color: var(--md-surface) !important;
  border-color: var(--md-border) var(--md-border) var(--md-surface) !important;
}
[data-theme="dark"] .tab-content {
  background-color: var(--md-surface) !important;
}
[data-theme="dark"] .tabs-container .tab-pane .panel-body,
[data-theme="dark"] .tabs-container .panel-body {
  background-color: var(--md-surface) !important;
  border-color: var(--md-border) !important;
  box-shadow: none !important;
}
[data-theme="dark"] .tabs-container .nav-tabs > li.active > a,
[data-theme="dark"] .tabs-container .nav-tabs > li.active > a:hover,
[data-theme="dark"] .tabs-container .nav-tabs > li.active > a:focus {
  border-top-color: var(--md-border) !important;
  border-left-color: var(--md-border) !important;
  border-right-color: var(--md-border) !important;
  border-bottom-color: var(--md-surface) !important;
}

/* ================================================================
   DARK – ALERTAS
   ================================================================ */
[data-theme="dark"] .alert {
  border-radius: 5px !important;
}
[data-theme="dark"] .alert-warning {
  background-color: rgba(245,158,11,0.14) !important;
  border-color: rgba(245,158,11,0.3) !important;
  color: #fbbf24 !important;
}
[data-theme="dark"] .alert-danger {
  background-color: rgba(239,68,68,0.14) !important;
  border-color: rgba(239,68,68,0.3) !important;
  color: #f87171 !important;
}
[data-theme="dark"] .alert-success {
  background-color: rgba(16,185,129,0.14) !important;
  border-color: rgba(16,185,129,0.3) !important;
  color: #34d399 !important;
}
[data-theme="dark"] .alert-info {
  background-color: rgba(59,130,246,0.14) !important;
  border-color: rgba(59,130,246,0.3) !important;
  color: #60a5fa !important;
}

/* ================================================================
   DARK – PAGINAÇÃO
   ================================================================ */
[data-theme="dark"] .pagination > li > a,
[data-theme="dark"] .pagination > li > span {
  background-color: var(--md-surface) !important;
  border-color: var(--md-border) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .pagination > li > a:hover,
[data-theme="dark"] .pagination > li > span:hover {
  background-color: #1f2d3e !important;
  color: var(--md-text-heading) !important;
}
[data-theme="dark"] .pagination > .active > a,
[data-theme="dark"] .pagination > .active > span,
[data-theme="dark"] .pagination > .active > a:hover {
  background-color: var(--md-brand) !important;
  border-color: var(--md-brand) !important;
  color: #ffffff !important;
}
[data-theme="dark"] .pagination > .disabled > a,
[data-theme="dark"] .pagination > .disabled > span {
  background-color: #151e28 !important;
  color: var(--md-text-muted) !important;
}

/* ================================================================
   DARK – BADGES E LABELS
   ================================================================ */
[data-theme="dark"] .label-default {
  background-color: #2d3a4a !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .badge {
  background-color: var(--md-brand) !important;
}
[data-theme="dark"] .badge.std {
  background-color: #4c6178 !important;
  color: #eef4fb !important;
}
[data-theme="dark"] .badge.custom {
  background-color: #7a5a2f !important;
  color: #fff4dc !important;
}

/* ================================================================
   DARK – CHOSEN SELECT
   ================================================================ */
[data-theme="dark"] .chosen-container-single .chosen-single,
[data-theme="dark"] .chosen-container-active.chosen-with-drop .chosen-single {
  background: var(--md-input-bg) !important;
  background-image: none !important;
  border-color: var(--md-input-border) !important;
  color: var(--md-text) !important;
  box-shadow: none !important;
}
[data-theme="dark"] .chosen-container .chosen-drop {
  background-color: var(--md-surface) !important;
  border-color: var(--md-input-border) !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.5) !important;
}
[data-theme="dark"] .chosen-container-single .chosen-search input[type="text"] {
  background-color: var(--md-input-bg) !important;
  background-image: url('plugins/chosen/chosen-sprite.png') !important;
  background-repeat: no-repeat !important;
  background-position: 100% -20px !important;
  border-color: var(--md-input-border) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .chosen-container .chosen-results {
  background-color: var(--md-surface) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .chosen-container .chosen-results li {
  color: var(--md-text) !important;
}
[data-theme="dark"] .chosen-container .chosen-results li.highlighted {
  background-color: var(--md-brand) !important;
  background-image: none !important;
  color: #ffffff !important;
}
[data-theme="dark"] .chosen-container-multi .chosen-choices {
  background: var(--md-input-bg) !important;
  background-image: none !important;
  border-color: var(--md-input-border) !important;
}
[data-theme="dark"] .chosen-container-multi .chosen-choices li.search-choice {
  background: #2a3544 !important;
  background-image: none !important;
  border: 1px solid #3a4a5e !important;
  box-shadow: none !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  opacity: 0.75 !important;
}
[data-theme="dark"] .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  opacity: 1 !important;
}
[data-theme="dark"] .chosen-container-multi .chosen-choices li.search-field .default {
  color: var(--md-muted) !important;
}
[data-theme="dark"] .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  color: var(--md-text) !important;
}
[data-theme="dark"] .chosen-container-active.chosen-with-drop .chosen-single {
  border-color: var(--md-brand) !important;
}

/* ================================================================
   DARK – SWEETALERT
   ================================================================ */
[data-theme="dark"] .sweet-overlay {
  background: rgba(0,0,0,0.75) !important;
}
[data-theme="dark"] .sweet-alert {
  background-color: var(--md-surface) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.6) !important;
}
[data-theme="dark"] .swal-overlay {
  background-color: rgba(0,0,0,0.75) !important;
}
[data-theme="dark"] .swal-modal {
  background-color: var(--md-surface) !important;
  border: 1px solid var(--md-border) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.6) !important;
}
[data-theme="dark"] .sweet-alert h2 {
  color: var(--md-text-heading) !important;
}
[data-theme="dark"] .sweet-alert p {
  color: var(--md-text) !important;
}
[data-theme="dark"] .swal-title {
  color: var(--md-text-heading) !important;
}
[data-theme="dark"] .swal-text,
[data-theme="dark"] .swal-content,
[data-theme="dark"] .swal-content__input,
[data-theme="dark"] .swal-content__textarea {
  color: var(--md-text) !important;
}
[data-theme="dark"] .sweet-alert input {
  background-color: var(--md-input-bg) !important;
  border-color: var(--md-input-border) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .swal-content__input,
[data-theme="dark"] .swal-content__textarea {
  background-color: var(--md-input-bg) !important;
  border: 1px solid var(--md-input-border) !important;
}
[data-theme="dark"] .sweet-alert .btn-default {
  background-color: #1e2d3e !important;
  border-color: var(--md-border) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .swal-button {
  background-color: #1e2d3e !important;
  border: 1px solid var(--md-border) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .swal-button:focus {
  box-shadow: 0 0 0 3px rgba(192,57,43,0.22) !important;
}
[data-theme="dark"] .swal-button--confirm,
[data-theme="dark"] .swal-button--danger {
  background-color: var(--md-brand) !important;
  border-color: var(--md-brand) !important;
  color: #fff !important;
}
[data-theme="dark"] .swal-button--cancel {
  background-color: #1e2d3e !important;
  border-color: var(--md-border) !important;
}

/* ================================================================
   DARK – DATEPICKER
   ================================================================ */
[data-theme="dark"] .datepicker {
  background-color: var(--md-surface) !important;
  border-color: var(--md-border) !important;
}
[data-theme="dark"] .datepicker table tr td,
[data-theme="dark"] .datepicker table tr th {
  color: var(--md-text) !important;
}
[data-theme="dark"] .datepicker table tr td:hover,
[data-theme="dark"] .datepicker table tr th:hover {
  background-color: #1f2d3e !important;
  color: var(--md-text-heading) !important;
}
[data-theme="dark"] .datepicker table tr td.active,
[data-theme="dark"] .datepicker table tr td.active:hover,
[data-theme="dark"] .datepicker table tr td.active.disabled {
  background-color: var(--md-brand) !important;
  background-image: none !important;
  border-color: var(--md-brand) !important;
  color: #ffffff !important;
  text-shadow: none !important;
}
[data-theme="dark"] .datepicker table tr td.today {
  background-color: rgba(192,57,43,0.2) !important;
  background-image: none !important;
}
[data-theme="dark"] .datepicker table tr td.disabled {
  color: var(--md-text-muted) !important;
}
[data-theme="dark"] .datepicker .datepicker-switch,
[data-theme="dark"] .datepicker .prev,
[data-theme="dark"] .datepicker .next {
  color: var(--md-text-heading) !important;
}

/* ================================================================
   DARK – MULTISELECT
   ================================================================ */
[data-theme="dark"] .multiselect-container {
  background-color: var(--md-surface) !important;
  border-color: var(--md-border) !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.5) !important;
}
[data-theme="dark"] .multiselect-container > li > a {
  color: var(--md-text) !important;
}
[data-theme="dark"] .multiselect-container > li > a:hover,
[data-theme="dark"] .multiselect-container > li:hover > a {
  background-color: #1f2d3e !important;
  color: var(--md-text-heading) !important;
}
[data-theme="dark"] .multiselect-container > li.active > a {
  background-color: var(--md-brand) !important;
  color: #ffffff !important;
}

/* ================================================================
   DARK – SELECT2 / TAGS / SUMMERNOTE / POPOVERS
   ================================================================ */
[data-theme="dark"] .select2-dropdown {
  background-color: var(--md-surface) !important;
  border-color: var(--md-input-border) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .select2-container--default .select2-selection--single,
[data-theme="dark"] .select2-container--default .select2-selection--multiple {
  background-color: var(--md-input-bg) !important;
  border-color: var(--md-input-border) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered,
[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__rendered,
[data-theme="dark"] .select2-container--default .select2-results__option {
  color: var(--md-text) !important;
}
[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__placeholder,
[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__placeholder,
[data-theme="dark"] .select2-container--default .select2-results__option[aria-disabled=true] {
  color: var(--md-text-muted) !important;
}
[data-theme="dark"] .select2-container--default .select2-search--dropdown .select2-search__field,
[data-theme="dark"] .select2-container--default .select2-search--inline .select2-search__field {
  background-color: var(--md-input-bg) !important;
  border-color: var(--md-input-border) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #2a3544 !important;
  border-color: #3a4a5e !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: var(--md-text-muted) !important;
}
[data-theme="dark"] .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #1f2d3e !important;
}
[data-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--md-brand) !important;
  color: #ffffff !important;
}
[data-theme="dark"] .bootstrap-tagsinput {
  background-color: var(--md-input-bg) !important;
  border-color: var(--md-input-border) !important;
  box-shadow: none !important;
}
[data-theme="dark"] .bootstrap-tagsinput input {
  color: var(--md-text) !important;
}
[data-theme="dark"] .bootstrap-tagsinput .tag {
  background-color: #2a3544 !important;
  border: 1px solid #3a4a5e !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .note-editor,
[data-theme="dark"] .note-editor.note-frame,
[data-theme="dark"] .note-editor.panel,
[data-theme="dark"] .note-popover.popover {
  background-color: var(--md-surface) !important;
  border-color: var(--md-border) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .panel-heading.note-toolbar,
[data-theme="dark"] .note-popover .popover-content,
[data-theme="dark"] .note-editor .note-statusbar {
  background-color: #1a2432 !important;
  border-color: var(--md-border) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .note-editor .btn-default,
[data-theme="dark"] .note-popover .btn-default {
  background-color: var(--md-input-bg) !important;
  border-color: var(--md-input-border) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .note-editor .dropdown-menu,
[data-theme="dark"] .note-popover .dropdown-menu,
[data-theme="dark"] .popover {
  background-color: var(--md-surface) !important;
  border-color: var(--md-border) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .note-editor .dropdown-menu > li > a,
[data-theme="dark"] .note-popover .dropdown-menu > li > a,
[data-theme="dark"] .popover-content {
  color: var(--md-text) !important;
}
[data-theme="dark"] .note-editor .dropdown-menu > li > a:hover,
[data-theme="dark"] .note-popover .dropdown-menu > li > a:hover {
  background-color: #1f2d3e !important;
  color: var(--md-text-heading) !important;
}
[data-theme="dark"] .note-editor.note-frame .note-editing-area .note-editable,
[data-theme="dark"] .note-editor.note-frame.fullscreen .note-editable,
[data-theme="dark"] .note-editor .note-editing-area .note-editable {
  background-color: var(--md-input-bg) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .note-editor .note-editing-area .note-editable[contenteditable="false"] {
  background-color: #243243 !important;
}
[data-theme="dark"] .note-editor .note-dropzone {
  background-color: rgba(22, 32, 48, 0.95) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .popover-title {
  background-color: #1a2432 !important;
  border-bottom-color: var(--md-border) !important;
  color: var(--md-text-heading) !important;
}

/* ================================================================
   DARK – LIST GROUP
   ================================================================ */
[data-theme="dark"] .list-group-item {
  background-color: var(--md-surface) !important;
  border-color: var(--md-border) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .list-group-item:hover,
[data-theme="dark"] .list-group-item:focus {
  background-color: #1f2d3e !important;
  color: var(--md-text-heading) !important;
}
[data-theme="dark"] .list-group-item.active,
[data-theme="dark"] .list-group-item.active:hover {
  background-color: var(--md-brand) !important;
  border-color: var(--md-brand) !important;
  color: #ffffff !important;
}

/* ================================================================
   DARK – WELL, PRE, CODE
   ================================================================ */
[data-theme="dark"] .well {
  background-color: #162030 !important;
  border-color: var(--md-border) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] pre,
[data-theme="dark"] code {
  background-color: #162030 !important;
  border-color: var(--md-border) !important;
  color: #e2e8f0 !important;
}

/* ================================================================
   DARK – BREADCRUMB
   ================================================================ */
[data-theme="dark"] .breadcrumb {
  background-color: var(--md-surface) !important;
  color: var(--md-text) !important;
}
[data-theme="dark"] .breadcrumb > li + li::before {
  color: var(--md-text-muted) !important;
}
[data-theme="dark"] .breadcrumb > .active {
  color: var(--md-text-muted) !important;
}

/* ================================================================
   DARK – PROGRESS BAR
   ================================================================ */
[data-theme="dark"] .progress {
  background-color: #1f2d3e !important;
}

/* ================================================================
   DARK – THUMBNAIL
   ================================================================ */
[data-theme="dark"] .thumbnail {
  background-color: var(--md-surface) !important;
  border-color: var(--md-border) !important;
}

/* ================================================================
   DARK – FOOTER
   ================================================================ */
[data-theme="dark"] .footer {
  background-color: var(--md-surface) !important;
  border-top-color: var(--md-border) !important;
  color: var(--md-text-muted) !important;
}

/* ================================================================
   DARK – CHAT ATIVO PAINEL
   ================================================================ */
[data-theme="dark"] .chat-ativo-lista,
[data-theme="dark"] [class*="chat-ativo"] {
  background-color: var(--md-surface) !important;
  border-color: var(--md-border) !important;
}
[data-theme="dark"] #tela-chat-ativo {
  background-color: #18212f !important;
  color: var(--md-text) !important;
  border-left: 1px solid var(--md-border) !important;
}
[data-theme="dark"] .item-card-chat-ativo {
  background-color: var(--md-surface) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,0.35) !important;
  border: 1px solid var(--md-border) !important;
}
[data-theme="dark"] .item-card-chat-ativo p,
[data-theme="dark"] .item-card-chat-ativo .nome {
  color: var(--md-text) !important;
}
[data-theme="dark"] .item-card-chat-ativo .idpedido p {
  color: var(--md-text-muted) !important;
}
[data-theme="dark"] .item-card-chat-ativo .situacao {
  color: var(--md-text-heading) !important;
}
[data-theme="dark"] .item-card-chat-ativo .situacao p {
  color: #f8fafc !important;
}
[data-theme="dark"] .item-card-chat-ativo .situacao.status-pedido--2 { background-color: var(--pedido-status--2) !important; }
[data-theme="dark"] .item-card-chat-ativo .situacao.status-pedido--1 { background-color: var(--pedido-status--1) !important; }
[data-theme="dark"] .item-card-chat-ativo .situacao.status-pedido-1  { background-color: var(--pedido-status-1) !important; }
[data-theme="dark"] .item-card-chat-ativo .situacao.status-pedido-2  { background-color: var(--pedido-status-2) !important; }
[data-theme="dark"] .item-card-chat-ativo .situacao.status-pedido-3  { background-color: var(--pedido-status-3) !important; }
[data-theme="dark"] .item-card-chat-ativo .situacao.status-pedido-4  { background-color: var(--pedido-status-4) !important; }
[data-theme="dark"] .item-card-chat-ativo .situacao.status-pedido-5  { background-color: var(--pedido-status-5) !important; }
[data-theme="dark"] .item-card-chat-ativo .situacao.status-pedido-6  { background-color: var(--pedido-status-6) !important; }
[data-theme="dark"] .item-card-chat-ativo .situacao.status-pedido-7  { background-color: var(--pedido-status-7) !important; }
[data-theme="dark"] .item-card-chat-ativo .situacao.status-pedido-9  { background-color: var(--pedido-status-9) !important; }
[data-theme="dark"] .item-card-chat-ativo .situacao.status-pedido-10 { background-color: var(--pedido-status-10) !important; }
[data-theme="dark"] .item-card-chat-ativo .mensagem-pendente .qtd-mensagem {
  background-color: var(--md-brand) !important;
  color: #fff !important;
}
[data-theme="dark"] #chat-flutuante {
  background: var(--md-surface) !important;
  border-color: var(--md-border) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,0.45) !important;
}
[data-theme="dark"] .chat-header {
  background: #8f2d22 !important;
  color: #fff !important;
}
[data-theme="dark"] #chat-flutuante #chat_flutuante_btn_chat_tipo {
  background-color: #18212f !important;
  border-bottom: 1px solid var(--md-border) !important;
}
[data-theme="dark"] #chat-flutuante #chat_flutuante_btn_chat_tipo button {
  border-color: var(--md-border) !important;
}
[data-theme="dark"] #chat-flutuante #iframe-chat {
  background-color: var(--md-surface) !important;
}

/* ================================================================
   DARK – TOAST / BOOTOAST
   ================================================================ */
[data-theme="dark"] #bootoast-container-chat .bootoast.alert-success {
  background-color: rgba(16,185,129,0.18) !important;
  border-color: rgba(16,185,129,0.35) !important;
  color: #34d399 !important;
}

/* ================================================================
   DARK – KANBAN (pedidosk.php)
   ================================================================ */

/* Barra de botões / menu superior */
[data-theme="dark"] .menu-bottom {
  background-color: var(--md-surface) !important;
  border-color: var(--md-border) !important;
  color: var(--md-text) !important;
}

/* Coluna de cada status */
[data-theme="dark"] .bg-light {
  background-color: var(--md-surface-2) !important;
}

/* Card de pedido individual */
[data-theme="dark"] .card-kb {
  background-color: var(--md-surface) !important;
  border-color: var(--md-border) !important;
  color: var(--md-text) !important;
}

/* Cabeçalho do card */
[data-theme="dark"] .card-kb-header {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-bottom-color: var(--md-border) !important;
}

/* Botões de filtro */
[data-theme="dark"] .btn-filtro {
  border-color: var(--md-border) !important;
  color: var(--md-text) !important;
  background-color: transparent !important;
}

/* Select de entregador dentro do card */
[data-theme="dark"] .select-entregador-custom-card {
  background-color: var(--md-input-bg) !important;
  border-color: var(--md-input-border) !important;
  color: var(--md-text) !important;
}

/* Input de pesquisa */
[data-theme="dark"] #pesquisa-input {
  background-color: var(--md-input-bg) !important;
  border-color: var(--md-input-border) !important;
  color: var(--md-text) !important;
}

/* Scrollbars */
[data-theme="dark"] .scroll-container::-webkit-scrollbar-thumb,
[data-theme="dark"] .column-orders-body:hover::-webkit-scrollbar-thumb {
  background: var(--md-border) !important;
}

/* ================================================================
   DARK – STATUS/SITUAÇÃO DOS PEDIDOS (pedidos.php / pedidosk.php)
   As cores inline são geradas pelo PHP via $arrStatusPedidos.
   O !important sobrescreve o style="" inline de cada <tr>.

   Mapeamento de hues (claro → escuro, mesmo tom, mais escuro e suave):
     -2  #d3d3d3 cinza          → #252e3c  cinza-azulado escuro
     -1  #ffe866 amarelo vivo   → #3e3900  âmbar/mostarda escuro
      1  #f5f587 amarelo claro  → #353200  amarelo-oliva escuro
      2  #ecdb9e areia/tan      → #3b2f14  cáqui escuro
      3  #F4C196 pêssego        → #3e2212  terracota escuro
      4  #D7ECD5 verde claro    → #0d2e1b  verde-floresta escuro
      5  #CEE6BE menta          → #0c2e21  menta escuro
      6  #8edabd verde-água     → #082b25  verde-teal escuro
      7  #ADD9B0 verde          → #0f2c1b  verde escuro
      9  #eac5c5 rosê/salmão   → #3b0f14  rosê/vinho escuro
     10  #d8d1d1 cinza claro    → #242b39  cinza neutro escuro
   ================================================================ */
/*
  Cores de status — dark mode
  Mesma família de cor, porém com luminosidade suficiente para
  se distinguir do fundo da página (#111827) e da surface (#1f2937).
  Regra: nenhuma cor pode ser igual ou próxima demais do bg/surface.

   -2  cinza        #d3d3d3  →  #374455  azul-cinza médio
   -1  amarelo vivo #ffe866  →  #524a00  âmbar escuro
    1  amarelo claro#f5f587  →  #484400  oliva escuro
    2  areia/tan    #ecdb9e  →  #4e3f1a  cáqui médio
    3  pêssego      #F4C196  →  #523319  terracota médio
    4  verde claro  #D7ECD5  →  #16472c  verde-floresta médio
    5  menta        #CEE6BE  →  #174834  menta médio
    6  verde-água   #8edabd  →  #104840  teal médio
    7  verde        #ADD9B0  →  #194830  verde médio
    9  rosê         #eac5c5  →  #571822  vinho médio
   10  cinza claro  #d8d1d1  →  #33404f  cinza-azul médio
*/
[data-theme="dark"] tr.pedido_-2  { background-color: var(--pedido-status--2) !important; }
[data-theme="dark"] tr.pedido_-1  { background-color: var(--pedido-status--1) !important; }
[data-theme="dark"] tr.pedido_1   { background-color: var(--pedido-status-1) !important; }
[data-theme="dark"] tr.pedido_2   { background-color: var(--pedido-status-2) !important; }
[data-theme="dark"] tr.pedido_3   { background-color: var(--pedido-status-3) !important; }
[data-theme="dark"] tr.pedido_4   { background-color: var(--pedido-status-4) !important; }
[data-theme="dark"] tr.pedido_5   { background-color: var(--pedido-status-5) !important; }
[data-theme="dark"] tr.pedido_6   { background-color: var(--pedido-status-6) !important; }
[data-theme="dark"] tr.pedido_7   { background-color: var(--pedido-status-7) !important; }
[data-theme="dark"] tr.pedido_9   { background-color: var(--pedido-status-9) !important; }
[data-theme="dark"] tr.pedido_10  { background-color: var(--pedido-status-10) !important; }
[data-theme="dark"] tr.pedido_-2 > td, [data-theme="dark"] tr.pedido_-2 > th  { background-color: var(--pedido-status--2) !important; }
[data-theme="dark"] tr.pedido_-1 > td, [data-theme="dark"] tr.pedido_-1 > th  { background-color: var(--pedido-status--1) !important; }
[data-theme="dark"] tr.pedido_1 > td, [data-theme="dark"] tr.pedido_1 > th    { background-color: var(--pedido-status-1) !important; }
[data-theme="dark"] tr.pedido_2 > td, [data-theme="dark"] tr.pedido_2 > th    { background-color: var(--pedido-status-2) !important; }
[data-theme="dark"] tr.pedido_3 > td, [data-theme="dark"] tr.pedido_3 > th    { background-color: var(--pedido-status-3) !important; }
[data-theme="dark"] tr.pedido_4 > td, [data-theme="dark"] tr.pedido_4 > th    { background-color: var(--pedido-status-4) !important; }
[data-theme="dark"] tr.pedido_5 > td, [data-theme="dark"] tr.pedido_5 > th    { background-color: var(--pedido-status-5) !important; }
[data-theme="dark"] tr.pedido_6 > td, [data-theme="dark"] tr.pedido_6 > th    { background-color: var(--pedido-status-6) !important; }
[data-theme="dark"] tr.pedido_7 > td, [data-theme="dark"] tr.pedido_7 > th    { background-color: var(--pedido-status-7) !important; }
[data-theme="dark"] tr.pedido_9 > td, [data-theme="dark"] tr.pedido_9 > th    { background-color: var(--pedido-status-9) !important; }
[data-theme="dark"] tr.pedido_10 > td, [data-theme="dark"] tr.pedido_10 > th  { background-color: var(--pedido-status-10) !important; }
[data-theme="dark"] tr.pedido_-2 > td.sorting_1, [data-theme="dark"] tr.pedido_-2 > td.sorting_2, [data-theme="dark"] tr.pedido_-2 > td.sorting_3 { background-color: var(--pedido-status--2) !important; }
[data-theme="dark"] tr.pedido_-1 > td.sorting_1, [data-theme="dark"] tr.pedido_-1 > td.sorting_2, [data-theme="dark"] tr.pedido_-1 > td.sorting_3 { background-color: var(--pedido-status--1) !important; }
[data-theme="dark"] tr.pedido_1 > td.sorting_1, [data-theme="dark"] tr.pedido_1 > td.sorting_2, [data-theme="dark"] tr.pedido_1 > td.sorting_3 { background-color: var(--pedido-status-1) !important; }
[data-theme="dark"] tr.pedido_2 > td.sorting_1, [data-theme="dark"] tr.pedido_2 > td.sorting_2, [data-theme="dark"] tr.pedido_2 > td.sorting_3 { background-color: var(--pedido-status-2) !important; }
[data-theme="dark"] tr.pedido_3 > td.sorting_1, [data-theme="dark"] tr.pedido_3 > td.sorting_2, [data-theme="dark"] tr.pedido_3 > td.sorting_3 { background-color: var(--pedido-status-3) !important; }
[data-theme="dark"] tr.pedido_4 > td.sorting_1, [data-theme="dark"] tr.pedido_4 > td.sorting_2, [data-theme="dark"] tr.pedido_4 > td.sorting_3 { background-color: var(--pedido-status-4) !important; }
[data-theme="dark"] tr.pedido_5 > td.sorting_1, [data-theme="dark"] tr.pedido_5 > td.sorting_2, [data-theme="dark"] tr.pedido_5 > td.sorting_3 { background-color: var(--pedido-status-5) !important; }
[data-theme="dark"] tr.pedido_6 > td.sorting_1, [data-theme="dark"] tr.pedido_6 > td.sorting_2, [data-theme="dark"] tr.pedido_6 > td.sorting_3 { background-color: var(--pedido-status-6) !important; }
[data-theme="dark"] tr.pedido_7 > td.sorting_1, [data-theme="dark"] tr.pedido_7 > td.sorting_2, [data-theme="dark"] tr.pedido_7 > td.sorting_3 { background-color: var(--pedido-status-7) !important; }
[data-theme="dark"] tr.pedido_9 > td.sorting_1, [data-theme="dark"] tr.pedido_9 > td.sorting_2, [data-theme="dark"] tr.pedido_9 > td.sorting_3 { background-color: var(--pedido-status-9) !important; }
[data-theme="dark"] tr.pedido_10 > td.sorting_1, [data-theme="dark"] tr.pedido_10 > td.sorting_2, [data-theme="dark"] tr.pedido_10 > td.sorting_3 { background-color: var(--pedido-status-10) !important; }

/* Garante que o texto dentro dos trs coloridos permaneça legível no dark */
[data-theme="dark"] tr[class^="pedido_"] td,
[data-theme="dark"] tr[class*=" pedido_"] td {
  color: var(--md-text) !important;
  border-color: rgba(255,255,255,0.06) !important;
}

[data-theme="dark"] .card-kb[class*="pedido_"] .card-kb-body {
  color: var(--md-text) !important;
  border-color: rgba(255,255,255,0.08) !important;
}
[data-theme="dark"] .card-kb.pedido_-2 .card-kb-body  { background-color: var(--pedido-status--2) !important; }
[data-theme="dark"] .card-kb.pedido_-1 .card-kb-body  { background-color: var(--pedido-status--1) !important; }
[data-theme="dark"] .card-kb.pedido_1 .card-kb-body   { background-color: var(--pedido-status-1) !important; }
[data-theme="dark"] .card-kb.pedido_2 .card-kb-body   { background-color: var(--pedido-status-2) !important; }
[data-theme="dark"] .card-kb.pedido_3 .card-kb-body   { background-color: var(--pedido-status-3) !important; }
[data-theme="dark"] .card-kb.pedido_4 .card-kb-body   { background-color: var(--pedido-status-4) !important; }
[data-theme="dark"] .card-kb.pedido_5 .card-kb-body   { background-color: var(--pedido-status-5) !important; }
[data-theme="dark"] .card-kb.pedido_6 .card-kb-body   { background-color: var(--pedido-status-6) !important; }
[data-theme="dark"] .card-kb.pedido_7 .card-kb-body   { background-color: var(--pedido-status-7) !important; }
[data-theme="dark"] .card-kb.pedido_9 .card-kb-body   { background-color: var(--pedido-status-9) !important; }
[data-theme="dark"] .card-kb.pedido_10 .card-kb-body  { background-color: var(--pedido-status-10) !important; }

/* ================================================================
   DARK – LOGIN PAGE
   ================================================================ */
[data-theme="dark"] body.gray-bg {
  background-image: linear-gradient(0deg, #0d1117, #111827, #162032, #1a2540, #1e2d4d) !important;
  background-attachment: fixed;
}
/* Card central de login */
[data-theme="dark"] .loginColumns .ibox-content {
  background-color: #1f2937 !important;
  border-color: #2a3a4d !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important;
}
/* Texto e links internos */
[data-theme="dark"] .loginColumns p,
[data-theme="dark"] .loginColumns small,
[data-theme="dark"] .loginColumns label {
  color: var(--md-text-muted) !important;
}
[data-theme="dark"] .loginColumns a small {
  color: #5b9bd5 !important;
}
/* Tiles de estabelecimento (seleção de login) */
[data-theme="dark"] .restaurante-tile {
  color: var(--md-text) !important;
}
[data-theme="dark"] .restaurante-tile div {
  color: var(--md-text) !important;
}
/* Alert de aviso */
[data-theme="dark"] .loginColumns .alert-warning {
  background-color: rgba(245,158,11,0.14) !important;
  border-color: rgba(245,158,11,0.3) !important;
  color: #fbbf24 !important;
}
[data-theme="dark"] .loginColumns .alert-danger {
  background-color: rgba(239,68,68,0.14) !important;
  border-color: rgba(239,68,68,0.3) !important;
  color: #f87171 !important;
}

/* ================================================================
   DARK – SCROLLBAR (Webkit)
   ================================================================ */
[data-theme="dark"] ::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
[data-theme="dark"] ::-webkit-scrollbar-track {
  background: #0d1520;
}
[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #2a3a4d;
  border-radius: 4px;
}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: #3a4f66;
}