/* 18/09/2026: tema jotape recebeu o tom do tema verde-claro do FacilApp Cereais
   (so as cores; estrutura e variaveis --fa-* do Gourmet mantidas).
   default e dark-tech tambem receberam as cores do Cereais; codex-dark, deep-teal e
   obsidian-gold ja eram iguais. Versao anterior: assets/css/TemaFacilApp_jotape_antigo_180926.css */
/* ========================================================================== */
/* TemaFacilApp.css - deve ficar em EXE\MENU\TemaFacilApp.css               */
/* Paletas compartilhadas: menu2 e dashboards.                               */
/* ========================================================================== */

/* ========================================================================== */
/* OCULTAÇÃO AUTOMÁTICA DA TOPBAR QUANDO DENTRO DE IFRAME                    */
/* O menu principal (index.html) gerencia a barra superior oficial.           */
/* ========================================================================== */
body.in-iframe .GOURMET-topbar,
body.in-iframe .gourmet-topbar,
body.in-iframe header.gourmet-topbar,
body.in-iframe header.GOURMET-topbar,
html.in-iframe .gourmet-topbar,
html.in-iframe header.gourmet-topbar,
.in-iframe .gourmet-topbar,
.in-iframe .top-bar,
.in-iframe .mega-menu-overlay,
.in-iframe .mega-menu-backdrop {
  display: none !important;
}

/* RESET OFICIAL PARA TODOS OS POPOVERS (CAIXA, TEMAS, USUÁRIO) - 100% BRANCO LIMPO */
.caixa-popover-menu,
#popoverCaixa,
#popoverUsuario,
.tema-selector-popover,
#popoverSeletorTemas {
  background: #ffffff !important;
  color: #374151 !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}

.caixa-popover-menu .caixa-action-item,
#popoverCaixa .caixa-action-item,
#popoverUsuario .caixa-action-item,
button.caixa-action-item,
.tema-selector-popover .tema-opt-btn,
#popoverSeletorTemas .tema-opt-btn,
button.tema-opt-btn {
  background: transparent !important;
  background-color: transparent !important;
  color: #374151 !important;
  border: none !important;
  box-shadow: none !important;
}

.caixa-popover-menu .caixa-action-item:hover,
#popoverCaixa .caixa-action-item:hover,
#popoverUsuario .caixa-action-item:hover,
button.caixa-action-item:hover,
.tema-selector-popover .tema-opt-btn:hover,
#popoverSeletorTemas .tema-opt-btn:hover,
button.tema-opt-btn:hover {
  background: #f3f4f6 !important;
  background-color: #f3f4f6 !important;
  color: #111827 !important;
}

.caixa-popover-menu .caixa-action-item .material-symbols-rounded,
.caixa-popover-menu .caixa-action-item .material-icons,
#popoverCaixa .caixa-action-item .material-symbols-rounded,
#popoverCaixa .caixa-action-item .material-icons {
  color: #4b5563 !important;
}

.caixa-popover-menu .caixa-action-item:hover .material-symbols-rounded,
.caixa-popover-menu .caixa-action-item:hover .material-icons,
#popoverCaixa .caixa-action-item:hover .material-symbols-rounded,
#popoverCaixa .caixa-action-item:hover .material-icons {
  color: #111827 !important;
}

body.in-iframe {
  height: 100vh !important;
  width: 100vw !important;
  overflow-y: auto !important;
}

body.in-iframe .workspace-GOURMET,
body.in-iframe .main-container,
body.in-iframe .pdv-workspace,
body.in-iframe .caixa-workspace {
  height: 100vh !important;
  max-height: 100vh !important;
}

/* Transição do Palco Principal: elimina o risco/vazamento entre o menu e o Cardápio */
.GOURMET-topbar,
.gourmet-topbar,
header.GOURMET-topbar,
header.gourmet-topbar {
  border-bottom: none !important;
  border: none !important;
  outline: none !important;
}

.stage-container {
  margin-top: 45px !important;
  height: calc(100vh - 45px) !important;
  background: var(--fa-background) !important;
}
.stage-container::after {
  background: var(--fa-background) !important;
  transition: opacity 0.15s ease;
}

:root, html[data-theme="default"], body[data-theme="default"] {
  --fa-primary:#0369a1; --fa-primary-dark:#024d77; --fa-accent:#94b5d6;
  --fa-button-bg:var(--fa-primary); --fa-button-border:var(--fa-primary);
  --fa-button-hover-bg:var(--fa-primary-dark); --fa-button-hover-border:var(--fa-primary-dark); --fa-button-text:#fff;
  --fa-background:#dbe7f2; --fa-panel:#ffffff; --fa-panel-alt:#edf4fb; --fa-border:#b8cde2;
  --fa-field-bg:#f5f9fd;
  --fa-text:#0f243a; --fa-muted:#577594; --fa-danger:#c62828;
}
/* Contrato unico para qualquer dashboard, modal ou tela filha.
   As paginas novas devem usar estas variaveis e nunca cores fixas. */
:root {
  --panel:var(--fa-panel); --panel-alt:var(--fa-panel-alt,var(--fa-panel)); --background:var(--fa-background);
  --border:var(--fa-border); --text:var(--fa-text); --text-dim:var(--fa-muted);
  --primary:var(--fa-primary); --primary-dark:var(--fa-primary-dark); --accent:var(--fa-accent);
  --primary-soft:var(--fa-panel-alt,var(--fa-panel)); --accent-soft:color-mix(in srgb,var(--fa-accent) 15%,var(--fa-panel));
  --danger:var(--fa-danger); --danger-soft:color-mix(in srgb,var(--fa-danger) 15%,var(--fa-panel)); --warning:#f59e0b;
  --text-muted:var(--fa-muted); --shadow-sm:0 2px 8px color-mix(in srgb,var(--fa-primary) 8%,transparent);
  --shadow-md:0 4px 12px color-mix(in srgb,var(--fa-primary) 10%,transparent);
  --radius-sm:6px; --radius-md:8px; --radius-lg:12px;
  --fa-selection-bg:color-mix(in srgb,var(--fa-accent) 18%,var(--fa-panel));
  --fa-selection-text:var(--fa-text);
  --fa-row-hover-bg:color-mix(in srgb,var(--fa-accent) 10%,var(--fa-panel));
  --fa-row-hover-text:var(--fa-text);
  --dashboard-bg:var(--fa-background); --dashboard-panel:var(--fa-panel);
  --dashboard-panel-alt:var(--fa-panel-alt,var(--fa-panel)); --dashboard-border:var(--fa-border);
  --dashboard-text:var(--fa-text); --dashboard-muted:var(--fa-muted);
}
/* Jotapê: paleta institucional compartilhada pelo menu, browses, updates e impressão. */
html[data-theme="jotape"], body[data-theme="jotape"] {
  --fa-primary:#506b3d; --fa-primary-dark:#3d5630; --fa-accent:#789b6c;
  --fa-button-bg:var(--fa-primary); --fa-button-border:var(--fa-primary);
  --fa-button-hover-bg:var(--fa-primary-dark); --fa-button-hover-border:var(--fa-primary-dark); --fa-button-text:#eef2e5;
  --fa-background:#bfd4b7; --fa-panel:#d6ead1; --fa-panel-alt:#c5ddbf; --fa-border:#9eb993;
  --fa-field-bg:#eef5e5; --fa-kanban-surface:#f1f7eb; --fa-modal-header-bg:#bfd4b7; --fa-modal-header-text:#1e3120; --fa-text:#1e3120; --fa-muted:#607562; --fa-danger:#a63232;
  --fa-selection-bg:#506b3d; --fa-selection-text:#ffffff;
  --fa-row-hover-bg:color-mix(in srgb,#789b6c 12%,#d6ead1); --fa-row-hover-text:#1e3120;
  --primary:#506b3d; --primary-dark:#3d5630; --primary-soft:#c5ddbf; --accent:#789b6c;
  --background:#bfd4b7; --panel:#d6ead1; --panel-alt:#c5ddbf; --border:#9eb993;
  --text:#1e3120; --text-dim:#607562; --sidebar-bg:#eef5e5; --sidebar-border:#9eb993;
  --sidebar-text:#3d5630; --sidebar-text-muted:#607562; --sidebar-text-hover:#ffffff;
  --sidebar-group-title:#607562; --sidebar-item-active-bg:#506b3d; --sidebar-item-active-text:#ffffff;
  --sidebar-item-hover-bg:#506b3d; --search-bg:#eef5e5; --search-border:#9eb993; --search-text:#1e3120;
  --header-bg:#c5ddbf; --azul:#506b3d; --azul-escuro:#3d5630; --fundo:#bfd4b7;
  --painel:#d6ead1; --borda:#9eb993; --texto:#1e3120; --muted:#607562;
  --bg:#bfd4b7; --card:#d6ead1; --line:#9eb993; --txt:#1e3120; --mut:#607562;
  --blue:#506b3d; --blue2:#3d5630; --blue-dark:#3d5630; --soft:#c5ddbf;
  --panel2:#c5ddbf; --field:#eef5e5; --texto2:#3d5630;
}

/* Fundo exclusivo de combos editáveis do tema Jotapê.
   Esta classe não deve herdar a cor verde-oliva dos botões de ação. */
html[data-theme="jotape"] .jotape-combo-fundo,
body[data-theme="jotape"] .jotape-combo-fundo,
html[data-theme="jotape"] .jotape-combo-fundo .combo-option,
body[data-theme="jotape"] .jotape-combo-fundo .combo-option {
  background:#f1f7eb !important;
  color:#18200f !important;
}
html[data-theme="jotape"] .jotape-combo-fundo .combo-option:hover,
html[data-theme="jotape"] .jotape-combo-fundo .combo-option.active,
body[data-theme="jotape"] .jotape-combo-fundo .combo-option:hover,
body[data-theme="jotape"] .jotape-combo-fundo .combo-option.active {
  background:#dfeeca !important;
  color:#18200f !important;
}
/* V1 - Cyberpunk: Roxo Opaco elegante e Rosa Bebê suave */
html[data-theme="v1-cyberpunk"], body[data-theme="v1-cyberpunk"] {
  --fa-primary:#5e439b; --fa-primary-dark:#d87093; --fa-accent:#f4a6c8;
  --fa-button-bg:var(--fa-primary); --fa-button-border:#4d3580;
  --fa-button-hover-bg:#7254b7; --fa-button-hover-border:#8161cc; --fa-button-text:#fff;
  --fa-background:#080b18; --fa-panel:#0e132c; --fa-panel-alt:#161d3f; --fa-border:#232b50;
  --fa-field-bg:#121838;
  --fa-text:#e9ecff; --fa-muted:#8a96b8; --fa-danger:#f472b6;
  --primary:#5e439b; --primary-dark:#d87093; --primary-soft:#1c1538; --accent:#f4a6c8;
  --background:#080b18; --panel:#0e132c; --border:#232b50;
  --text:#e9ecff; --text-dim:#8a96b8; --sidebar-bg:#0e132c;
  --sidebar-border:#232b50; --sidebar-text:#e9ecff; --sidebar-text-muted:#8a96b8;
  --sidebar-text-hover:#f4a6c8; --sidebar-group-title:#8a96b8;
  --sidebar-item-active-bg:#221b44; --sidebar-item-active-text:#f4a6c8;
  --sidebar-item-hover-bg:rgba(244,166,200,.12); --search-bg:#121838; --search-border:#232b50;
  --search-text:#e9ecff; --header-bg:#080b18;
  --azul:#5e439b; --azul-escuro:#d87093; --fundo:#080b18; --painel:#0e132c;
  --borda:#232b50; --texto:#e9ecff; --muted:#8a96b8;
  --sombra:0 4px 20px rgba(94,67,155,.25);
  --bg:#080b18; --card:#0e132c; --line:#232b50; --txt:#e9ecff; --mut:#8a96b8;
  --blue:#5e439b; --blue2:#d87093; --blue-dark:#4d3580; --soft:#161d3f;
  --panel2:#121838; --field:#121838; --texto2:#d2d9f2;
}
html[data-theme="dark-tech"], body[data-theme="dark-tech"] {
  --fa-primary:#0284c7; --fa-primary-dark:#0f4f7f; --fa-accent:#385175;
  /* V2: normal = antigo hover V2; hover = hover do tema Padrão. */
  --fa-button-bg:var(--fa-primary-dark); --fa-button-border:var(--fa-primary-dark);
  --fa-button-hover-bg:#145f97; --fa-button-hover-border:#145f97; --fa-button-text:#fff;
  --fa-background:#0d131d; --fa-panel:#141e2d; --fa-panel-alt:#1c2a3f; --fa-border:#25364f;
  --header-bg:#172235;
  --fa-field-bg:#0f1723;
  --fa-text:#f1f5f9; --fa-muted:#64748b; --fa-danger:#f87171;
  --fa-selection-bg:#0284c7; --fa-selection-text:#ffffff;
  --fa-row-hover-bg:#203552; --fa-row-hover-text:#f1f5f9;
  --fa-combo-selection-bg:#1e293b; --fa-combo-selection-text:#38bdf8;
}
html[data-theme="obsidian-gold"], body[data-theme="obsidian-gold"] {
  --fa-primary:#b48c48; --fa-primary-dark:#8c6a30; --fa-accent:#b48c48;
  --fa-button-bg:var(--fa-primary); --fa-button-border:var(--fa-primary);
  --fa-button-hover-bg:var(--fa-primary-dark); --fa-button-hover-border:var(--fa-primary-dark); --fa-button-text:#fff;
  --fa-background:#0d1117; --fa-panel:#161b22; --fa-panel-alt:#1d232b; --fa-border:#30363d;
  --fa-field-bg:#1c2229;
  --fa-text:#c9d1d9; --fa-muted:#8b949e; --fa-danger:#e06c75;
}
html[data-theme="deep-teal"], body[data-theme="deep-teal"] {
  --fa-primary:#0d9488; --fa-primary-dark:#0f766e; --fa-accent:#0d9488;
  --fa-button-bg:var(--fa-primary); --fa-button-border:var(--fa-primary);
  --fa-button-hover-bg:var(--fa-primary-dark); --fa-button-hover-border:var(--fa-primary-dark); --fa-button-text:#fff;
  --fa-background:#06141b; --fa-panel:#11212d; --fa-panel-alt:#172c39; --fa-border:#253e4b;
  --fa-field-bg:#142b37;
  --fa-text:#cbd5e1; --fa-muted:#94a3b8; --fa-danger:#f87171;
}
html[data-theme="codex-dark"], body[data-theme="codex-dark"] {
  /* V8: ações neutras; o azul é usado apenas como acento/hover, sem brilho. */
  --fa-primary:#0873b9; --fa-primary-dark:#065a91; --fa-accent:#0873b9;
  /* Base azul-acinzentada: destaca a ação sem competir com o acento azul do hover. */
  /* Igual ao item selecionado do menu V8: unidade visual entre navegação e ações. */
  --fa-button-bg:#2a3641; --fa-button-border:#40515e;
  --fa-button-hover-bg:#334552; --fa-button-hover-border:#0873b9; --fa-button-text:#f0f0f0;
  --fa-background:#1b1b1b; --fa-panel:#222222; --fa-panel-alt:#282828; --fa-border:#383838;
  --fa-field-bg:#252525;
  --fa-text:#e7e7e7; --fa-muted:#a6a6a6; --fa-danger:#e06c75;
  --primary:#0873b9; --primary-dark:#065a91; --primary-soft:#263442; --accent:#0873b9;
  --background:#1b1b1b; --panel:#222222; --border:#383838;
  --text:#e7e7e7; --text-dim:#a6a6a6; --sidebar-bg:#1e1e1e;
  --sidebar-border:#383838; --sidebar-text:#e7e7e7; --sidebar-text-muted:#a6a6a6;
  --sidebar-text-hover:#ffffff; --sidebar-group-title:#d0d0d0;
  --sidebar-item-active-bg:#2a3641; --sidebar-item-active-text:#0873b9;
  --sidebar-item-hover-bg:#2a2a2a; --search-bg:#252525; --search-border:#464646;
  --search-text:#e7e7e7; --header-bg:#1e1e1e;
  --azul:#0873b9; --azul-escuro:#065a91; --fundo:#1b1b1b; --painel:#222222;
  --borda:#383838; --texto:#e7e7e7; --muted:#a6a6a6;
  --sombra:0 4px 16px rgba(0,0,0,.28);
  --bg:#1b1b1b; --card:#222222; --line:#383838; --txt:#e7e7e7; --mut:#a6a6a6;
  --blue:#0873b9; --blue2:#065a91; --blue-dark:#065a91; --soft:#263442;
  --panel2:#262626; --field:#252525; --texto2:#cfcfcf;
}
/* GOURMET Orange: Laranja Gourmet vibrante com superfícies limpas */
html[data-theme="GOURMET-orange"], body[data-theme="GOURMET-orange"] {
  --fa-primary:#ff5722; --fa-primary-dark:#e64a19; --fa-accent:#ff5722;
  --fa-button-bg:var(--fa-primary); --fa-button-border:var(--fa-primary);
  --fa-button-hover-bg:var(--fa-primary-dark); --fa-button-hover-border:var(--fa-primary-dark); --fa-button-text:#fff;
  --fa-background:#f4f6f9; --fa-panel:#ffffff; --fa-panel-alt:#fef5ee; --fa-border:#e2e8f0;
  --fa-field-bg:#ffffff;
  --fa-text:#1e293b; --fa-muted:#64748b; --fa-danger:#ef4444;
  --primary:#ff5722; --primary-dark:#e64a19; --primary-soft:#fef5ee; --accent:#ff5722;
  --background:#f4f6f9; --panel:#ffffff; --border:#e2e8f0;
  --text:#1e293b; --text-dim:#64748b;
}
/* GOURMET Dark Flame: Cyber Gourmet com Preto Ônix e Laranja Flamejante */
html[data-theme="GOURMET-dark"], body[data-theme="GOURMET-dark"] {
  --fa-primary:#ff5e00; --fa-primary-dark:#d94800; --fa-accent:#ff8800;
  --fa-button-bg:var(--fa-primary); --fa-button-border:var(--fa-primary);
  --fa-button-hover-bg:var(--fa-primary-dark); --fa-button-hover-border:var(--fa-primary-dark); --fa-button-text:#fff;
  --fa-background:#080c16; --fa-panel:#0f172a; --fa-panel-alt:#18233c; --fa-border:#1e293b;
  --fa-field-bg:#141d33;
  --fa-text:#f8fafc; --fa-muted:#94a3b8; --fa-danger:#ff3366;
  --primary:#ff5e00; --primary-dark:#d94800; --primary-soft:#241610; --accent:#ff8800;
  --background:#080c16; --panel:#0f172a; --border:#1e293b;
  --text:#f8fafc; --text-dim:#94a3b8;
}
/* Neon Matrix: Verde Esmeralda Cyberpunk sobre fundo Ultra-Dark */
html[data-theme="neon-matrix"], body[data-theme="neon-matrix"] {
  --fa-primary:#00ff88; --fa-primary-dark:#00cc6a; --fa-accent:#00ffaa;
  --fa-button-bg:#00cc6a; --fa-button-border:#00ff88;
  --fa-button-hover-bg:#00ff88; --fa-button-hover-border:#00ffaa; --fa-button-text:#04150c;
  --fa-background:#020a06; --fa-panel:#05170d; --fa-panel-alt:#0a2616; --fa-border:#0f3f24;
  --fa-field-bg:#071f12;
  --fa-text:#d1fae5; --fa-muted:#6ee7b7; --fa-danger:#ff4d6d;
  --primary:#00ff88; --primary-dark:#00cc6a; --primary-soft:#0a2616; --accent:#00ffaa;
  --background:#020a06; --panel:#05170d; --border:#0f3f24;
  --text:#d1fae5; --text-dim:#6ee7b7;
}

/* ========================================================================== */
/* COMPATIBILIDADE DE BOTÕES LEGADOS                                          */
/* Páginas antigas usam --blue/--azul. Mantenha estas variáveis apontadas     */
/* para a paleta ativa; nunca fixe azul dentro das dashboards.                */
/* Assim V5 usa dourado, V2 azul, V7 verde-azulado e os demais temas também. */
/* ========================================================================== */
:root,
html[data-theme],
body[data-theme]{
  --blue:var(--fa-primary);
  --blue2:var(--fa-primary-dark);
  --blue-dark:var(--fa-primary-dark);
  --azul:var(--fa-primary);
  --azul-escuro:var(--fa-primary-dark);
}

/* ========================================================================== */
/* COMPONENTES COMPARTILHADOS                                                  */
/* Regra unica para dashboards, consultas e janelas HTML. As paginas devem    */
/* definir somente tamanho e posicao; cor vem sempre do tema ativo.            */
/* ========================================================================== */
html[data-theme] .btn:not(.category-tab-btn):not(.mesa-btn-box):not(.btn-foot-pagar):not(.btn-foot-voltar):not(.btn-foot-enviar):not(.channel-btn):not(.prod-card):not(.modal-tab-btn),
body[data-theme] .btn:not(.category-tab-btn):not(.mesa-btn-box):not(.btn-foot-pagar):not(.btn-foot-voltar):not(.btn-foot-enviar):not(.channel-btn):not(.prod-card):not(.modal-tab-btn),
html[data-theme] button:not(.category-tab-btn):not(.mesa-btn-box):not(.btn-foot-pagar):not(.btn-foot-voltar):not(.btn-foot-enviar):not(.channel-btn):not(.prod-card):not(.card-btn-bottom):not(.btn-view-toggle):not(.modal-tab-btn):not(.rail-btn):not(.linha-endereco-popover):not(.popover-cliente-acao),
body[data-theme] button:not(.category-tab-btn):not(.mesa-btn-box):not(.btn-foot-pagar):not(.btn-foot-voltar):not(.btn-foot-enviar):not(.channel-btn):not(.prod-card):not(.card-btn-bottom):not(.btn-view-toggle):not(.modal-tab-btn):not(.rail-btn):not(.linha-endereco-popover):not(.popover-cliente-acao),
html[data-theme] .action-btn,
body[data-theme] .action-btn,
html[data-theme] .filter-buttons button,
body[data-theme] .filter-buttons button,
html[data-theme] .actions button,
body[data-theme] .actions button,
html[data-theme] .print-toolbar button,
body[data-theme] .print-toolbar button{
  color:var(--fa-button-text) !important;
  background:var(--fa-button-bg) !important;
  border-color:var(--fa-button-border) !important;
  font-weight:400 !important;
  box-shadow:none !important;
}

/* V2: o rotulo interno dos botoes acompanha o peso normal do componente. */
html[data-theme="dark-tech"] button span,
html[data-theme="dark-tech"] .btn span,
body[data-theme="dark-tech"] button span,
body[data-theme="dark-tech"] .btn span {
  font-weight:400 !important;
}

/* V2: modelo unico dos combos, baseado no seletor Situação do Pagar. */
html[data-theme="dark-tech"] select,
body[data-theme="dark-tech"] select {
  color-scheme:dark;
  font-size:11px;
  font-weight:400;
}
html[data-theme="dark-tech"] select option,
body[data-theme="dark-tech"] select option {
  background:var(--fa-panel);
  color:var(--fa-text);
  font-size:11px;
  font-weight:400;
}
html[data-theme="dark-tech"] select option:hover,
body[data-theme="dark-tech"] select option:hover,
html[data-theme="dark-tech"] select option:focus,
body[data-theme="dark-tech"] select option:focus,
html[data-theme="dark-tech"] select option:checked,
body[data-theme="dark-tech"] select option:checked {
  background:var(--fa-combo-selection-bg) linear-gradient(0deg,var(--fa-combo-selection-bg) 0 0);
  box-shadow:inset 0 0 0 100px var(--fa-combo-selection-bg);
  color:var(--fa-combo-selection-text);
}

html[data-theme] .btn:not(.category-tab-btn):not(.mesa-btn-box):not(.btn-foot-pagar):not(.btn-foot-voltar):not(.btn-foot-enviar):not(.channel-btn):not(.prod-card):not(.modal-tab-btn):hover,
body[data-theme] .btn:not(.category-tab-btn):not(.mesa-btn-box):not(.btn-foot-pagar):not(.btn-foot-voltar):not(.btn-foot-enviar):not(.channel-btn):not(.prod-card):not(.modal-tab-btn):hover,
html[data-theme] button:not(.category-tab-btn):not(.mesa-btn-box):not(.btn-foot-pagar):not(.btn-foot-voltar):not(.btn-foot-enviar):not(.channel-btn):not(.prod-card):not(.card-btn-bottom):not(.btn-view-toggle):not(.modal-tab-btn):not(.rail-btn):not(.linha-endereco-popover):not(.popover-cliente-acao):hover,
body[data-theme] button:not(.category-tab-btn):not(.mesa-btn-box):not(.btn-foot-pagar):not(.btn-foot-voltar):not(.btn-foot-enviar):not(.channel-btn):not(.prod-card):not(.card-btn-bottom):not(.btn-view-toggle):not(.modal-tab-btn):not(.rail-btn):not(.linha-endereco-popover):not(.popover-cliente-acao):hover,
html[data-theme] .action-btn:hover,
body[data-theme] .action-btn:hover,
html[data-theme] .filter-buttons button:hover,
body[data-theme] .filter-buttons button:hover,
html[data-theme] .actions button:hover,
body[data-theme] .actions button:hover,
html[data-theme] .print-toolbar button:hover,
body[data-theme] .print-toolbar button:hover{
  color:var(--fa-button-text) !important;
  background:var(--fa-button-hover-bg) !important;
  border-color:var(--fa-button-hover-border) !important;
  font-weight:400 !important;
  filter:brightness(1.12) !important;
  box-shadow:none !important;
}

/* ========================================================================== */
/* PADRÃO OFICIAL UNIFICADO DE ABAS (TABS) PARA TODAS AS TELAS E MODAIS       */
/* ========================================================================== */
.modal-tabs-header,
.tabs-header,
.tabs-header-pill,
.fiscal-inner-tabs,
.inner-tabs-container,
.nav-tabs,
.tab-group,
.channel-tab-pills,
.gourmet-tabs-bar {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px !important;
  background: var(--fa-field-bg, #f8fafc) !important;
  border-radius: 8px !important;
  border: 1px solid var(--fa-border, #e2e8f0) !important;
}

.modal-tab-btn,
.tab-btn,
.tab-btn-pill,
.inner-tab-btn,
.nav-tab,
.tab-item,
.pill-tab {
  flex: 1 !important;
  padding: 8px 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--fa-muted, #64748b) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  outline: none !important;
  user-select: none !important;
  box-shadow: none !important;
}

.modal-tab-btn:hover,
.tab-btn:hover,
.tab-btn-pill:hover,
.inner-tab-btn:hover,
.nav-tab:hover,
.tab-item:hover,
.pill-tab:hover {
  color: var(--fa-text, #1e293b) !important;
  background: rgba(0, 0, 0, 0.05) !important;
}

.modal-tab-btn.active,
.tab-btn.active,
.tab-btn-pill.active,
.inner-tab-btn.active,
.nav-tab.active,
.tab-item.active,
.pill-tab.active {
  color: #ffffff !important;
  background: var(--fa-primary, #0284c7) !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) !important;
}

html[data-theme],
html[data-theme] *,
body[data-theme],
body[data-theme] *{
  scrollbar-color:var(--fa-primary-dark) var(--fa-panel);
}

html[data-theme]::-webkit-scrollbar,
body[data-theme]::-webkit-scrollbar,
html[data-theme] ::-webkit-scrollbar,
body[data-theme] ::-webkit-scrollbar{
  width:8px;
  height:8px;
  background:var(--fa-panel);
}

html[data-theme]::-webkit-scrollbar-track,
body[data-theme]::-webkit-scrollbar-track,
html[data-theme] ::-webkit-scrollbar-track,
body[data-theme] ::-webkit-scrollbar-track,
html[data-theme]::-webkit-scrollbar-corner,
body[data-theme]::-webkit-scrollbar-corner,
html[data-theme] ::-webkit-scrollbar-corner,
body[data-theme] ::-webkit-scrollbar-corner{
  background:var(--fa-panel) !important;
  border-color:var(--fa-border) !important;
}

html[data-theme]::-webkit-scrollbar-thumb,
body[data-theme]::-webkit-scrollbar-thumb,
html[data-theme] ::-webkit-scrollbar-thumb,
body[data-theme] ::-webkit-scrollbar-thumb{
  background:var(--fa-primary-dark) !important;
  border-color:var(--fa-panel) !important;
  border-radius:4px;
}

html[data-theme]::-webkit-scrollbar-thumb:hover,
body[data-theme]::-webkit-scrollbar-thumb:hover,
html[data-theme] ::-webkit-scrollbar-thumb:hover,
body[data-theme] ::-webkit-scrollbar-thumb:hover{
  background:var(--fa-accent) !important;
}

/* CONTRATO GLOBAL DO BROWSE: cobre a base inteira do Tabulator.
   Nenhuma tela filha deve definir cores próprias para grade ou paginação. */
.tabulator{
  border-color:var(--fa-border)!important;
  background:var(--fa-panel)!important;
  color:var(--fa-text)!important;
}
.tabulator .tabulator-header,
.tabulator .tabulator-footer{
  border-color:var(--fa-border)!important;
  background:var(--fa-panel-alt,var(--fa-panel))!important;
  color:var(--fa-text)!important;
}
.tabulator .tabulator-header .tabulator-col,
.tabulator .tabulator-header .tabulator-col.tabulator-sortable,
.tabulator .tabulator-footer .tabulator-paginator{
  border-color:var(--fa-border)!important;
  background:var(--fa-panel-alt,var(--fa-panel))!important;
  color:var(--fa-text)!important;
}
.tabulator .tabulator-tableholder,
.tabulator .tabulator-table,
.tabulator .tabulator-row,
.tabulator .tabulator-row.tabulator-row-even,
.tabulator .tabulator-row.tabulator-row-odd{
  background:var(--fa-panel)!important;
  color:var(--fa-text)!important;
}
.tabulator .tabulator-row{
  border-color:var(--fa-border)!important;
}
.tabulator .tabulator-cell{
  border-color:var(--fa-border)!important;
  background:transparent!important;
  color:inherit!important;
}
.tabulator .tabulator-footer .tabulator-page,
.tabulator .tabulator-footer .tabulator-page-size{
  border-color:var(--fa-button-border)!important;
  background:var(--fa-button-bg)!important;
  color:var(--fa-button-text)!important;
}
.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover,
.tabulator .tabulator-footer .tabulator-page.active{
  border-color:var(--fa-button-hover-border)!important;
  background:var(--fa-button-hover-bg)!important;
  color:var(--fa-button-text)!important;
}
.tabulator .tabulator-footer .tabulator-page.disabled{opacity:.45!important}
.tabulator .tabulator-footer .tabulator-page-counter,
.tabulator .tabulator-footer .tabulator-paginator label{
  color:var(--fa-muted)!important;
}
/* BROWSE WEB: seleção única e opaca para grades Tabulator.
   Usa somente o contrato global do tema, sem cor definida pela página. */
html[data-theme] body .tabulator .tabulator-row.tabulator-selected,
html[data-theme] body .tabulator .tabulator-row.tabulator-selected:hover,
body[data-theme] .tabulator .tabulator-row.tabulator-selected,
body[data-theme] .tabulator .tabulator-row.tabulator-selected:hover{
  background:var(--fa-selection-bg) !important;
  color:var(--fa-selection-text) !important;
}
html[data-theme] body .tabulator .tabulator-row.tabulator-selected .tabulator-cell,
body[data-theme] .tabulator .tabulator-row.tabulator-selected .tabulator-cell{
  color:var(--fa-selection-text) !important;
}
/* O tema pode chegar ao iframe antes do atributo data-theme.
   Este seletor atinge diretamente o estado nativo do Tabulator. */
.tabulator .tabulator-row.tabulator-selected,
.tabulator .tabulator-row.tabulator-selected:hover{
  background-color:var(--fa-selection-bg) !important;
  color:var(--fa-selection-text) !important;
}
.tabulator .tabulator-row.tabulator-selected .tabulator-cell{
  background-color:transparent !important;
  color:var(--fa-selection-text) !important;
}
.tabulator .tabulator-row:not(.tabulator-selected):hover{
  background-color:var(--fa-row-hover-bg) !important;
  color:var(--fa-row-hover-text) !important;
}

/* ABAS: o item ativo herda o mesmo destaque opaco da selecao do tema. */
.tabs .tab.active,
.tab.active{
  background:var(--fa-selection-bg);
  color:var(--fa-selection-text);
  border-color:var(--fa-border);
}
.tabulator .tabulator-row:not(.tabulator-selected):hover .tabulator-cell{
  background-color:transparent !important;
  color:var(--fa-row-hover-text) !important;
}

/* BROWSE WEB: o Tabulator possui hover branco nativo nas colunas ordenáveis.
   O cabeçalho deve permanecer opaco e seguir exclusivamente o tema ativo. */
.tabulator .tabulator-header .tabulator-col:hover,
.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover{
  background:var(--fa-row-hover-bg) !important;
  color:var(--fa-row-hover-text) !important;
}
.tabulator .tabulator-header .tabulator-col:hover .tabulator-col-content,
.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover .tabulator-col-content{
  background:transparent !important;
  color:inherit !important;
}

/* CONFIRMACAO TEMATICA: substitui confirm() nativo, que ignora o tema. */
.fa-confirm-modal{
  position:fixed;inset:0;z-index:20000;display:none;
  align-items:center;justify-content:center;padding:12px;
  background:rgba(0,0,0,.72);
}
.fa-confirm-modal.open{display:flex}
.fa-confirm-box{
  width:min(420px,100%);overflow:hidden;
  border:1px solid var(--fa-border);border-radius:8px;
  background:var(--fa-panel);color:var(--fa-text);
  box-shadow:0 12px 34px rgba(0,0,0,.38);
}
.fa-confirm-title{
  min-height:34px;display:flex;align-items:center;padding:5px 9px;
  border-bottom:1px solid var(--fa-border);
  background:var(--dashboard-panel-alt);color:var(--fa-text);
  font-size:12px;font-weight:700;
}
.fa-confirm-body{padding:10px;color:var(--fa-text);font-size:11px;line-height:1.55}
.fa-confirm-message{margin-bottom:8px;color:var(--fa-text)}
.fa-confirm-details{
  padding:7px;border:1px solid var(--fa-border);border-radius:6px;
  background:var(--dashboard-panel-alt);color:var(--fa-text);
}
.fa-confirm-actions{
  display:flex;justify-content:flex-end;gap:5px;padding:5px 7px;
  border-top:1px solid var(--fa-border);background:var(--dashboard-panel-alt);
}

/* BOTÃO CARDÁPIO DIGITAL NO TOPO (ESTILO GOMER) */
.btn-cardapio-digital-top {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 6px;
  background: #fff7ed !important;
  border: 1.5px solid #fdba74 !important;
  color: #c2410c !important;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.15s ease;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
  white-space: nowrap;
}
.btn-cardapio-digital-top:hover {
  background: #ffedd5 !important;
  border-color: #fb923c !important;
  color: #9a3412 !important;
  transform: translateY(-1px);
}

/* RELATORIOS: componente unico, compartilhado por todas as paginas HTML.
   A visualizacao herda o tema. Apenas a impressao fisica usa papel branco. */
html[data-theme] .print-modal,body[data-theme] .print-modal{
  position:fixed!important;inset:0!important;z-index:10000!important;
  display:none;padding:18px!important;background:rgba(0,0,0,.72)!important;
}
html[data-theme] .print-modal.open,
body[data-theme] .print-modal.open{
  display:block!important;
}
html[data-theme] .print-box,body[data-theme] .print-box{
  height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;
  border:1px solid var(--fa-border)!important;border-radius:10px!important;
  background:var(--fa-panel)!important;color:var(--fa-text)!important;
}
html[data-theme] .print-toolbar,body[data-theme] .print-toolbar{
  flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  padding:10px 14px!important;border-bottom:1px solid var(--fa-border)!important;
  background:var(--fa-panel-2,var(--fa-panel))!important;color:var(--fa-text)!important;
}
html[data-theme] .print-toolbar strong,body[data-theme] .print-toolbar strong{font-size:16px}
html[data-theme] .print-toolbar .right,body[data-theme] .print-toolbar .right{display:flex;gap:8px}
html[data-theme] .print-area,body[data-theme] .print-area{
  flex:1!important;overflow:auto!important;padding:22px!important;
  background:var(--fa-panel)!important;color:var(--fa-text)!important;
}
html[data-theme] .print-area h1,body[data-theme] .print-area h1{font-size:20px;margin:0 0 6px;color:var(--fa-text)}
html[data-theme] .print-area .info,body[data-theme] .print-area .info{line-height:1.5;margin-bottom:12px;color:var(--fa-muted)}
html[data-theme] .print-area table,body[data-theme] .print-area table{width:100%;border-collapse:collapse;margin-top:8px;white-space:normal}
html[data-theme] .print-area th,html[data-theme] .print-area td,
body[data-theme] .print-area th,body[data-theme] .print-area td{
  padding:5px!important;border:1px solid var(--fa-border)!important;
  background:var(--fa-panel)!important;color:var(--fa-text)!important;font-size:11px;
}
html[data-theme] .print-area th,body[data-theme] .print-area th{background:var(--fa-panel-2,var(--fa-panel))!important}
html[data-theme] .print-area .rod,body[data-theme] .print-area .rod{
  margin-top:12px;padding-top:6px;border-top:1px solid var(--fa-border);color:var(--fa-muted);font-size:11px;
}
@media print{
  body *{visibility:hidden!important}
  #printModal,#printModal *{visibility:visible!important}
  #printModal{display:block!important;position:absolute!important;inset:0!important;padding:0!important;background:#fff!important}
  .print-box{height:auto!important;border:0!important;border-radius:0!important;overflow:visible!important;background:#fff!important;color:#111!important}
  .print-toolbar{display:none!important}
  .print-area{overflow:visible!important;padding:10mm!important;background:#fff!important;color:#111!important}
  .print-area h1,.print-area .info,.print-area th,.print-area td,.print-area .rod{background:#fff!important;color:#111!important;border-color:#777!important}
}

/* CONTRATO GLOBAL DOS MODULOS: layout visual baseado no Cadastro de Usuarios.
   Telas filhas definem apenas a grade estrutural; cores, textos e componentes ficam aqui. */
html[data-theme] body,
body[data-theme]{font:11px Arial,sans-serif;color:var(--fa-text);background:var(--fa-background)}
/* Mesmo padrão do seletor de Colunas do console: controles nativos usam
   a cor principal do tema, sem azul fixo do navegador. */
html[data-theme] input[type="checkbox"],
html[data-theme] input[type="radio"],
body[data-theme] input[type="checkbox"],
body[data-theme] input[type="radio"]{accent-color:var(--fa-primary)}
html[data-theme] body .toolbar,
html[data-theme] body .browse,
html[data-theme] body .statusbar,
html[data-theme] body .action-group{
  border:1px solid var(--fa-border);border-radius:7px;background:var(--fa-panel);color:var(--fa-text)
}
html[data-theme] body .toolbar h1{font-size:15px;line-height:26px;font-weight:600;color:var(--fa-text)}
html[data-theme] body .side-actions{height:100%;min-height:0;display:flex;flex-direction:column;gap:5px}
html[data-theme] body .side-actions .action-group{
  min-height:58px;display:flex;flex-direction:column;justify-content:space-evenly;gap:8px;padding:9px 8px;overflow:hidden
}
html[data-theme] body .side-actions .action-group:nth-child(2){flex:1}
html[data-theme] body .side-actions button{
  width:100%;height:38px;flex:0 0 38px;display:flex;align-items:center;gap:8px;text-align:left;padding:0 10px;font:11px Arial,sans-serif
}
html[data-theme] body .side-actions .action-icon{
  width:17px;flex:0 0 17px;text-align:center;font:17px/1 "Segoe UI Symbol",Arial,sans-serif
}
html[data-theme] body .browse-head strong{font-size:11px;line-height:16px;letter-spacing:.2px;font-weight:700;text-transform:uppercase}
html[data-theme] body .search,
html[data-theme] body .search input,
html[data-theme] body .statusbar{font:11px Arial,sans-serif}
html[data-theme] body .tabulator{font:11px Arial,sans-serif!important}
html[data-theme] body .tabulator .tabulator-header{font-size:10px!important}
html[data-theme] body .tabulator .tabulator-header .tabulator-col{min-height:28px!important}
html[data-theme] body .tabulator .tabulator-header .tabulator-col .tabulator-col-content{padding:5px 7px!important}
html[data-theme] body .tabulator .tabulator-row{min-height:25px!important;font-size:11px!important}
html[data-theme] body .tabulator .tabulator-row .tabulator-cell{height:25px!important;padding:5px 7px!important;font-size:11px!important}
html[data-theme] body .tabulator .tabulator-footer,
html[data-theme] body .tabulator .tabulator-footer button,
html[data-theme] body .tabulator .tabulator-footer select{font:11px Arial,sans-serif!important}

/* ========================================================================== */
/* ESTILOS GOURMET CENTRALIZADOS NO CSS DE TEMAS                              */
/* Garante que o menu superior, botões ativos, inputs e mapas acompanhem      */
/* integralmente a paleta selecionada sem configurações locais nas telas.     */
/* ========================================================================== */
html[data-theme] .GOURMET-topbar,
body[data-theme] .GOURMET-topbar,
html[data-theme] .gourmet-topbar,
body[data-theme] .gourmet-topbar {
  background: var(--header-bg, var(--fa-primary));
  color: var(--fa-text, #ffffff);
  border-bottom: none !important;
  border: none !important;
}

html[data-theme="default"] .GOURMET-topbar,
body[data-theme="default"] .GOURMET-topbar,
html[data-theme="default"] .gourmet-topbar,
body[data-theme="default"] .gourmet-topbar {
  background: #145f97;
  color: #ffffff;
}

html[data-theme="jotape"] .GOURMET-topbar,
body[data-theme="jotape"] .GOURMET-topbar,
html[data-theme="jotape"] .gourmet-topbar,
body[data-theme="jotape"] .gourmet-topbar {
  background: #c5ddbf;
  color: #3b4c19;
  border-bottom: none !important;
  border: none !important;
}

html[data-theme="jotape"] .facilapp-logo-img,
body[data-theme="jotape"] .facilapp-logo-img,
html[data-theme="jotape"] .login-modal-logo img,
body[data-theme="jotape"] .login-modal-logo img {
  content: url("../images/logo_facilapp_jotape.svg");  /* CSS mora em assets/css desde 18/09/2026 */
}

html[data-theme="jotape"] .GOURMET-topbar .btn-hamburguer,
html[data-theme="jotape"] .GOURMET-topbar .channel-btn,
html[data-theme="jotape"] .GOURMET-topbar .switch-aberto,
html[data-theme="jotape"] .GOURMET-topbar .unit-selector {
  color: #3b4c19 !important;
}

html[data-theme="jotape"] .channel-btn.active {
  background: #506b3d !important;
  color: #ffffff !important;
}

html[data-theme="jotape"] .user-pill-btn {
  background: #506b3d !important;
  color: #ffffff !important;
}

/* Variáveis de Mesas por Tema */
:root, html[data-theme="default"], body[data-theme="default"] {
  --mesa-livre: #4caf50;
  --mesa-livre-hover: #43a047;
  --mesa-consumo: #2196f3;
  --mesa-conta: #ff9800;
  --mesa-text: #ffffff;
}

html[data-theme="jotape"], body[data-theme="jotape"] {
  --mesa-livre: #7d8c42;
  --mesa-livre-hover: #6c7a36;
  --mesa-consumo: #5c7c8a;
  --mesa-conta: #c98e4d;
  --mesa-text: #ffffff;
}

/* V1 Cyberpunk: Roxo Opaco e Rosa Bebê suave */
html[data-theme="v1-cyberpunk"], body[data-theme="v1-cyberpunk"] {
  --mesa-livre: #26a69a;
  --mesa-livre-hover: #2bbbad;
  --mesa-consumo: #5e439b;
  --mesa-conta: #f48fb1;
  --mesa-text: #ffffff;
}

/* Dark Tech: estados escuros e suaves, integrados ao painel noturno. */
html[data-theme="dark-tech"], body[data-theme="dark-tech"] {
  --mesa-livre: #243b4a;
  --mesa-livre-hover: #2d4a5d;
  --mesa-consumo: #28536b;
  --mesa-conta: #66532b;
  --mesa-text: #dbe7ef;
}
/* Dark Tech: nunca reutilizar o contorno verde definido na tela base de mesas. */
html[data-theme="dark-tech"] .mesa-btn-box,
body[data-theme="dark-tech"] .mesa-btn-box {
  border-color: var(--fa-border, #1f293d) !important;
}

html[data-theme="obsidian-gold"], body[data-theme="obsidian-gold"] {
  --mesa-livre: #bda066;
  --mesa-livre-hover: #a88c54;
  --mesa-consumo: #60a5fa;
  --mesa-conta: #facc15;
  --mesa-text: #1e293b;
}

/* Deep Teal: Fundo Deep Teal (#0d9488 / #00796b) como a cor dos botões de mesa disponível */
html[data-theme="deep-teal"], body[data-theme="deep-teal"] {
  --mesa-livre: #0d9488;
  --mesa-livre-hover: #0f766e;
  --mesa-consumo: #0284c7;
  --mesa-conta: #f59e0b;
  --mesa-text: #ffffff;
}

/* Codex Dark: Tons de cinza ardósia / grafite elegante que não agridem os olhos */
html[data-theme="codex-dark"], body[data-theme="codex-dark"] {
  --mesa-livre: #2d333b;
  --mesa-livre-hover: #373e47;
  --mesa-consumo: #2d455b;
  --mesa-conta: #5c432d;
  --mesa-text: #e6edf3;
}

html[data-theme="codex-dark"] .mesa-btn-box,
body[data-theme="codex-dark"] .mesa-btn-box {
  border: 1px solid #444c56 !important;
  color: #e6edf3 !important;
}

html[data-theme="codex-dark"] .mesa-btn-box.consumo,
body[data-theme="codex-dark"] .mesa-btn-box.consumo {
  border: 1px solid #388bfd66 !important;
  color: #79c0ff !important;
}

html[data-theme="codex-dark"] .mesa-btn-box.conta,
body[data-theme="codex-dark"] .mesa-btn-box.conta {
  border: 1px solid #d2992266 !important;
  color: #e3b341 !important;
}

html[data-theme] .mesa-btn-box,
body[data-theme] .mesa-btn-box {
  background: var(--mesa-livre, #4caf50) !important;
  color: var(--mesa-text, #ffffff) !important;
}

html[data-theme] .mesa-btn-box:hover,
body[data-theme] .mesa-btn-box:hover {
  background: var(--mesa-livre-hover, #43a047) !important;
}

html[data-theme] .mesa-btn-box.consumo,
body[data-theme] .mesa-btn-box.consumo {
  background: var(--mesa-consumo, #2196f3) !important;
  color: #ffffff !important;
}

html[data-theme] .mesa-btn-box.conta,
body[data-theme] .mesa-btn-box.conta {
  background: var(--mesa-conta, #ff9800) !important;
  color: #ffffff !important;
}

html[data-theme] .dot-disponivel,
body[data-theme] .dot-disponivel {
  background: var(--mesa-livre, #4caf50) !important;
}

html[data-theme] .dot-consumo,
body[data-theme] .dot-consumo {
  background: var(--mesa-consumo, #2196f3) !important;
}

html[data-theme] .dot-conta,
body[data-theme] .dot-conta {
  background: var(--mesa-conta, #ff9800) !important;
}

/* PONTE DE CORES DO KANBAN: as telas filhas herdam somente o tema ativo. */
html[data-theme], body[data-theme] {
  --gourmet-blue-header: var(--fa-primary);
  --gourmet-blue-btn: var(--fa-button-bg, var(--fa-primary));
  --gourmet-blue-btn-hover: var(--fa-button-hover-bg, var(--fa-primary-dark));
  --gourmet-green-btn: var(--fa-accent, var(--fa-primary));
}

html[data-theme] .btn-venda-balcao,
body[data-theme] .btn-venda-balcao,
html[data-theme] .pill-tab:not(.desmarcado),
body[data-theme] .pill-tab:not(.desmarcado),
html[data-theme] .btn-card-view,
body[data-theme] .btn-card-view,
html[data-theme] .btn-floating-support {
  background: var(--fa-button-bg, var(--fa-primary)) !important;
  border-color: var(--fa-button-border, var(--fa-primary)) !important;
  color: var(--fa-button-text, #fff) !important;
}

html[data-theme] .btn-card-print,
body[data-theme] .btn-card-print,
html[data-theme] .btn-reload-circle,
body[data-theme] .btn-reload-circle {
  background: var(--fa-panel, #fff) !important;
  border-color: var(--fa-border) !important;
  color: var(--fa-primary) !important;
}

html[data-theme] .btn-card-receipt,
body[data-theme] .btn-card-receipt,
html[data-theme] .btn-roteirizar,
body[data-theme] .btn-roteirizar {
  background: var(--fa-accent, var(--fa-primary)) !important;
  border-color: var(--fa-accent, var(--fa-primary)) !important;
  color: var(--fa-button-text, #fff) !important;
}
/* GRUPO DE CANAIS DO KANBAN: sem moldura externa. */
html[data-theme] .kanban-filters-bar .channel-tab-pills,
body[data-theme] .kanban-filters-bar .channel-tab-pills {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}
/* ÍCONE DE ENTREGA DOS CARDS: acompanha o tom de ação do tema. */
html[data-theme] .badge-canal-moto,
body[data-theme] .badge-canal-moto {
  background: var(--fa-button-bg, var(--fa-primary)) !important;
  color: var(--fa-button-text, #fff) !important;
}
/* Superfícies claras do Kanban: herdadas exclusivamente do tema ativo. */
html[data-theme] .kanban-action-bar,
html[data-theme] .kanban-filters-bar,
html[data-theme] .kanban-col-head,
html[data-theme] .order-kanban-card,
html[data-theme] .field-filter,
html[data-theme] .btn-reload-circle,
body[data-theme] .kanban-action-bar,
body[data-theme] .kanban-filters-bar,
body[data-theme] .kanban-col-head,
body[data-theme] .order-kanban-card,
body[data-theme] .field-filter,
body[data-theme] .btn-reload-circle {
  background: var(--fa-kanban-surface, var(--fa-field-bg, var(--fa-panel))) !important;
}
/* TEXTO DOS CARTÕES DO KANBAN: acompanha contraste e superfícies do tema. */
html[data-theme] .order-kanban-card,
body[data-theme] .order-kanban-card {
  color: var(--fa-text) !important;
  border-color: var(--fa-border) !important;
}

html[data-theme] .order-kanban-card .card-title-left,
html[data-theme] .order-kanban-card .card-pay-line,
body[data-theme] .order-kanban-card .card-title-left,
body[data-theme] .order-kanban-card .card-pay-line {
  color: var(--fa-text) !important;
}

html[data-theme] .order-kanban-card .card-time-right,
html[data-theme] .order-kanban-card .card-phone-line,
html[data-theme] .order-kanban-card .card-address-line,
html[data-theme] .order-kanban-card [style*="color"],
body[data-theme] .order-kanban-card .card-time-right,
body[data-theme] .order-kanban-card .card-phone-line,
body[data-theme] .order-kanban-card .card-address-line,
body[data-theme] .order-kanban-card [style*="color"] {
  color: var(--fa-muted) !important;
}

html[data-theme] .order-kanban-card .card-bottom-actions,
body[data-theme] .order-kanban-card .card-bottom-actions {
  border-color: var(--fa-border) !important;
}
html[data-theme] .input-id-box,
html[data-theme] .input-busca-cliente,
body[data-theme] .input-id-box,
body[data-theme] .input-busca-cliente {
  color: var(--fa-text) !important;
  border-color: var(--fa-border) !important;
}

html[data-theme] .input-id-box::placeholder,
html[data-theme] .input-busca-cliente::placeholder,
body[data-theme] .input-id-box::placeholder,
body[data-theme] .input-busca-cliente::placeholder {
  color: var(--fa-muted) !important;
  opacity: 1;
}
html[data-theme] .input-id-box,
html[data-theme] .input-busca-cliente,
body[data-theme] .input-id-box,
body[data-theme] .input-busca-cliente {
  background: var(--fa-kanban-surface, var(--fa-field-bg, var(--fa-panel))) !important;
}
/* MODAIS FLUTUANTES DO KANBAN: superfície e contraste herdados do tema. */
html[data-theme] .modal-backdrop .modal-box,
body[data-theme] .modal-backdrop .modal-box {
  background: var(--fa-panel, var(--fa-background)) !important;
  color: var(--fa-text) !important;
  border: 1px solid var(--fa-border) !important;
}

html[data-theme] .modal-backdrop .modal-head,
body[data-theme] .modal-backdrop .modal-head {
  background: var(--fa-modal-header-bg, var(--fa-primary)) !important;
  color: var(--fa-modal-header-text, var(--fa-button-text, #fff)) !important;
  cursor: move !important;
  user-select: none;
}

html[data-theme] .modal-backdrop .modal-body,
body[data-theme] .modal-backdrop .modal-body {
  color: var(--fa-text) !important;
  background: var(--fa-panel, var(--fa-background)) !important;
}

html[data-theme] .modal-backdrop .modal-foot,
body[data-theme] .modal-backdrop .modal-foot {
  background: var(--fa-panel-alt, var(--fa-panel)) !important;
  border-color: var(--fa-border) !important;
}

html[data-theme] .modal-backdrop .modal-body > div,
body[data-theme] .modal-backdrop .modal-body > div {
  border-color: var(--fa-border) !important;
  background: var(--fa-panel-alt, var(--fa-panel)) !important;
}

html[data-theme] .modal-backdrop .modal-body [style*="color"],
body[data-theme] .modal-backdrop .modal-body [style*="color"] {
  color: var(--fa-text) !important;
}

html[data-theme] .modal-backdrop .modal-body [style*="border-top"],
html[data-theme] .modal-backdrop .modal-body [style*="border-bottom"],
body[data-theme] .modal-backdrop .modal-body [style*="border-top"],
body[data-theme] .modal-backdrop .modal-body [style*="border-bottom"] {
  border-color: var(--fa-border) !important;
}

/* ========================================================================== */
/* PADRONIZAÇÃO DE BROWSES (TABULATOR): BADGES DE STATUS E BOTÕES DE AÇÃO     */
/* Harmonizados com o tema selecionado (evita fundos brancos/pastéis duros)    */
/* ========================================================================== */
html[data-theme] .badge-status,
body[data-theme] .badge-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 0 6px;
  height: 18px;
  line-height: 16px;
  border-radius: 4px;
  font-size: 10.5px;
  font-weight: 700;
}
html[data-theme] .badge-status.ativo,
body[data-theme] .badge-status.ativo {
  background: rgba(34, 197, 94, 0.15) !important;
  color: #166534 !important;
  border: 1px solid rgba(34, 197, 94, 0.35) !important;
}
html[data-theme] .badge-status.inativo,
body[data-theme] .badge-status.inativo {
  background: rgba(239, 68, 68, 0.15) !important;
  color: #991b1b !important;
  border: 1px solid rgba(239, 68, 68, 0.35) !important;
}

html[data-theme="v1-cyberpunk"] .badge-status.ativo,
body[data-theme="v1-cyberpunk"] .badge-status.ativo,
html[data-theme="dark-tech"] .badge-status.ativo,
body[data-theme="dark-tech"] .badge-status.ativo,
html[data-theme="obsidian-gold"] .badge-status.ativo,
body[data-theme="obsidian-gold"] .badge-status.ativo,
html[data-theme="deep-teal"] .badge-status.ativo,
body[data-theme="deep-teal"] .badge-status.ativo,
html[data-theme="codex-dark"] .badge-status.ativo,
body[data-theme="codex-dark"] .badge-status.ativo {
  color: #4ade80 !important;
  background: rgba(74, 222, 128, 0.18) !important;
  border-color: rgba(74, 222, 128, 0.4) !important;
}

html[data-theme="v1-cyberpunk"] .badge-status.inativo,
body[data-theme="v1-cyberpunk"] .badge-status.inativo,
html[data-theme="dark-tech"] .badge-status.inativo,
body[data-theme="dark-tech"] .badge-status.inativo,
html[data-theme="obsidian-gold"] .badge-status.inativo,
body[data-theme="obsidian-gold"] .badge-status.inativo,
html[data-theme="deep-teal"] .badge-status.inativo,
body[data-theme="deep-teal"] .badge-status.inativo,
html[data-theme="codex-dark"] .badge-status.inativo,
body[data-theme="codex-dark"] .badge-status.inativo {
  color: #f87171 !important;
  background: rgba(248, 113, 113, 0.18) !important;
  border-color: rgba(248, 113, 113, 0.4) !important;
}

/* Botões de Ação na Tabela */
html[data-theme] .row-action-btn,
body[data-theme] .row-action-btn {
  background: var(--fa-panel-alt, var(--fa-panel)) !important;
  color: var(--fa-text) !important;
  border-color: var(--fa-border) !important;
}
html[data-theme] .row-action-btn:hover,
body[data-theme] .row-action-btn:hover {
  background: var(--fa-primary) !important;
  border-color: var(--fa-primary-dark) !important;
  color: var(--fa-button-text, #ffffff) !important;
}
html[data-theme] .row-action-btn.delete:hover,
body[data-theme] .row-action-btn.delete:hover {
  background: var(--fa-danger, #c62828) !important;
  border-color: var(--fa-danger, #c62828) !important;
  color: #ffffff !important;
}
/* CAMPOS DE EDIÇÃO DO KANBAN DARK TECH: contorno visível e discreto. */
html[data-theme="dark-tech"] .input-id-box,
html[data-theme="dark-tech"] .input-busca-cliente,
body[data-theme="dark-tech"] .input-id-box,
body[data-theme="dark-tech"] .input-busca-cliente {
  background: #172235 !important;
  border: 1px solid rgba(148, 163, 184, 0.55) !important;
}
html[data-theme="dark-tech"] .input-id-box,
body[data-theme="dark-tech"] .input-id-box {
  color: rgba(148, 163, 184, 0.72) !important;
}
html[data-theme="dark-tech"] .input-id-box:focus,
html[data-theme="dark-tech"] .input-busca-cliente:focus,
body[data-theme="dark-tech"] .input-id-box:focus,
body[data-theme="dark-tech"] .input-busca-cliente:focus {
  border-color: rgba(148, 163, 184, 0.72) !important;
  box-shadow: 0 0 0 1px rgba(79, 134, 166, 0.22) !important;
}
/* FILTROS DO KANBAN DARK TECH: mesmo contorno suave dos campos superiores. */
html[data-theme="dark-tech"] .field-filter,
body[data-theme="dark-tech"] .field-filter {
  background: #172235 !important;
  color: rgba(148, 163, 184, 0.82) !important;
  border: 1px solid rgba(148, 163, 184, 0.55) !important;
}
html[data-theme="dark-tech"] .field-filter::placeholder,
body[data-theme="dark-tech"] .field-filter::placeholder {
  color: rgba(148, 163, 184, 0.72) !important;
}
html[data-theme="dark-tech"] .field-filter:focus,
body[data-theme="dark-tech"] .field-filter:focus {
  border-color: rgba(148, 163, 184, 0.72) !important;
  box-shadow: 0 0 0 1px rgba(79, 134, 166, 0.22) !important;
}
/* BORDAS DO KANBAN DARK TECH: remover linhas claras herdadas do layout-base. */
html[data-theme="dark-tech"] .kanban-action-bar,
html[data-theme="dark-tech"] .kanban-filters-bar,
body[data-theme="dark-tech"] .kanban-action-bar,
body[data-theme="dark-tech"] .kanban-filters-bar {
  border-bottom-color: rgba(148, 163, 184, 0.42) !important;
}
html[data-theme="dark-tech"] .kanban-col-head,
body[data-theme="dark-tech"] .kanban-col-head {
  border-bottom-width: 1px !important;
  border-bottom-color: rgba(148, 163, 184, 0.42) !important;
}
/* CORREÇÃO FINAL DA TOPBAR DARK TECH: manter depois das regras genéricas. */
html[data-theme="dark-tech"] body .GOURMET-topbar,
body[data-theme="dark-tech"] .GOURMET-topbar,
html[data-theme="dark-tech"] body .gourmet-topbar,
body[data-theme="dark-tech"] .gourmet-topbar {
  background: #172235 !important;
  background-color: #172235 !important;
  color: #cbd5e1 !important;
  border-bottom-color: #1f293d !important;
}
/* BOTÕES DA TOPBAR DARK TECH: mesmo azul das mesas livres. */
html[data-theme="dark-tech"] .GOURMET-topbar .btn-hamburguer,
html[data-theme="dark-tech"] .GOURMET-topbar .btn-imprimir-usuario,
html[data-theme="dark-tech"] .GOURMET-topbar .user-pill-btn,
body[data-theme="dark-tech"] .GOURMET-topbar .btn-hamburguer,
body[data-theme="dark-tech"] .GOURMET-topbar .btn-imprimir-usuario,
body[data-theme="dark-tech"] .GOURMET-topbar .user-pill-btn {
  background: var(--mesa-livre, #243b4a) !important;
  background-color: var(--mesa-livre, #243b4a) !important;
  border-color: var(--fa-border, #1f293d) !important;
  color: #dbe7ef !important;
}
html[data-theme="dark-tech"] .GOURMET-topbar .btn-hamburguer:hover,
html[data-theme="dark-tech"] .GOURMET-topbar .btn-imprimir-usuario:hover,
html[data-theme="dark-tech"] .GOURMET-topbar .user-pill-btn:hover,
body[data-theme="dark-tech"] .GOURMET-topbar .btn-hamburguer:hover,
body[data-theme="dark-tech"] .GOURMET-topbar .btn-imprimir-usuario:hover,
body[data-theme="dark-tech"] .GOURMET-topbar .user-pill-btn:hover {
  background: var(--mesa-livre-hover, #2d4a5d) !important;
  border-color: var(--fa-border, #1f293d) !important;
}
/* BARRA LATERAL DARK TECH: mesma cor da barra superior. */
html[data-theme="dark-tech"] .GOURMET-rail-sidebar,
body[data-theme="dark-tech"] .GOURMET-rail-sidebar {
  background: #172235 !important;
  background-color: #172235 !important;
  border-right-color: #1f293d !important;
}
/* ÍCONES LATERAIS DARK TECH: mesmo tratamento dos atalhos da barra superior. */
html[data-theme="dark-tech"] .GOURMET-rail-sidebar .rail-btn,
body[data-theme="dark-tech"] .GOURMET-rail-sidebar .rail-btn {
  width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  background: transparent !important;
  border-color: transparent !important;
  color: #cbd5e1 !important;
  opacity: .85;
  box-shadow: none !important;
}
html[data-theme="dark-tech"] .GOURMET-rail-sidebar .rail-btn:hover,
body[data-theme="dark-tech"] .GOURMET-rail-sidebar .rail-btn:hover {
  background: rgba(255,255,255,.10) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  opacity: 1;
}