/* Superfícies do painel: a mesma paleta no cabeçalho, abas e conteúdo.
   Escopo autenticado; preserva cores de status, botões e páginas públicas. */
/* Centralização das ações; não altera display para respeitar botões ocultos. */
html body.premium-ui.mc-ux-536 :is(#appView, .modal) :is(.btn, .mini-btn, .icon-btn, .ros-btn-primary, .ros-btn-secondary) {
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}
html body.premium-ui.mc-ux-536 :is(#appView, .modal) :is(.modal-actions, .settings-actions, .toolbar-actions, .stock-head-actions, .reports-actions, .workflow-actions, .part-photo-actions, .checkout-success-actions, .ros-footer-actions-right, .caixa-topo-acoes, .wa-vps-actions, .saas-cpanel-buttons, .onboarding-actions, .inline-row-actions, .client-row-actions) {
  justify-content: center !important;
  align-items: center !important;
  justify-items: center;
  text-align: center;
  flex-wrap: wrap !important;
  gap: 10px !important;
}
html body.premium-ui.mc-ux-536 :is(#appView, .modal) :is(.modal-actions, .settings-actions, .toolbar-actions, .ros-footer-actions-right) > :is(button, a.btn) {
  margin-inline: 0 !important;
}
html body.premium-ui.mc-ux-536 #appView td.row-actions {
  text-align: center !important;
  vertical-align: middle !important;
}
html body.premium-ui.mc-ux-536 .modal .ros-modal-footer {
  justify-content: center !important;
}
@media (max-width: 600px) {
  html body.premium-ui.mc-ux-536 :is(#appView, .modal) :is(.modal-actions, .settings-actions, .stock-head-actions, .caixa-topo-acoes, .ros-footer-actions-right) > :is(button, a.btn) {
    min-height: 44px;
    max-width: 100%;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
}
/* Painéis internos de Estoque, Caixa, Financeiro, Clientes e Configurações. */
@media (max-width: 768px) {
  html body.premium-ui.mc-ux-536 #appView #nav .nav-item {
    min-height: 48px !important;
    height: auto !important;
    align-items: center !important;
  }
  html body.premium-ui.mc-ux-536 #appView #nav .nav-item > span:not(.nav-icon) {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.35 !important;
  }
}
html body.premium-ui.mc-ux-536 #appView .page .panel.glass-panel {
  background: #101d30 !important;
  background-image: none !important;
  border-color: #26384f !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body.premium-ui.mc-ux-536 #appView .page :is(input, select, textarea):focus-visible {
  outline: 2px solid #93c5fd !important;
  outline-offset: 2px;
}
html body.premium-ui.mc-ux-536 #appView .page button:focus-visible {
  outline: 2px solid #93c5fd !important;
  outline-offset: 3px;
}
html body.premium-ui.mc-ux-536 #appView .page button:disabled {
  cursor: not-allowed;
}
@media (max-width: 600px) {
  html body.premium-ui.mc-ux-536 #appView #page-parts .stock-filters {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  html body.premium-ui.mc-ux-536 #appView #page-parts .stock-filters > label:first-child {
    grid-column: 1 / -1;
  }
  html body.premium-ui.mc-ux-536 #appView #page-parts .stock-filters :is(label, input, select) {
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box;
  }
  html body.premium-ui.mc-ux-536 #appView #page-parts .stock-filters :is(input, select) {
    min-height: 44px;
    font-size: 16px !important;
  }
}
html body.premium-ui.mc-ux-536 #appView {
  --ui-canvas: #0b1423;
  --ui-surface: #101d30;
  --ui-surface-raised: #16263c;
  --ui-border: #26384f;
  --panel: var(--ui-surface);
  min-height: 100vh;
  min-height: 100dvh;
  background: var(--ui-canvas) !important;
}
html body.premium-ui.mc-ux-536 #appView .main {
  background: var(--ui-canvas) !important;
}
html body.premium-ui.mc-ux-536 #appView .main > .page,
html body.premium-ui.mc-ux-536 #appView .main header.topbar {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body.premium-ui.mc-ux-536 #appView .main header.topbar {
  border-color: var(--ui-border) !important;
}
html body.premium-ui.mc-ux-536 #appView header.topbar .mobile-page-context {
  border-color: var(--ui-border) !important;
}
html body.premium-ui.mc-ux-536 #appView :is(.page-tabs, .page > .card, .page > .panel, .settings-stack > .panel, .workflow-overview, .workflow-metrics) {
  background: var(--ui-surface) !important;
  background-image: none !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body.premium-ui.mc-ux-536 #appView .page-tabs .page-tab {
  background: transparent !important;
  box-shadow: none !important;
  color: #a8bad1 !important;
}
html body.premium-ui.mc-ux-536 #appView .page-tabs .page-tab.active {
  background: #193657 !important;
  border-color: #3b82c4 !important;
  color: #f1f6ff !important;
}
html body.premium-ui.mc-ux-536 #appView .page-tabs .page-tab:focus-visible {
  outline: 2px solid #93c5fd !important;
  outline-offset: 2px;
}
html body.premium-ui.mc-ux-536 #appView .workflow-attention-row {
  background: var(--ui-surface-raised) !important;
  box-shadow: none !important;
}
html body.premium-ui.mc-ux-536 #appView header.topbar .icon-btn,
html body.premium-ui.mc-ux-536 #appView .workflow-overview :is(.workflow-toggle, .workflow-refresh) {
  background: var(--ui-surface-raised) !important;
  border-color: var(--ui-border) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
@media (hover: hover) {
  html body.premium-ui.mc-ux-536 #appView .page-tabs .page-tab:not(.active):hover {
    background: var(--ui-surface-raised) !important;
    color: #f1f6ff !important;
  }
}