/* 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;
}
/* Grades devem respeitar a área útil depois de descontar o menu lateral. */
html body.premium-ui.mc-ux-536 #page-parts .stock-grid-bottom {
  grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr);
}
html body.premium-ui.mc-ux-536 #page-parts .stock-grid-bottom > *,
html body.premium-ui.mc-ux-536 #page-purchases .purchases-grid > * {
  min-width: 0 !important;
  max-width: 100%;
  box-sizing: border-box;
}
@media (max-width: 1200px) {
  html body.premium-ui.mc-ux-536 #page-purchases .purchases-grid,
  html body.premium-ui.mc-ux-536 #page-parts .stock-grid-bottom {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
/* O simulador não deve herdar a largura mínima da tabela de desktop. */
html body.premium-ui.mc-ux-536 #globalRateSimulatorModal :is(form, .form-grid, label, .wide) {
  min-width: 0;
  max-width: 100%;
}
html body.premium-ui.mc-ux-536 #globalRateSimulatorModal .form-grid.three {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
html body.premium-ui.mc-ux-536 #globalRateSimulatorModal :is(input, select) {
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}
html body.premium-ui.mc-ux-536 #globalRateSimulatorModal form > .wide {
  overflow-x: auto;
}
html body.premium-ui.mc-ux-536 #modalPreview3D .modal-head {
  margin: 0 !important;
  width: 100%;
  box-sizing: border-box;
}
html body.premium-ui.mc-ux-536 #modalPreview3D .modal-foot {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  flex-wrap: wrap;
  gap: 10px;
}
html body.premium-ui.mc-ux-536 #modalPreview3D .modal-foot > div {
  min-width: 0;
  max-width: 100%;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  html body.premium-ui.mc-ux-536 #globalRateSimulatorModal .form-grid.three {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body.premium-ui.mc-ux-536 #modalPreview3D .modal-foot :is(button, div) {
    width: 100% !important;
    box-sizing: border-box;
  }
}
/* Identificação legível mesmo nas colunas estreitas do Kanban. */
html body.premium-ui.mc-ux-536 #page-orders :is(.ros-client-name, .ros-device-name) {
  white-space: normal !important;
  overflow-wrap: anywhere;
}
/* Revenda Pro: navegação e área de trabalho com hierarquia consistente. */
html body.premium-ui.mc-ux-536 #page-resale .resale-tabs {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 10px !important;
  background: #0b1423 !important;
  border: 1px solid #26384f !important;
  border-radius: 16px !important;
  margin-bottom: 24px !important;
}
html body.premium-ui.mc-ux-536 #page-resale .resale-tabs .btn-tab {
  min-width: 0 !important;
  min-height: 54px !important;
  white-space: normal !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #b8c9df !important;
  line-height: 1.4;
}
html body.premium-ui.mc-ux-536 #page-resale .resale-tabs .btn-tab.active {
  background: #193657 !important;
  border-color: #438bca !important;
  color: #fff !important;
}
html body.premium-ui.mc-ux-536 #page-resale :is(.resale-stock-tools, .resale-sales-tools) {
  padding: 16px !important;
  border: 1px solid #29415f;
  border-radius: 14px;
  background: #101d30;
  gap: 12px !important;
  margin-bottom: 16px;
  align-items: end;
}
html body.premium-ui.mc-ux-536 #page-resale .resale-section-head {
  margin-bottom: 20px;
}
html body.premium-ui.mc-ux-536 #page-resale .resale-section-head .box-title {
  font-size: 18px !important;
  line-height: 1.4;
  color: #f1f6ff;
}
html body.premium-ui.mc-ux-536 #page-resale :is(.resale-stock-tools, .resale-sales-tools) :is(input, select, button) {
  min-height: 44px !important;
  border-radius: 10px !important;
}
html body.premium-ui.mc-ux-536 #page-resale .resale-sales-stats-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
html body.premium-ui.mc-ux-536 #page-resale .resale-sales-stats-chips > span {
  padding: 10px 14px;
  background: #16263c;
  border: 1px solid #29415f;
  border-radius: 10px;
  font-size: 13px;
}
html body.premium-ui.mc-ux-536 #page-resale :is(#deviceStockTable, #deviceSalesTable, #devicePurchasesTable) td {
  vertical-align: middle;
  line-height: 1.5;
}
html body.premium-ui.mc-ux-536 #page-resale .row-actions {
  gap: 8px;
}
html body.premium-ui.mc-ux-536 #page-resale .mini-btn { min-height: 38px; }
@media (max-width: 1200px) {
  html body.premium-ui.mc-ux-536 #page-resale .resale-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 600px) {
  html body.premium-ui.mc-ux-536 #page-resale .resale-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 8px !important;
    margin-bottom: 18px !important;
  }
  html body.premium-ui.mc-ux-536 #page-resale :is(.resale-stock-tools, .resale-sales-tools) {
    padding: 12px !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body.premium-ui.mc-ux-536 #page-resale :is(.resale-stock-tools, .resale-sales-tools) :is(input, select) {
    font-size: 16px !important;
  }
  html body.premium-ui.mc-ux-536 #page-resale .mini-btn { min-height: 44px; }
}
@media (max-width: 768px) {
  html body.premium-ui.mc-ux-536 #page-resale #deviceStockTable,
  html body.premium-ui.mc-ux-536 #page-resale #deviceStockTable tbody {
    display: block !important; width: 100% !important; min-width: 0 !important;
  }
  html body.premium-ui.mc-ux-536 #page-resale #deviceStockTable thead { display: none !important; }
  html body.premium-ui.mc-ux-536 #page-resale #deviceStockTable tr {
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px; padding: 16px; margin-bottom: 12px;
    background: #101d30; border: 1px solid #29415f; border-radius: 14px;
  }
  html body.premium-ui.mc-ux-536 #page-resale #deviceStockTable td {
    display: block !important; min-width: 0 !important; width: auto !important;
    padding: 0 !important; border: 0 !important; white-space: normal !important;
    overflow-wrap: anywhere;
  }
  html body.premium-ui.mc-ux-536 #page-resale #deviceStockTable td:is(:first-child,:nth-child(2),:nth-child(4),:last-child) { grid-column: 1 / -1; }
  html body.premium-ui.mc-ux-536 #page-resale #deviceStockTable td::before {
    display: block; font-size: 11px; color: #a8bad1; margin-bottom: 4px;
  }
  html body.premium-ui.mc-ux-536 #page-resale #deviceStockTable td:nth-child(3)::before { content: 'Bateria / estado'; }
  html body.premium-ui.mc-ux-536 #page-resale #deviceStockTable td:nth-child(5)::before { content: 'Custo'; }
  html body.premium-ui.mc-ux-536 #page-resale #deviceStockTable td:nth-child(6)::before { content: 'Venda'; }
  html body.premium-ui.mc-ux-536 #page-resale #deviceStockTable td.row-actions {
    display: flex !important; flex-wrap: wrap; gap: 8px; padding-top: 8px !important;
  }
  html body.premium-ui.mc-ux-536 #page-resale #deviceStockTable .imei-copyable {
    white-space: normal; overflow-wrap: anywhere; max-width: 100%;
  }
}
@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;
  }
}