/* ============================================================
   Esquema único de interface — carregado por último em todas as páginas.
   Usa body#hordely-ui[data-page] (id + tipo) para vencer as regras !important do
   design system e das páginas, que usam apenas #hordely-ui.
   Padrão: fundo #FAF9F6, header 64px #17181B, card 12px, botão 10px,
   aba em pílula com a cor configurada.
   ============================================================ */

html {
  background: #FAF9F6 !important;
}

body#hordely-ui[data-page] {
  background: #FAF9F6 !important;
  color: #16181C !important;
}

body#hordely-ui[data-page] .header,
body#hordely-ui[data-page] .topbar {
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  background: #17181B !important;
}

/* Superfícies principais: mesmo raio em todas as telas. */
body#hordely-ui[data-page] .card,
body#hordely-ui[data-page] .panel,
body#hordely-ui[data-page] .stat-card,
body#hordely-ui[data-page] .order-card,
body#hordely-ui[data-page] .product-card,
body#hordely-ui[data-page] .delivery-card,
body#hordely-ui[data-page] .staff-card,
body#hordely-ui[data-page] .restaurant-card,
body#hordely-ui[data-page] .platform-stat-card,
body#hordely-ui[data-page] .report-metric-card,
body#hordely-ui[data-page] .settings-section,
body#hordely-ui[data-page] .store-profile-panel,
body#hordely-ui[data-page] .restaurant-summary,
body#hordely-ui[data-page] .sheet-card,
body#hordely-ui[data-page] .ds-sheet,
body#hordely-ui[data-page] .section,
body#hordely-ui[data-page] .modal-content,
body#hordely-ui[data-page] .login-content,
body#hordely-ui[data-page] .login-card {
  border-radius: 12px !important;
}

/* Botões: mesmo raio, inclusive os submit do design system. */
body#hordely-ui[data-page] .btn,
body#hordely-ui[data-page] .btn-primary,
body#hordely-ui[data-page] .btn-secondary,
body#hordely-ui[data-page] .btn-danger,
body#hordely-ui[data-page] .btn-ghost,
body#hordely-ui[data-page] .login-btn,
body#hordely-ui[data-page] .checkout-btn,
body#hordely-ui[data-page] .btn-sm,
body#hordely-ui[data-page] .btn-lg,
body#hordely-ui[data-page] button[type="submit"] {
  border-radius: 10px !important;
}

/* Campos seguem o mesmo raio dos botões. */
body#hordely-ui[data-page] .form-input,
body#hordely-ui[data-page] .form-select,
body#hordely-ui[data-page] .form-textarea,
body#hordely-ui[data-page] .search-input,
body#hordely-ui[data-page] .address-input,
body#hordely-ui[data-page] .map-search-input {
  border-radius: 10px !important;
}

/* Abas em pílula; a ativa usa a cor configurada. */
body#hordely-ui[data-page] .tab,
body#hordely-ui[data-page] .tab-btn,
body#hordely-ui[data-page] .settings-sub-tab,
body#hordely-ui[data-page] .inventory-subtab,
body#hordely-ui[data-page] .financial-subtab {
  border-radius: 999px !important;
}

body#hordely-ui[data-page] .tab.active,
body#hordely-ui[data-page] .tab-btn.active,
body#hordely-ui[data-page] .settings-sub-tab.active {
  background: var(--button-primary, var(--primary, #FD5C02)) !important;
  color: var(--button-text, #FFFFFF) !important;
  border-color: transparent !important;
}