/* ============================================================================
   HORDELY OPS · linguagem visual das telas operacionais
   ----------------------------------------------------------------------------
   Carregado apenas por caixa, admin, cozinha, entregador e pedido.

   Escopo: body[data-page="..."] — o cardápio e as demais páginas não recebem
   nenhuma regra deste arquivo.

   Cores de marca: NÃO são fixas. Toda ação/identidade usa as variáveis que as
   páginas já recebem do tenant (Admin → Configurações → Cores do Tema):
   --primary, --primary-dark, --primary-soft, --secondary,
   --button-primary, --button-primary-strong e --button-text.

   Superfícies e texto: quando a página não expõe --background/--text, usamos
   neutros claros/escuros discretos (#f6f6f4 / #ffffff / #1b1b1b), nunca a
   paleta fixa de uma marca.

   Cores semânticas (livre/ocupada/conta/erro/sucesso) permanecem verdes,
   âmbar, azuis e vermelhas porque comunicam estado, não identidade.

   Nenhum grid, largura, altura de header, posição ou navegação é alterado.
   ========================================================================== */

html {
  background: #fbf7ef !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) {
  /* ------------------------------------------------------------------------
     Neutros de superfície: mesma papela do garçom
     ------------------------------------------------------------------------ */
  --ops-ink: #16120f;
  --ops-ink-2: #3d342e;
  --ops-ink-3: #6f645c;
  --ops-ink-4: #9b8f86;
  --ops-bg: #fbf7ef;
  --ops-paper: #fffdf8;
  --ops-paper-2: #f5efe4;
  --ops-paper-3: #efe8dc;
  --ops-line: #e7ded1;
  --ops-line-2: #efe8dc;
  --ops-r: 14px;
  --ops-sh: 0 1px 2px rgba(22, 18, 15, .05), 0 16px 34px -24px rgba(22, 18, 15, .4);

  /* ------------------------------------------------------------------------
     Identidade do tenant (nunca fixa)
     ------------------------------------------------------------------------ */
  --ops-accent: var(--primary, #4a4a4a);
  --ops-accent-strong: var(--primary-dark, #2f2f2f);
  --ops-accent-soft: var(--primary-soft, #efefec);
  --ops-identity: var(--primary, #4a4a4a);
  --ops-identity-strong: var(--primary-dark, #2f2f2f);
  --ops-identity-soft: var(--primary-soft, #efefec);
  --ops-brand: var(--button-primary, var(--ops-accent));
  --ops-brand-strong: var(--button-primary-strong, var(--ops-accent-strong));
  --ops-brand-soft: var(--primary-soft, #efefec);
  --ops-on-brand: var(--button-text, #ffffff);
  --ops-secondary: var(--secondary, #4a4a4a);

  /* ------------------------------------------------------------------------
     Status: cores semânticas permitidas (independentes da marca)
     ------------------------------------------------------------------------ */
  --ops-free: #147a4b;
  --ops-free-soft: #e8f6ee;
  --ops-bill: #e8a100;
  --ops-bill-soft: #fff7dd;
  --ops-bill-ink: #8a6000;
  --ops-open: #e8590c;
  --ops-open-deep: #b54708;
  --ops-open-soft: #fff0e6;
  --ops-bad: #b3261e;
  --ops-bad-soft: #fbe9e7;
  --ops-info: #1d4ed8;
  --ops-info-soft: #e9eefb;

  /* ------------------------------------------------------------------------
     Tokens do design system reancorados em neutros (marca continua herdada)
     ------------------------------------------------------------------------ */
  --paper: var(--ops-bg);
  --surface: var(--ops-paper);
  --surface-2: var(--ops-paper-2);
  --surface-3: var(--ops-paper-3);
  --ink: var(--ops-ink);
  --ink-2: var(--ops-ink-2);
  --ink-3: var(--ops-ink-3);
  --ink-4: var(--ops-ink-4);
  --line: var(--ops-line);
  --line-2: var(--ops-line-2);
  --ok: var(--ops-free);
  --ok-bg: var(--ops-free-soft);
  --warn: var(--ops-bill-ink);
  --warn-bg: var(--ops-bill-soft);
  --bad: var(--ops-bad);
  --bad-bg: var(--ops-bad-soft);
  --info: var(--ops-info);
  --info-bg: var(--ops-info-soft);
  --text-primary: var(--ops-ink);
  --text-secondary: var(--ops-ink-2);
  --text-muted: var(--ops-ink-3);
  --border: var(--ops-line);
  --card-bg: var(--ops-paper);
  --sr-bg: var(--ops-bg);
  --sr-surface: var(--ops-paper);
  --sr-surface-2: var(--ops-paper-2);
  --sr-surface-3: var(--ops-paper-3);
  --sr-border: var(--ops-line);
  --sr-text: var(--ops-ink);
  --sr-muted: var(--ops-ink-3);

  /* tokens legados usados pelas telas (--n-*, raios e sombras) */
  --n-50: var(--ops-bg);
  --n-100: var(--ops-paper-2);
  --n-200: var(--ops-line);
  --n-300: #d6d2cc;
  --n-500: var(--ops-ink-3);
  --n-600: #575757;
  --n-700: var(--ops-ink-2);
  --n-900: var(--ops-ink);
  --r-md: 10px;
  --r-xl: var(--ops-r);
  --r-full: 999px;
  --shadow-sm: 0 1px 2px rgba(17, 17, 17, .05);
  --shadow-md: 0 12px 28px -18px rgba(17, 17, 17, .34);
  --success: var(--ops-free);
  --color-primary: var(--ops-brand);
  --primary-faint: var(--ops-accent-soft);
  --pending: var(--ops-bill-ink);
  --preparing: var(--ops-info);
  --ready: var(--ops-free);

  background: var(--ops-bg) !important;
  color: var(--ops-ink) !important;
  font-family: var(--font, 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) ::selection {
  background: var(--ops-accent-soft);
  color: var(--ops-ink);
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) :focus-visible {
  outline: 2px solid var(--ops-accent);
  outline-offset: 2px;
}

/* ==========================================================================
   01 · cabeçalho / topbar
   --------------------------------------------------------------------------
   Mesmo topbar do garçom: papel creme, fio areia, marca do tenant à esquerda.
   ========================================================================== */

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .header,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .topbar {
  background: rgba(251, 247, 239, .94) !important;
  color: var(--ops-ink) !important;
  border-bottom: 1px solid var(--ops-line) !important;
  box-shadow: 0 8px 24px -22px rgba(22, 18, 15, .45) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .header h1,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .header h2,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .topbar strong {
  color: var(--ops-ink) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .header-brand p,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .header-user,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .topbar small,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .topbar #lastUpdate {
  color: var(--ops-ink-3) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .header-brand img {
  width: 46px !important;
  height: 46px !important;
  object-fit: contain !important;
  border-radius: 12px !important;
  background: var(--ops-paper) !important;
  border: 1px solid var(--ops-line) !important;
  padding: 3px !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .header .header-user::before {
  background: var(--ops-free);
  box-shadow: 0 0 0 3px rgba(20, 122, 75, .14);
}

/* Botões dentro do header: contorno de papel, como no garçom. */
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .header .btn,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .topbar .btn,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .header .logout-btn,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .header .back-link,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .header .install-btn {
  background: var(--ops-paper) !important;
  border: 1px solid var(--ops-line) !important;
  color: var(--ops-ink) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .header .btn:hover,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .topbar .btn:hover,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .header .logout-btn:hover,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .header .back-link:hover,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .header .install-btn:hover {
  background: var(--ops-paper-2) !important;
  border-color: #d9cec0 !important;
  color: var(--ops-ink) !important;
  filter: none !important;
}

/* ==========================================================================
   02 · login
   ========================================================================== */

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-section,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) #loginSection,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) #loginView {
  background: var(--ops-bg) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-section > .login-card,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-section > .card,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) #loginSection > .login-card,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) #loginSection > .card,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) #loginView > .login-card {
  background: var(--ops-paper) !important;
  border: 1px solid var(--ops-line) !important;
  border-radius: 16px !important;
  box-shadow: var(--ops-sh) !important;
  padding: 26px 22px !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-card > img {
  width: 76px !important;
  height: 76px !important;
  object-fit: contain !important;
  border-radius: 18px !important;
  margin-bottom: 16px !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-card h1,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-card h2,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-brand-name {
  color: var(--ops-ink) !important;
  font-size: 28px !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
  font-weight: 800 !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-card label {
  color: var(--ops-ink-2) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-brand-sub,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-card > p,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-card .sub,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-note {
  color: var(--ops-ink-3) !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-card input,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-card select {
  background-color: var(--ops-paper) !important;
  border: 1px solid var(--ops-line) !important;
  color: var(--ops-ink) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  min-height: 52px !important;
  padding: 0 14px !important;
  font-size: 16px !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-card input:focus,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-card select:focus {
  border-color: var(--ops-brand) !important;
  box-shadow: 0 0 0 3px var(--ops-brand-soft) !important;
  outline: none !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-card button[type="submit"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-card .login-btn {
  background: var(--ops-brand) !important;
  border: 1px solid var(--ops-brand) !important;
  color: var(--ops-on-brand) !important;
  border-radius: 12px !important;
  min-height: 52px !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  letter-spacing: -.01em !important;
  box-shadow: none !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-card button[type="submit"]:hover,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-card .login-btn:hover {
  background: var(--ops-brand-strong) !important;
  border-color: var(--ops-brand-strong) !important;
}

/* ==========================================================================
   03 · superfícies (cards, KPIs, pedidos, mesas, modais)
   ========================================================================== */

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .card,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .panel,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .modal-content,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-content,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .settings-section,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .store-profile-panel,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .sheet-card,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .delivery-card,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .delivery-info-card,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .delivery-section-card {
  background: var(--ops-paper) !important;
  border: 1px solid var(--ops-line) !important;
  border-radius: var(--ops-r) !important;
  box-shadow: var(--ops-sh) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .stat-card {
  background: var(--ops-paper) !important;
  border: 1px solid var(--ops-line) !important;
  border-top: 1px solid var(--ops-line) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  padding: 11px 10px !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .stat-card:hover {
  border-color: #d3cec7 !important;
  background: var(--ops-paper) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .stat-card--clickable:hover {
  border-color: var(--ops-open) !important;
  background: var(--ops-open-soft) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .stat-number {
  color: var(--ops-ink) !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  letter-spacing: -.04em !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .stat-label {
  color: var(--ops-ink-3) !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .stat-icon {
  color: var(--ops-ink-4) !important;
  opacity: .75 !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .order-card {
  background: var(--ops-paper) !important;
  border: 1px solid var(--ops-line) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  padding: 14px !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .order-card:hover {
  box-shadow: var(--ops-sh) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .order-head,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .order-foot {
  border-color: var(--ops-line-2) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .order-foot {
  background: var(--ops-bg) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .order-title,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .order-total {
  color: var(--ops-ink) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .order-customer,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .order-meta {
  color: var(--ops-ink-3) !important;
}

/* Mesas: status semânticos, sem usar a cor de marca. */
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .table-tile {
  border-radius: 12px !important;
  border: 1px solid var(--ops-line) !important;
  background: var(--ops-paper) !important;
  color: var(--ops-ink) !important;
  box-shadow: inset 3px 0 0 var(--ops-ink-4) !important;
  padding: 10px 9px !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .table-tile.is-free {
  background: var(--ops-free-soft) !important;
  border-color: #c6e3d3 !important;
  color: var(--ops-free) !important;
  box-shadow: inset 3px 0 0 var(--ops-free) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .table-tile.is-open {
  background: var(--ops-open-soft) !important;
  border-color: #f5c9ac !important;
  color: var(--ops-open-deep) !important;
  box-shadow: inset 3px 0 0 var(--ops-open) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .table-tile.is-preparing {
  background: var(--ops-info-soft) !important;
  border-color: #c9d5f5 !important;
  color: var(--ops-info) !important;
  box-shadow: inset 3px 0 0 var(--ops-info) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .table-tile.is-closing {
  background: var(--ops-bill-soft) !important;
  border-color: #f0dca6 !important;
  color: var(--ops-bill-ink) !important;
  box-shadow: inset 3px 0 0 var(--ops-bill) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .table-tile:hover,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .table-tile.is-selected {
  border-color: var(--ops-open) !important;
  box-shadow: inset 3px 0 0 var(--ops-open), 0 0 0 2px var(--ops-open-soft) !important;
}

/* ==========================================================================
   04 · tipografia e textos auxiliares
   ========================================================================== */

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) h1,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) h2,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) h3,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) h4,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .card h1,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .card h2,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .card h3 {
  color: var(--ops-ink) !important;
  letter-spacing: -.025em;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .inline-note,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .muted,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .text-muted,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .card p,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .card small {
  color: var(--ops-ink-3) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .card p strong,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .card small strong {
  color: var(--ops-ink-2) !important;
}

/* ==========================================================================
   05 · botões (primário = cor de ação do tenant)
   ========================================================================== */

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .btn,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) button.btn,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-btn,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) button[type="submit"] {
  border-radius: 12px !important;
  font-weight: 800 !important;
  font-size: 13.5px !important;
  letter-spacing: -.01em !important;
  min-height: 44px !important;
  padding: 0 16px !important;
  box-shadow: none;
  transition: background .15s, border-color .15s, color .15s, transform .15s;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .btn:active {
  transform: translateY(1px);
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .btn-sm {
  min-height: 36px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .btn-primary,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .btn-accent {
  background: var(--ops-brand) !important;
  border-color: var(--ops-brand) !important;
  color: var(--ops-on-brand) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .btn-primary:hover,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .btn-accent:hover {
  background: var(--ops-brand-strong) !important;
  border-color: var(--ops-brand-strong) !important;
  filter: none !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .btn-secondary,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .btn-outline,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .btn-ghost {
  background: var(--ops-paper) !important;
  border: 1px solid var(--ops-line) !important;
  color: var(--ops-ink) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .btn-secondary:hover,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .btn-outline:hover,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .btn-ghost:hover {
  background: var(--ops-paper-2) !important;
  border-color: #d3cec7 !important;
  color: var(--ops-ink) !important;
  filter: none !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .btn-success {
  background: var(--ops-free) !important;
  border-color: var(--ops-free) !important;
  color: #ffffff !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .btn-success:hover {
  background: #106640 !important;
  border-color: #106640 !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .btn-warning {
  background: var(--ops-bill) !important;
  border-color: var(--ops-bill) !important;
  color: var(--ops-ink) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .btn-danger {
  background: var(--ops-bad) !important;
  border-color: var(--ops-bad) !important;
  color: #ffffff !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .btn:disabled,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .btn[disabled] {
  opacity: .48 !important;
  box-shadow: none !important;
}

/* ==========================================================================
   06 · campos
   ========================================================================== */

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .form-input,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .form-select,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .form-textarea,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .search-input,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .form-group input,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .form-group select,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .form-group textarea,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) input[type="text"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) input[type="password"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) input[type="email"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) input[type="tel"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) input[type="number"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) input[type="search"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) input[type="date"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) input[type="time"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) input[type="url"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) select,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) textarea {
  background-color: var(--ops-paper) !important;
  border: 1px solid var(--ops-line) !important;
  border-radius: 12px !important;
  color: var(--ops-ink) !important;
  box-shadow: none !important;
  min-height: 48px !important;
  padding: 0 14px !important;
  font-size: 16px !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) textarea {
  min-height: 96px !important;
  padding: 12px 14px !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) select {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236B6B6B' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .form-input:focus,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .form-select:focus,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .form-textarea:focus,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .form-group input:focus,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .form-group select:focus,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .form-group textarea:focus,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) input:focus,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) select:focus,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) textarea:focus {
  border-color: var(--ops-accent) !important;
  box-shadow: 0 0 0 3px var(--ops-accent-soft) !important;
  outline: none !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) input::placeholder,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) textarea::placeholder {
  color: var(--ops-ink-4) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) label,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .form-label {
  color: var(--ops-ink-2) !important;
  font-weight: 700 !important;
}

/* ==========================================================================
   07 · abas, chips e status em pílula
   ========================================================================== */

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .tabs,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .category-tabs,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .settings-sub-tabs,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .view-switcher {
  background: var(--ops-paper) !important;
  border: 1px solid var(--ops-line) !important;
  border-radius: 999px !important;
  padding: 4px !important;
  gap: 4px !important;
  box-shadow: none !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .tab,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .tab-btn,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .category-tab,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .settings-sub-tab {
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--ops-ink-3) !important;
  font-weight: 700 !important;
  font-size: 12.5px !important;
  padding: 9px 13px !important;
  white-space: nowrap !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .tab:hover,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .tab-btn:hover,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .category-tab:hover,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .settings-sub-tab:hover {
  background: var(--ops-paper-2) !important;
  color: var(--ops-ink) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .tab.active,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .tab-btn.active,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .category-tab.active,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .settings-sub-tab.active {
  background: #16120f !important;
  border-color: #16120f !important;
  color: #fff !important;
  font-weight: 800 !important;
}

/* Chips e badges em pílula */
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .badge,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .pill,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .card-tag,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .product-badge,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .fulfillment-badge,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .order-status-badge,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .status-badge,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .delivery-status,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .schedule-status,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .status-pill,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .stat-filter-chip,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .station,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .count {
  border-radius: 999px !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .stat-filter-chip {
  background: var(--ops-paper-2) !important;
  border: 1px solid var(--ops-line) !important;
  color: var(--ops-ink-3) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .order-status-badge.pending,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .badge-pending,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .badge-new,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .order-status-badge.waiting {
  background: var(--ops-bill-soft) !important;
  border: 1px solid #f0dca6 !important;
  color: var(--ops-bill-ink) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .order-status-badge.confirmed,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .order-status-badge.preparing,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .badge-preparing,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .badge-warning,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .order-status-badge.delivering,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .badge-delivering {
  background: var(--ops-info-soft) !important;
  border: 1px solid #c9d5f5 !important;
  color: var(--ops-info) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .order-status-badge.ready,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .order-status-badge.delivered,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .badge-success,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .badge-ready,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .badge-done,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .badge-delivered,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .order-status-badge.active {
  background: var(--ops-free-soft) !important;
  border: 1px solid #c6e3d3 !important;
  color: var(--ops-free) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .order-status-badge.cancelled,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .badge-error,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .badge-cancelled {
  background: var(--ops-bad-soft) !important;
  border: 1px solid #ecc9c4 !important;
  color: var(--ops-bad) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .schedule-status.open,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .delivery-status.status-assigned,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .delivery-status.status-started {
  background: var(--ops-info-soft) !important;
  border: 1px solid #c9d5f5 !important;
  color: var(--ops-info) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .schedule-status.open {
  background: var(--ops-free-soft) !important;
  border-color: #c6e3d3 !important;
  color: var(--ops-free) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .schedule-status.closed {
  background: var(--ops-bad-soft) !important;
  border: 1px solid #ecc9c4 !important;
  color: var(--ops-bad) !important;
}

/* ==========================================================================
   08 · tabelas e listas
   ========================================================================== */

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) table {
  border-color: var(--ops-line) !important;
  color: var(--ops-ink-2) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) table th {
  background: var(--ops-paper-2) !important;
  color: var(--ops-ink-3) !important;
  border-color: var(--ops-line) !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) table td {
  border-color: var(--ops-line-2) !important;
  color: var(--ops-ink-2) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) table tr:hover td {
  background: var(--ops-bg) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) table td strong {
  color: var(--ops-ink) !important;
}

/* ==========================================================================
   09 · modais e overlays
   ========================================================================== */

body#hordely-ui[data-page="caixa"] .modal:not(.hidden):not([style*="display: none"]):not([style*="display:none"]) {
  background: rgba(17, 17, 17, .62) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .modal,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-modal {
  background-color: rgba(17, 17, 17, .62) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .modal-content,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-content {
  background: var(--ops-paper) !important;
  border: 1px solid var(--ops-line) !important;
  border-radius: var(--ops-r) !important;
  box-shadow: 0 28px 64px -20px rgba(17, 17, 17, .48) !important;
  color: var(--ops-ink) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .modal-content h1,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .modal-content h2,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .modal-content h3,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-content h1,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-content h2,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-content h3,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-title {
  color: var(--ops-ink) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .modal-content p,
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .login-content p {
  color: var(--ops-ink-3) !important;
}

/* Diálogos askText (hordely-ui.js): o CSS do script usa cores fixas;
   reancoramos no tenant para o modal acompanhar a identidade da loja. */
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .hp-overlay {
  background: rgba(17, 17, 17, .62) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .hp-card {
  background: var(--ops-paper) !important;
  border: 1px solid var(--ops-line) !important;
  border-radius: var(--ops-r) !important;
  box-shadow: 0 28px 64px -20px rgba(17, 17, 17, .48) !important;
  color: var(--ops-ink) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .hp-head {
  border-bottom: 1px solid var(--ops-line-2) !important;
  color: var(--ops-ink) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .hp-x {
  color: var(--ops-ink-3) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .hp-x:hover {
  background: var(--ops-paper-2) !important;
  color: var(--ops-ink) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .hp-label {
  color: var(--ops-ink-3) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .hp-input {
  background: var(--ops-paper) !important;
  border: 1px solid var(--ops-line) !important;
  border-radius: 10px !important;
  color: var(--ops-ink) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .hp-input:focus {
  border-color: var(--ops-accent) !important;
  box-shadow: 0 0 0 3px var(--ops-accent-soft) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .hp-foot {
  background: var(--ops-bg) !important;
  border-top: 1px solid var(--ops-line-2) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .hp-btn {
  background: var(--ops-paper) !important;
  border: 1px solid var(--ops-line) !important;
  border-radius: 10px !important;
  color: var(--ops-ink-2) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .hp-btn:hover {
  background: var(--ops-paper-2) !important;
  color: var(--ops-ink) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .hp-btn.is-primary {
  background: var(--ops-brand) !important;
  border-color: var(--ops-brand) !important;
  color: var(--ops-on-brand) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .hp-btn.is-primary:hover {
  background: var(--ops-brand-strong) !important;
  border-color: var(--ops-brand-strong) !important;
  filter: none !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .hp-error {
  color: var(--ops-bad) !important;
}

/* Botão de fechar injetado por modal-close.js. */
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .hordely-modal-x {
  background: var(--ops-paper) !important;
  border: 1px solid var(--ops-line) !important;
  color: var(--ops-ink-3) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .hordely-modal-x:hover {
  background: var(--ops-paper-2) !important;
  color: var(--ops-ink) !important;
}

/* ==========================================================================
   10 · ajustes por tela
   ========================================================================== */

/* Caixa: faixa de impressão e switcher no neutro claro. */
body#hordely-ui[data-page="caixa"] #cashierPrintStatus {
  background: var(--ops-paper-2) !important;
  border-bottom: 1px solid var(--ops-line) !important;
  color: var(--ops-ink-3) !important;
}

body#hordely-ui[data-page="caixa"] .view-switcher {
  background: var(--ops-bg) !important;
  border-bottom: 1px solid var(--ops-line) !important;
}

body#hordely-ui[data-page="caixa"] .view-switcher .btn-ghost {
  background: var(--ops-paper) !important;
  border: 1px solid var(--ops-line) !important;
  color: var(--ops-ink-2) !important;
}

body#hordely-ui[data-page="caixa"] .view-switcher .btn-ghost:hover {
  background: var(--ops-paper-2) !important;
  color: var(--ops-ink) !important;
}

body#hordely-ui[data-page="caixa"] .tables-head h2 {
  color: var(--ops-ink) !important;
}

body#hordely-ui[data-page="caixa"] #tablesGrid .table-tile {
  min-height: 52px !important;
}

/* Admin: abas em pílula sem perder a rolagem horizontal existente. */
body#hordely-ui[data-page="admin"] .tabs {
  padding: 6px 4px 10px !important;
  border-bottom: 1px solid var(--ops-line) !important;
  margin-bottom: 16px !important;
}

body#hordely-ui[data-page="admin"] .tab {
  border: 1px solid var(--ops-line) !important;
  background: var(--ops-paper) !important;
}

body#hordely-ui[data-page="admin"] .tab.active {
  border-color: var(--ops-brand) !important;
  background: var(--ops-brand) !important;
}

body#hordely-ui[data-page="admin"] .settings-sub-tab {
  background: var(--ops-paper) !important;
  border: 1px solid var(--ops-line) !important;
  color: var(--ops-ink-3) !important;
}

body#hordely-ui[data-page="admin"] .settings-sub-tab:hover {
  background: var(--ops-paper-2) !important;
  border-color: #d3cec7 !important;
  color: var(--ops-ink) !important;
}

body#hordely-ui[data-page="admin"] .settings-sub-tab.active {
  background: var(--ops-brand) !important;
  border-color: var(--ops-brand) !important;
  color: var(--ops-on-brand) !important;
}

body#hordely-ui[data-page="admin"] .operation-summary {
  color: var(--ops-ink-2) !important;
}

body#hordely-ui[data-page="admin"] .operation-summary strong {
  color: var(--ops-ink) !important;
}

/* Cozinha: colunas do KDS com cartão claro e status semântico. */
body#hordely-ui[data-page="cozinha"] .column {
  background: var(--ops-paper-2) !important;
  border: 1px solid var(--ops-line) !important;
  border-radius: var(--ops-r) !important;
}

body#hordely-ui[data-page="cozinha"] .column h2 {
  color: var(--ops-ink-2) !important;
}

body#hordely-ui[data-page="cozinha"] .col-pending h2 { color: var(--ops-bill-ink) !important; }
body#hordely-ui[data-page="cozinha"] .col-preparing h2 { color: var(--ops-info) !important; }
body#hordely-ui[data-page="cozinha"] .col-ready h2 { color: var(--ops-free) !important; }

body#hordely-ui[data-page="cozinha"] .column .card {
  border-left: 3px solid transparent !important;
  box-shadow: none !important;
}

body#hordely-ui[data-page="cozinha"] .col-pending .card { border-left-color: var(--ops-bill) !important; }
body#hordely-ui[data-page="cozinha"] .col-preparing .card { border-left-color: var(--ops-info) !important; }
body#hordely-ui[data-page="cozinha"] .col-ready .card { border-left-color: var(--ops-free) !important; }

body#hordely-ui[data-page="cozinha"] .count {
  background: var(--ops-paper) !important;
  border: 1px solid var(--ops-line) !important;
  color: var(--ops-ink-2) !important;
}

body#hordely-ui[data-page="cozinha"] .note {
  background: var(--ops-bill-soft) !important;
  border: 1px solid #f0dca6 !important;
  color: #6b4c00 !important;
  border-radius: 10px !important;
}

body#hordely-ui[data-page="cozinha"] .station {
  background: var(--ops-paper-2) !important;
  color: var(--ops-ink-3) !important;
}

body#hordely-ui[data-page="cozinha"] .qty {
  color: var(--ops-ink-2) !important;
}

body#hordely-ui[data-page="cozinha"] .btn-dark {
  background: var(--ops-brand) !important;
  border-color: var(--ops-brand) !important;
  color: var(--ops-on-brand) !important;
}

body#hordely-ui[data-page="cozinha"] .btn-dark:hover {
  background: var(--ops-brand-strong) !important;
  border-color: var(--ops-brand-strong) !important;
  filter: none !important;
}

body#hordely-ui[data-page="cozinha"] .card-actions .btn {
  background: var(--ops-brand) !important;
  border-color: var(--ops-brand) !important;
  color: var(--ops-on-brand) !important;
}

body#hordely-ui[data-page="cozinha"] .card-actions .btn:hover {
  background: var(--ops-brand-strong) !important;
  border-color: var(--ops-brand-strong) !important;
  filter: none !important;
}

/* Entregador: barra de visões e cartões de entrega. */
body#hordely-ui[data-page="entregador"] .view-switcher-container {
  background: var(--ops-bg) !important;
  border-bottom: 1px solid var(--ops-line) !important;
}

body#hordely-ui[data-page="entregador"] .view-switcher {
  background: transparent !important;
  border: 0 !important;
}

body#hordely-ui[data-page="entregador"] .view-switcher .btn {
  background: var(--ops-paper) !important;
  border: 1px solid var(--ops-line) !important;
  color: var(--ops-ink-2) !important;
}

body#hordely-ui[data-page="entregador"] .view-switcher .btn.active {
  background: var(--ops-brand) !important;
  border-color: var(--ops-brand) !important;
  color: var(--ops-on-brand) !important;
}

body#hordely-ui[data-page="entregador"] .delivery-number,
body#hordely-ui[data-page="entregador"] .delivery-section-title,
body#hordely-ui[data-page="entregador"] .delivery-info-card strong {
  color: var(--ops-ink) !important;
}

body#hordely-ui[data-page="entregador"] .delivery-customer-name,
body#hordely-ui[data-page="entregador"] .delivery-timeline-note {
  color: var(--ops-ink-3) !important;
}

body#hordely-ui[data-page="entregador"] .connection-banner.connection-banner--online {
  background: var(--ops-free-soft) !important;
  border-color: #c6e3d3 !important;
  color: var(--ops-free) !important;
}

body#hordely-ui[data-page="entregador"] .connection-banner.connection-banner--offline {
  background: var(--ops-bad-soft) !important;
  border-color: #ecc9c4 !important;
  color: var(--ops-bad) !important;
}

/* Pedido: hero na cor do tenant; cards claros e legíveis. */
body#hordely-ui[data-page="pedido"] .hero {
  background:
    radial-gradient(120% 100% at 88% 0%, rgba(255, 255, 255, .18) 0%, rgba(255, 255, 255, 0) 58%),
    linear-gradient(135deg, var(--ops-identity) 0%, var(--primary-strong, var(--ops-identity-strong)) 100%) !important;
  color: #ffffff !important;
  border: 1px solid transparent !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 40px -28px rgba(17, 17, 17, .55) !important;
}

body#hordely-ui[data-page="pedido"] .hero small {
  color: #ffffff !important;
  opacity: .82 !important;
}

body#hordely-ui[data-page="pedido"] .hero h1 {
  color: #ffffff !important;
}

body#hordely-ui[data-page="pedido"] .card-header {
  border-bottom: 1px solid var(--ops-line-2) !important;
}

body#hordely-ui[data-page="pedido"] .item {
  border-bottom: 1px solid var(--ops-line-2) !important;
}

body#hordely-ui[data-page="pedido"] .summary-row.total {
  border-top: 1px solid var(--ops-line) !important;
  color: var(--ops-identity-strong) !important;
}

body#hordely-ui[data-page="pedido"] .status-pill {
  background: var(--ops-identity-soft) !important;
  border: 1px solid var(--ops-line) !important;
  color: var(--ops-identity-strong) !important;
}

body#hordely-ui[data-page="pedido"] .timeline-icon {
  background: var(--ops-paper-2) !important;
  color: var(--ops-ink-3) !important;
}

body#hordely-ui[data-page="pedido"] .timeline-item.active .timeline-icon {
  background: var(--ops-identity) !important;
  color: #ffffff !important;
}

body#hordely-ui[data-page="pedido"] .timeline-title {
  color: var(--ops-ink) !important;
}

body#hordely-ui[data-page="pedido"] .timeline-text {
  color: var(--ops-ink-3) !important;
}

body#hordely-ui[data-page="pedido"] .install-card {
  background: var(--ops-paper) !important;
  border: 1px solid var(--ops-line) !important;
  color: var(--ops-ink) !important;
  box-shadow: var(--ops-sh) !important;
}

body#hordely-ui[data-page="pedido"] .install-card-title {
  color: var(--ops-ink) !important;
}

body#hordely-ui[data-page="pedido"] .install-card-text {
  color: var(--ops-ink-3) !important;
  opacity: 1 !important;
}

body#hordely-ui[data-page="pedido"] .install-card-btn {
  background: var(--ops-brand) !important;
  color: var(--ops-on-brand) !important;
  border-radius: 999px !important;
}

body#hordely-ui[data-page="pedido"] .install-card-secondary {
  background: transparent !important;
  border: 1px solid var(--ops-line) !important;
  color: var(--ops-ink-2) !important;
  border-radius: 999px !important;
}

body#hordely-ui[data-page="pedido"] .chat-fab {
  background: var(--ops-brand) !important;
  color: var(--ops-on-brand) !important;
  box-shadow: 0 18px 35px -16px rgba(17, 17, 17, .45) !important;
}

/* ==========================================================================
   11 · normalização de estilos inline legados (sem tocar no HTML)
   --------------------------------------------------------------------------
   As telas antigas ainda carregam cores frias em style="" gerados por JS.
   Os seletores abaixo trocam somente cores neutras por equivalentes da
   linguagem atual; cores semânticas (erro/sucesso) não são afetadas.
   ========================================================================== */

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="#e5e7eb"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="#eef2f7"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="#f0f0f0"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="#f3f4f6"] {
  border-color: var(--ops-line) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="background:#f3f4f6"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="background: #f3f4f6"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="background:#f9fafb"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="background: #f9fafb"] {
  background: var(--ops-paper-2) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="background:#d1fae5"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="background: #d1fae5"] {
  background: var(--ops-free-soft) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="background:#fef3c7"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="background: #fef3c7"] {
  background: var(--ops-bill-soft) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="background:#dbeafe"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="background: #dbeafe"] {
  background: var(--ops-info-soft) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="background:#fee2e2"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="background: #fee2e2"] {
  background: var(--ops-bad-soft) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="color:#666"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="color: #666"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="color:#6b7280"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="color: #6b7280"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="color:#475569"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="color: #475569"] {
  color: var(--ops-ink-3) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="color:#111827"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="color: #111827"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="color:#1f2937"],
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) [style*="color: #1f2937"] {
  color: var(--ops-ink) !important;
}

/* ==========================================================================
   12 · responsivo (sem alterar grids existentes)
   ========================================================================== */

@media (max-width: 640px) {
  body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .header .btn,
  body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .topbar .btn {
    border-radius: 9px !important;
  }

  body#hordely-ui[data-page="admin"] .tabs {
    padding: 4px 2px 8px !important;
  }

  /* Ajuste pontual: a topbar da cozinha tem título + 2 botões e não cabia
     nos 64px fixos do esquema antigo; o conteúdo transbordava sobre o KDS. */
  body#hordely-ui[data-page="cozinha"] .topbar {
    height: auto !important;
    max-height: none !important;
    min-height: 64px !important;
    padding: 10px 14px calc(10px + env(safe-area-inset-top, 0px)) !important;
    row-gap: 8px !important;
  }

  /* Ajuste pontual: no pedido, o link "Voltar ao cardápio" ocupa a linha
     inteira e era desenhado por cima do hero. O header cresce para contê-lo. */
  body#hordely-ui[data-page="pedido"] .header {
    height: auto !important;
    max-height: none !important;
    min-height: 64px !important;
    padding: 8px 12px calc(8px + env(safe-area-inset-top, 0px)) !important;
  }

  body#hordely-ui[data-page="pedido"] .header-top {
    height: auto !important;
    min-height: 48px !important;
    row-gap: 6px !important;
  }
}

/* ==========================================================================
   13 · unificação final: padrão do garçom nas telas de equipe
   --------------------------------------------------------------------------
   Um único vocabulário: papel creme, cartões de 14px, pílulas pretas,
   tipografia pesada e cor do tenant só em ações/identidade.
   ========================================================================== */

body#hordely-ui[data-page="caixa"] .view-switcher .btn-primary,
body#hordely-ui[data-page="admin"] .tab.active,
body#hordely-ui[data-page="admin"] .settings-sub-tab.active {
  background: var(--ops-brand) !important;
  border-color: var(--ops-brand) !important;
  color: var(--ops-on-brand) !important;
}

body#hordely-ui[data-page="caixa"] .view-switcher .btn {
  border-radius: 10px !important;
}

body#hordely-ui[data-page="caixa"] .stats-strip,
body#hordely-ui[data-page="entregador"] .stats-grid {
  gap: 8px !important;
}

body#hordely-ui[data-page="caixa"] #tablesGrid {
  grid-template-columns: repeat(auto-fill, minmax(120px, 180px)) !important;
  gap: 8px !important;
  padding: 12px !important;
}

body#hordely-ui[data-page="caixa"] #tablesGrid .table-tile {
  height: auto !important;
  min-height: 112px !important;
  max-height: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  gap: 8px !important;
  text-align: left !important;
  padding: 10px !important;
}

body#hordely-ui[data-page="caixa"] .tile-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 6px !important;
}

body#hordely-ui[data-page="caixa"] .tile-num {
  font-size: 30px !important;
  line-height: .92 !important;
  letter-spacing: -.05em !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums;
}

body#hordely-ui[data-page="caixa"] .table-tile.is-balcao .tile-num {
  font-size: 13px !important;
  line-height: 1.05 !important;
  letter-spacing: -.03em !important;
  white-space: nowrap !important;
}

body#hordely-ui[data-page="caixa"] .tile-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 3px 7px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .72) !important;
  border: 1px solid rgba(22, 18, 15, .08) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  color: var(--ops-ink-3) !important;
}

body#hordely-ui[data-page="caixa"] .tile-badge::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
}

body#hordely-ui[data-page="caixa"] .table-tile.is-free .tile-badge { color: var(--ops-free) !important; }
body#hordely-ui[data-page="caixa"] .table-tile.is-open .tile-badge { color: var(--ops-open-deep) !important; }
body#hordely-ui[data-page="caixa"] .table-tile.is-preparing .tile-badge { color: var(--ops-info) !important; }
body#hordely-ui[data-page="caixa"] .table-tile.is-closing .tile-badge { color: var(--ops-bill-ink) !important; }

body#hordely-ui[data-page="caixa"] .tile-mid {
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
  margin-top: 2px !important;
}

body#hordely-ui[data-page="caixa"] .tile-mid span {
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  color: var(--ops-ink-3) !important;
}

body#hordely-ui[data-page="caixa"] .tile-mid strong {
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  line-height: 1.12 !important;
  font-variant-numeric: tabular-nums;
}

body#hordely-ui[data-page="caixa"] .table-tile.is-free .tile-mid strong {
  font-size: 13px !important;
  letter-spacing: -.01em !important;
  color: var(--ops-free) !important;
}

body#hordely-ui[data-page="caixa"] .tile-foot {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  padding-top: 7px !important;
  border-top: 1px solid rgba(22, 18, 15, .07) !important;
  color: var(--ops-ink-3) !important;
  font-size: 9.5px !important;
  font-weight: 600 !important;
  min-width: 0 !important;
}

body#hordely-ui[data-page="caixa"] .tile-foot span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body#hordely-ui[data-page="caixa"] .tile-foot span:last-child { text-align: right !important; }

body#hordely-ui[data-page="caixa"] .tables-head h2,
body#hordely-ui[data-page="caixa"] #ordersSectionHeader h2 {
  font-size: 20px !important;
  letter-spacing: -.03em !important;
}

body#hordely-ui[data-page="admin"] .tabs {
  background: var(--ops-paper) !important;
  border: 1px solid var(--ops-line) !important;
  border-radius: 999px !important;
  padding: 4px !important;
  margin-bottom: 16px !important;
  overflow-x: auto !important;
}

body#hordely-ui[data-page="admin"] .tab {
  border-radius: 999px !important;
  padding: 9px 14px !important;
  font-size: 12.5px !important;
}

body#hordely-ui[data-page="admin"] .stat-card {
  border-radius: 12px !important;
}

body#hordely-ui[data-page="admin"] .card {
  padding: 16px !important;
}

body#hordely-ui[data-page="cozinha"] .topbar {
  background: rgba(251, 247, 239, .94) !important;
  color: var(--ops-ink) !important;
  border-bottom: 1px solid var(--ops-line) !important;
}

body#hordely-ui[data-page="cozinha"] .column {
  border-radius: 14px !important;
}

body#hordely-ui[data-page="cozinha"] .column .card {
  border-radius: 12px !important;
}

body#hordely-ui[data-page="entregador"] .header {
  background: rgba(251, 247, 239, .94) !important;
  color: var(--ops-ink) !important;
  border-bottom: 1px solid var(--ops-line) !important;
}

body#hordely-ui[data-page="entregador"] .stats-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body#hordely-ui[data-page="entregador"] .delivery-card {
  border-radius: 14px !important;
  padding: 14px !important;
}

body#hordely-ui[data-page="pedido"] .header {
  background: rgba(251, 247, 239, .94) !important;
  color: var(--ops-ink) !important;
  border-bottom: 1px solid var(--ops-line) !important;
}

body#hordely-ui[data-page="pedido"] .card,
body#hordely-ui[data-page="pedido"] .order-card {
  border-radius: 14px !important;
}

body#hordely-ui[data-page="pedido"] .order-card {
  padding: 14px !important;
}

body#hordely-ui[data-page="pedido"] .order-header strong,
body#hordely-ui[data-page="pedido"] .card-header h2 {
  letter-spacing: -.02em !important;
  font-weight: 800 !important;
}

body#hordely-ui[data-page="pedido"] .hero {
  background: var(--ops-paper) !important;
  color: var(--ops-ink) !important;
  border: 1px solid var(--ops-line) !important;
  border-left: 4px solid var(--ops-brand) !important;
  border-radius: 14px !important;
  box-shadow: var(--ops-sh) !important;
}

body#hordely-ui[data-page="pedido"] .hero small {
  color: var(--ops-ink-3) !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

body#hordely-ui[data-page="pedido"] .hero h1 {
  color: var(--ops-ink) !important;
  font-size: 26px !important;
  letter-spacing: -.035em !important;
  font-weight: 800 !important;
}

body#hordely-ui[data-page="pedido"] .hero .install-card-btn {
  background: var(--ops-brand) !important;
  color: var(--ops-on-brand) !important;
  border: 1px solid var(--ops-brand) !important;
  border-radius: 12px !important;
  min-height: 44px !important;
  font-weight: 800 !important;
}

body#hordely-ui[data-page="caixa"] #cashierRestaurantTitle {
  display: block !important;
}

body#hordely-ui[data-page="caixa"] .header-brand,
body#hordely-ui[data-page="admin"] .header-brand,
body#hordely-ui[data-page="entregador"] .header-brand {
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  min-width: 0 !important;
}

body#hordely-ui[data-page="caixa"] .header-brand .brand-header-text,
body#hordely-ui[data-page="admin"] .header-brand .brand-header-text,
body#hordely-ui[data-page="entregador"] .header-brand .brand-header-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
  min-width: 0 !important;
}

body#hordely-ui[data-page="caixa"] .header-brand h1,
body#hordely-ui[data-page="admin"] .header-brand h1,
body#hordely-ui[data-page="entregador"] .header-brand h1 {
  font-size: 15px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

body#hordely-ui[data-page="caixa"] .header-brand p {
  display: block !important;
  font-size: 11px !important;
  color: var(--ops-ink-3) !important;
}

body#hordely-ui[data-page="caixa"] .header-user {
  display: inline-flex !important;
}

@media (max-width: 420px) {
  body#hordely-ui[data-page="caixa"] .header-user {
    display: none !important;
  }
}

body#hordely-ui[data-page="admin"] .header-brand h1 {
  display: block !important;
}

@media (max-width: 700px) {
  body#hordely-ui[data-page="caixa"] #tablesGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  body#hordely-ui[data-page="caixa"] .stats-strip {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body#hordely-ui[data-page="caixa"] .stats-strip > .stat-card:last-child {
    grid-column: 1 / -1;
  }

  body#hordely-ui[data-page="caixa"] .stat-number {
    font-size: 19px !important;
  }

  body#hordely-ui[data-page="caixa"] .stat-label {
    font-size: 8.5px !important;
  }

  body#hordely-ui[data-page="caixa"] .page-pad {
    padding: 12px !important;
  }

  body#hordely-ui[data-page="caixa"] #tablesGrid .table-tile {
    height: auto !important;
    min-height: 110px !important;
    max-height: none !important;
    padding: 9px 8px !important;
  }

  body#hordely-ui[data-page="caixa"] .tile-num {
    font-size: 26px !important;
  }

  body#hordely-ui[data-page="caixa"] .table-tile.is-balcao .tile-num {
    font-size: 12px !important;
  }

  body#hordely-ui[data-page="caixa"] .tile-foot span:last-child {
    display: none !important;
  }

  body#hordely-ui[data-page="entregador"] .stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body#hordely-ui[data-page="entregador"] .stats-grid .stat-card {
    padding: 9px 7px !important;
  }
}

/* ==========================================================================
   14 · login da equipe: mesma composição do garçom
   ========================================================================== */

html.staff-login-pending .login-card {
  opacity: 0 !important;
}

body#hordely-ui #loginSection.staff-login.hidden,
body#hordely-ui #loginView.staff-login.hidden,
body#hordely-ui .login-section.staff-login.hidden,
body#hordely-ui[data-page="caixa"] #loginSection.staff-login[style*="display: none"],
body#hordely-ui[data-page="admin"] #loginSection.staff-login[style*="display: none"],
body#hordely-ui[data-page="cozinha"] #loginView.staff-login[style*="display: none"],
body#hordely-ui[data-page="entregador"] #loginSection.staff-login[style*="display: none"],
body#hordely-ui[data-page="caixa"] #loginSection.staff-login[style*="display:none"],
body#hordely-ui[data-page="admin"] #loginSection.staff-login[style*="display:none"],
body#hordely-ui[data-page="cozinha"] #loginView.staff-login[style*="display:none"],
body#hordely-ui[data-page="entregador"] #loginSection.staff-login[style*="display:none"] {
  display: none !important;
}

body#hordely-ui[data-page="caixa"] #loginSection.staff-login,
body#hordely-ui[data-page="admin"] #loginSection.staff-login,
body#hordely-ui[data-page="cozinha"] #loginView.staff-login,
body#hordely-ui[data-page="entregador"] #loginSection.staff-login,
body#hordely-ui[data-page="caixa"] .login-section.staff-login,
body#hordely-ui[data-page="admin"] .login-section.staff-login {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  width: 100% !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--ops-bg) !important;
}

.staff-login-brand {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
  padding: clamp(28px, 5vw, 64px);
  background:
    radial-gradient(120% 90% at 88% 8%, rgba(255, 255, 255, .10) 0%, transparent 58%),
    #16120f;
  color: #fbf7ef;
}

.staff-login-brand::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -150px;
  bottom: -190px;
  width: 420px;
  height: 420px;
  border: 1px solid rgba(251, 247, 239, .18);
  border-radius: 50%;
  box-shadow: 0 0 0 44px rgba(251, 247, 239, .04), 0 0 0 92px rgba(251, 247, 239, .03);
}

.staff-login-brandline {
  display: flex;
  align-items: center;
  gap: 12px;
}

.staff-login-logo {
  width: 64px !important;
  max-width: 96px !important;
  max-height: 64px !important;
  height: auto !important;
  object-fit: contain !important;
  display: block;
}

.staff-login-monogram {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: var(--ops-brand);
  color: var(--ops-on-brand);
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -.04em;
}

.staff-login-brandtext {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

.staff-login-brandtext strong {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -.01em;
  color: #fbf7ef;
}

.staff-login-brandtext span {
  font-size: 12px;
  color: #bfb3a6;
}

.staff-login-copy {
  max-width: 30ch;
}

html body#hordely-ui .staff-login-brand .staff-login-copy h1 {
  margin: 0;
  font-size: clamp(34px, 4.6vw, 60px) !important;
  line-height: .98 !important;
  letter-spacing: -.045em !important;
  font-weight: 800 !important;
  color: #fbf7ef !important;
  height: auto !important;
  max-height: none !important;
}

html body#hordely-ui .staff-login-brand .staff-login-copy p {
  margin: 18px 0 0;
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: #c9bdb0 !important;
  max-width: 34ch;
}

.staff-login-facts {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  font-size: 12.5px;
  color: #b5a89b;
}

.staff-login-facts li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.staff-login-facts li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--ops-brand);
}

.staff-login-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(24px, 4vw, 56px);
  background: var(--ops-bg);
}

body#hordely-ui[data-page="caixa"] .staff-login-panel .login-card,
body#hordely-ui[data-page="admin"] .staff-login-panel .login-card,
body#hordely-ui[data-page="cozinha"] .staff-login-panel .login-card,
body#hordely-ui[data-page="entregador"] .staff-login-panel .login-card {
  width: min(390px, 100%) !important;
  max-width: 390px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body#hordely-ui[data-page="caixa"] .staff-login-panel .login-card > img,
body#hordely-ui[data-page="admin"] .staff-login-panel .login-card > img,
body#hordely-ui[data-page="cozinha"] .staff-login-panel .login-card > img,
body#hordely-ui[data-page="entregador"] .staff-login-panel .login-card > img {
  display: none !important;
}

body#hordely-ui .staff-login-panel .login-card .login-brand {
  display: none !important;
}

body#hordely-ui[data-page="caixa"] .staff-login-panel .login-card h1,
body#hordely-ui[data-page="caixa"] .staff-login-panel .login-card h2,
body#hordely-ui[data-page="admin"] .staff-login-panel .login-card h1,
body#hordely-ui[data-page="admin"] .staff-login-panel .login-card h2,
body#hordely-ui[data-page="cozinha"] .staff-login-panel .login-card h1,
body#hordely-ui[data-page="cozinha"] .staff-login-panel .login-card h2,
body#hordely-ui[data-page="entregador"] .staff-login-panel .login-card h1,
body#hordely-ui[data-page="entregador"] .staff-login-panel .login-card h2 {
  text-align: left !important;
  display: block !important;
  width: 100% !important;
}

body#hordely-ui .staff-login-panel .login-card > p {
  display: block !important;
  width: 100% !important;
  margin: 0 0 24px !important;
  color: var(--ops-ink-3) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  text-align: left !important;
}

body#hordely-ui .staff-login-heading h2 {
  margin: 0 0 6px !important;
  font-size: 30px !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
  font-weight: 800 !important;
  color: var(--ops-ink) !important;
  text-align: left !important;
}

body#hordely-ui .staff-login-heading p {
  margin: 0 0 24px !important;
  color: var(--ops-ink-3) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.staff-login-panel .login-card h1,
.staff-login-panel .login-card h2 {
  margin: 0 0 6px !important;
  font-size: 30px !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
  color: var(--ops-ink) !important;
}

.staff-login-panel .login-card > p {
  margin: 0 0 24px !important;
  color: var(--ops-ink-3) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.staff-login-panel .login-card .form-group {
  margin-bottom: 16px !important;
}

.staff-login-panel .login-card label {
  display: block !important;
  margin-bottom: 6px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--ops-ink-2) !important;
}

.staff-login-panel .login-card input,
.staff-login-panel .login-card select {
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  border-radius: 12px !important;
  border: 1px solid var(--ops-line) !important;
  background: var(--ops-paper) !important;
  font-size: 16px !important;
}

.staff-login-panel .login-card button[type="submit"],
.staff-login-panel .login-card .login-btn,
.staff-login-panel .login-card .btn-dark {
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--ops-brand) !important;
  color: var(--ops-on-brand) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 22px -12px var(--ops-brand) !important;
}

.staff-login-panel .login-card .login-note,
.staff-login-panel .login-card .inline-note {
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid var(--ops-line) !important;
  color: var(--ops-ink-3) !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
}

@media (max-width: 900px) {
  body#hordely-ui[data-page="caixa"] #loginSection.staff-login,
  body#hordely-ui[data-page="admin"] #loginSection.staff-login,
  body#hordely-ui[data-page="cozinha"] #loginView.staff-login,
  body#hordely-ui[data-page="entregador"] #loginSection.staff-login,
  body#hordely-ui[data-page="caixa"] .login-section.staff-login,
  body#hordely-ui[data-page="admin"] .login-section.staff-login {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto 1fr !important;
    align-content: start !important;
  }

  .staff-login-brand {
    min-height: 210px;
    gap: 20px;
    padding: 24px 22px;
    justify-content: flex-start;
    align-self: start;
  }

  .staff-login-brand::after { right: -170px; bottom: -250px; }
  .staff-login-copy h1 { font-size: 34px; }
  .staff-login-copy p { margin-top: 10px; font-size: 13.5px; max-width: 30ch; }
  .staff-login-facts { display: none; }
  .staff-login-panel { padding: 26px 20px 40px; align-items: flex-start; }
  .staff-login-panel .login-card { margin: 0 auto !important; }
}

/* O login decorado continua usando display:grid; o estado hidden da pagina
   precisa vencer essa regra para o painel sumir depois do login. */
body#hordely-ui #loginSection.staff-login.hidden,
body#hordely-ui #loginView.staff-login.hidden,
body#hordely-ui .login-section.staff-login.hidden,
body#hordely-ui[data-page="caixa"] #loginSection.staff-login[style*="display: none"],
body#hordely-ui[data-page="admin"] #loginSection.staff-login[style*="display: none"],
body#hordely-ui[data-page="cozinha"] #loginView.staff-login[style*="display: none"],
body#hordely-ui[data-page="entregador"] #loginSection.staff-login[style*="display: none"],
body#hordely-ui[data-page="caixa"] #loginSection.staff-login[style*="display:none"],
body#hordely-ui[data-page="admin"] #loginSection.staff-login[style*="display:none"],
body#hordely-ui[data-page="cozinha"] #loginView.staff-login[style*="display:none"],
body#hordely-ui[data-page="entregador"] #loginSection.staff-login[style*="display:none"] {
  display: none !important;
}



/* ==========================================================================
   15 · shell da equipe: mesmo topbar e mesma navegação inferior do garçom
   ========================================================================== */

.staff-live {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 36px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  border: 1px solid var(--ops-line) !important;
  background: var(--ops-paper) !important;
  color: var(--ops-ink-3) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.staff-live i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ops-free);
  box-shadow: 0 0 0 3px rgba(20, 122, 75, .13);
}

.staff-live.is-offline i {
  background: var(--ops-bad);
  box-shadow: 0 0 0 3px rgba(179, 38, 30, .12);
}

.staff-avatar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  background: var(--ops-brand-soft, #efe8dc) !important;
  color: var(--ops-brand-strong, #16120f) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  flex: 0 0 auto !important;
}

.staff-topbar-logo {
  width: 42px !important;
  height: 42px !important;
  object-fit: contain !important;
  border-radius: 10px !important;
  background: var(--ops-paper) !important;
  border: 1px solid var(--ops-line) !important;
  padding: 3px !important;
  flex: 0 0 auto !important;
}

body#hordely-ui[data-page="cozinha"] .topbar > div:first-child {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.staff-pagehead {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 0 16px !important;
}

.staff-pagehead h1 {
  margin: 0 !important;
  font-size: 28px !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
  font-weight: 800 !important;
  color: var(--ops-ink) !important;
}

.staff-pagehead p {
  margin: 4px 0 0 !important;
  color: var(--ops-ink-3) !important;
  font-size: 13.5px !important;
  line-height: 1.45 !important;
}

.staff-bottomnav {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 70 !important;
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: 1fr !important;
  gap: 2px !important;
  padding: 5px 4px calc(5px + env(safe-area-inset-bottom)) !important;
  background: rgba(255, 253, 248, .97) !important;
  border-top: 1px solid var(--ops-line) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.staff-bnav {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  min-height: 52px !important;
  padding: 4px 2px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: var(--ops-ink-3) !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  cursor: pointer !important;
}

.staff-bnav svg {
  width: 20px !important;
  height: 20px !important;
}

.staff-bnav.is-active {
  color: var(--ops-brand-strong, #16120f) !important;
  background: var(--ops-brand-soft, #efe8dc) !important;
}

@media (min-width: 901px) {
  .staff-bottomnav { display: none !important; }
  body.has-staff-nav { padding-bottom: 0 !important; }
}

@media (max-width: 900px) {
  body.has-staff-nav { padding-bottom: 72px !important; }
  body#hordely-ui[data-page="admin"] .header-user,
  body#hordely-ui[data-page="caixa"] .header-user,
  body#hordely-ui[data-page="entregador"] .header-user {
    display: none !important;
  }
  .staff-pagehead h1 { font-size: 24px !important; }
}

/* ==========================================================================
   16 · transição do login para a operação
   ========================================================================== */

body.staff-transitioning {
  overflow: hidden !important;
}

.staff-login-transition {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: grid !important;
  place-items: center !important;
  background: #fbf7ef !important;
  opacity: 0;
  transition: opacity .28s ease;
}

.staff-login-transition.is-in { opacity: 1; }
.staff-login-transition.is-out { opacity: 0; }

.staff-login-transition-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 24px;
}

.staff-login-transition img {
  width: auto !important;
  max-width: min(270px, 66vw) !important;
  max-height: 116px !important;
  object-fit: contain;
  animation: staffLoginLogoIn .62s cubic-bezier(.2, .8, .2, 1) both;
}

.staff-login-transition-title {
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #6f645c;
}

.staff-login-transition-bar {
  display: block;
  width: min(180px, 52vw);
  height: 4px;
  border-radius: 999px;
  background: #ece4d8;
  overflow: hidden;
}

.staff-login-transition-bar i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: var(--ops-brand, #16120f);
  animation: staffLoginBar .95s ease forwards;
}

@keyframes staffLoginLogoIn {
  from { opacity: 0; transform: translateY(10px) scale(.94); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes staffLoginBar {
  from { width: 0; }
  to { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .staff-login-transition,
  .staff-login-transition img,
  .staff-login-transition-bar i {
    animation: none !important;
    transition: none !important;
  }
  .staff-login-transition-bar i { width: 100%; }
}

/* ==========================================================================
   17 · transição "rota de entrega" do login para a operação
   ========================================================================== */

.staff-transition-v2 {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.staff-transition-panel {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  height: 50.5% !important;
  background: #fbf7ef !important;
  z-index: 0 !important;
  transition: transform .64s cubic-bezier(.76, 0, .24, 1) !important;
  will-change: transform;
}

.staff-transition-panel.is-top {
  top: 0 !important;
  border-bottom: 1px solid rgba(22, 18, 15, .06) !important;
}

.staff-transition-panel.is-bottom {
  bottom: 0 !important;
}

.staff-transition-v2.is-out .staff-transition-panel.is-top {
  transform: translateY(-100%) !important;
}

.staff-transition-v2.is-out .staff-transition-panel.is-bottom {
  transform: translateY(100%) !important;
}

.staff-transition-scene {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  transition: opacity .26s ease, transform .34s ease !important;
}

.staff-transition-v2.is-out .staff-transition-scene {
  opacity: 0 !important;
  transform: scale(1.06) !important;
}

.staff-transition-scene::before {
  content: "";
  position: absolute;
  width: min(290px, 70vw);
  aspect-ratio: 1;
  border: 1px solid rgba(22, 18, 15, .10);
  border-radius: 50%;
  box-shadow: 0 0 0 26px rgba(22, 18, 15, .025), 0 0 0 54px rgba(22, 18, 15, .018);
  animation: staffRouteRing 1.05s cubic-bezier(.2, .8, .2, 1) both;
  pointer-events: none;
}

.staff-transition-route {
  position: absolute !important;
  top: calc(50% - 92px) !important;
  left: 50% !important;
  width: min(370px, 82vw) !important;
  height: auto !important;
  transform: translateX(-50%) !important;
  overflow: visible !important;
}

.staff-transition-route path {
  stroke: var(--ops-brand, #16120f) !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-dasharray: 1 !important;
  stroke-dashoffset: 1 !important;
  opacity: .32;
  animation: staffRouteDraw .72s .05s cubic-bezier(.2, .8, .2, 1) forwards !important;
}

.staff-transition-logo {
  position: relative;
  z-index: 2;
  width: min(232px, 64vw) !important;
  max-height: 112px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  animation: staffRideIn .82s cubic-bezier(.18, .82, .22, 1) both !important;
}

.staff-transition-logo img {
  width: 100% !important;
  max-height: 112px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 12px 22px rgba(22, 18, 15, .16));
}

.staff-transition-speed {
  position: absolute !important;
  z-index: 1;
  top: 50% !important;
  left: 50% !important;
  width: min(230px, 62vw) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  transform: translate(-50%, -50%) !important;
  opacity: 0;
  animation: staffSpeedLines .8s .08s ease-out both !important;
}

.staff-transition-speed i {
  display: block;
  height: 3px;
  border-radius: 999px;
  background: var(--ops-brand, #16120f);
  opacity: .22;
}

.staff-transition-speed i:nth-child(1) { width: 44%; margin-left: -18%; }
.staff-transition-speed i:nth-child(2) { width: 30%; margin-left: -10%; opacity: .16; }
.staff-transition-speed i:nth-child(3) { width: 20%; margin-left: -4%; opacity: .12; }

.staff-transition-copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-align: center;
  opacity: 0;
  transform: translateY(6px);
  animation: staffCopyIn .34s .66s ease forwards !important;
}

.staff-transition-copy span {
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #6f645c;
}

.staff-transition-copy strong {
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: #16120f;
}

@keyframes staffRouteDraw {
  to { stroke-dashoffset: 0; }
}

@keyframes staffRideIn {
  0% { opacity: 0; transform: translateX(-44vw) scale(.72) rotate(-2deg); }
  68% { opacity: 1; }
  100% { opacity: 1; transform: translateX(0) scale(1) rotate(0); }
}

@keyframes staffRouteRing {
  from { opacity: 0; transform: scale(.8); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes staffSpeedLines {
  0% { opacity: 0; transform: translate(-70%, -50%); }
  30% { opacity: 1; }
  100% { opacity: 0; transform: translate(-120%, -50%); }
}

@keyframes staffCopyIn {
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 420px) {
  .staff-transition-logo { width: min(200px, 66vw) !important; }
  .staff-transition-copy strong { font-size: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  .staff-transition-panel,
  .staff-transition-scene,
  .staff-transition-logo,
  .staff-transition-route path,
  .staff-transition-speed,
  .staff-transition-copy,
  .staff-transition-scene::before {
    animation: none !important;
    transition: opacity .2s ease !important;
  }
  .staff-transition-copy { opacity: 1; transform: none; }
  .staff-transition-route path { stroke-dashoffset: 0; }
  .staff-transition-speed { display: none !important; }
}

/* ============================================================================
   17 - Padrao mobile: mesmo topbar, pagehead e nav do garcom
   ========================================================================== */

@media (max-width: 900px) {
  /* Papel do restaurante no topbar (Admin/Entregador). */
  body#hordely-ui[data-page="admin"] .header-brand p,
  body#hordely-ui[data-page="entregador"] .header-brand p {
    display: block !important;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
    color: var(--ops-ink-3) !important;
  }

  /* O "Sair" do topbar vira o item da navegacao inferior. */
  body#hordely-ui:is([data-page="admin"], [data-page="caixa"], [data-page="cozinha"], [data-page="entregador"]) .header .logout-btn,
  body#hordely-ui:is([data-page="admin"], [data-page="caixa"], [data-page="cozinha"], [data-page="entregador"]) .header .btn[onclick*="logout"],
  body#hordely-ui:is([data-page="admin"], [data-page="caixa"], [data-page="cozinha"], [data-page="entregador"]) .topbar .btn[onclick*="logout"],
  body#hordely-ui:is([data-page="admin"], [data-page="caixa"], [data-page="cozinha"], [data-page="entregador"]) .header .header-user {
    display: none !important;
  }

  /* Cozinha: acoes duplicadas e atualizacao ficam na nav inferior. */
  body#hordely-ui[data-page="cozinha"] .topbar .btn[onclick*="refreshNow"],
  body#hordely-ui[data-page="cozinha"] .topbar #lastUpdate {
    display: none !important;
  }

  /* Caixa e entregador: a nav inferior substitui os atalhos do topo. */
  body#hordely-ui[data-page="caixa"] .view-switcher,
  body#hordely-ui[data-page="entregador"] .view-switcher-container {
    display: none !important;
  }

  /* Titulo de pagina no mesmo tamanho do garcom. */
  .staff-pagehead h1,
  body#hordely-ui[data-page="entregador"] .staff-pagehead h1 {
    font-size: 26px !important;
  }

  body#hordely-ui[data-page="cozinha"] #boardView > .board-head > div:first-child h1 {
    font-size: 26px !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em !important;
    font-weight: 800 !important;
  }

  body#hordely-ui[data-page="cozinha"] #boardView > .board-head > div:first-child p {
    font-size: 13.5px !important;
    color: var(--ops-ink-3) !important;
  }

  /* Pagehead do caixa entra depois do header, com o mesmo respiro. */
  body#hordely-ui[data-page="caixa"] #cashierDashboard > .staff-pagehead {
    padding: 14px 14px 0 !important;
  }
}
/* Titulos de pagina: vencem o `#hordely-ui h1` global do design system. */
body#hordely-ui .staff-pagehead h1 {
  font-size: clamp(26px, 2.6vw, 32px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
  font-weight: 800 !important;
}
/* Mesas: mesmo cartao do garcom no caixa (status, labels e hover) */
body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .table-tile {
  box-shadow: inset 4px 0 0 var(--ops-ink-4) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .table-tile.is-free {
  box-shadow: inset 4px 0 0 var(--ops-free) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .table-tile.is-open {
  box-shadow: inset 4px 0 0 var(--ops-open) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .table-tile.is-preparing {
  box-shadow: inset 4px 0 0 var(--ops-info) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .table-tile.is-closing {
  box-shadow: inset 4px 0 0 var(--ops-bill) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .table-tile:hover {
  transform: translateY(-2px) !important;
  border-color: var(--ops-line) !important;
}

body#hordely-ui:is([data-page="caixa"], [data-page="admin"], [data-page="cozinha"], [data-page="entregador"], [data-page="pedido"]) .table-tile.is-selected {
  border-color: var(--ops-brand-strong, var(--ops-ink)) !important;
  outline: 2px solid var(--ops-brand-soft, var(--ops-paper-2)) !important;
  outline-offset: -2px !important;
}

body#hordely-ui[data-page="caixa"] #tablesGrid .table-tile {
  min-height: 128px !important;
  padding: 12px 11px 10px !important;
  text-align: left !important;
  font: inherit !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

body#hordely-ui[data-page="caixa"] .tile-mid strong {
  font-size: 17px !important;
}

body#hordely-ui[data-page="caixa"] .table-tile.is-free .tile-mid strong {
  font-size: 15px !important;
}

body#hordely-ui[data-page="caixa"] .tile-mid span {
  font-size: 9px !important;
}

@media (max-width: 900px) {
  body#hordely-ui[data-page="caixa"] .tile-foot span:last-child {
    display: none !important;
  }
}
/* Caixa: valor em aberto em uma linha e campo de busca no padrao */
body#hordely-ui[data-page="caixa"] .tile-mid strong {
  font-size: 16px !important;
  white-space: nowrap !important;
}

body#hordely-ui[data-page="caixa"] .table-tile.is-free .tile-mid strong {
  white-space: normal !important;
}

body#hordely-ui[data-page="caixa"] #ordersSectionHeader #cashierSearchInput {
  min-height: 44px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  padding: 10px 14px !important;
}