/*
 * SDFood — apresentação mobile-only
 * Mantém HTML, autenticação, dados e handlers existentes. Regras de layout e
 * acabamento visual; não altera comportamento nem conteúdo funcional.
 */
:root {
  --sdf-mobile-width: 430px;
  --sdf-mobile-primary: #6d28d9;
  --sdf-mobile-primary-dark: #5b21b6;
  --sdf-mobile-ink: #211a2c;
  --sdf-mobile-muted: #777181;
  --sdf-mobile-line: #e9e5ef;
  --sdf-mobile-surface: #ffffff;
  --sdf-mobile-canvas: #f5f2fa;
  --sdf-mobile-focus: #c4b5fd;
}

html,
body {
  width: 100%;
  min-width: 0;
  overflow-x: hidden;
}

body[data-app-variant="seller"] {
  min-width: 0 !important;
  background: var(--sdf-mobile-canvas) !important;
  color: var(--sdf-mobile-ink);
  -webkit-tap-highlight-color: rgba(109, 40, 217, 0.12);
}

/* Em qualquer viewport, o produto continua sendo a experiência de celular. */
body[data-app-variant="seller"] #app {
  width: 100% !important;
  max-width: var(--sdf-mobile-width) !important;
  min-width: 0 !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  margin-inline: auto !important;
  background: var(--sdf-mobile-surface);
}

body[data-app-variant="seller"] #main {
  width: 100% !important;
  max-width: var(--sdf-mobile-width) !important;
  min-width: 0 !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

body[data-app-variant="seller"] :is(.seller-layout, .seller-content, .seller-workspace) {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Mantém drawers e avisos dentro da mesma largura de experiência móvel. */
body[data-app-variant="seller"] > #overlay {
  width: min(100vw, var(--sdf-mobile-width)) !important;
  max-width: var(--sdf-mobile-width) !important;
  left: 0 !important;
  right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Acesso do lojista: arte existente, cartão legível e layout que pode rolar
   quando o teclado ou a altura reduzida do aparelho ocuparem a tela. */
html body[data-app-variant="seller"]:has(.seller-access-stage),
html body[data-app-variant="seller"]:has(.seller-access-stage) #app {
  min-height: 100vh !important;
  min-height: 100dvh !important;
  height: auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: transparent !important;
}

html body[data-app-variant="seller"]:has(.seller-access-stage) #main {
  position: relative !important;
  width: 100% !important;
  max-width: var(--sdf-mobile-width) !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  background-color: #f7f4fc !important;
  background-image: none !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

html body[data-app-variant="seller"] .seller-access-stage {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: max(24px, env(safe-area-inset-top)) 16px max(26px, env(safe-area-inset-bottom)) !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html body[data-app-variant="seller"] .seller-access-stage .seller-gate-brand-outside {
  position: static !important;
  display: block !important;
  flex: 0 0 66px !important;
  width: 66px !important;
  height: 66px !important;
  min-width: 66px !important;
  min-height: 66px !important;
  max-width: 66px !important;
  max-height: 66px !important;
  margin: 0 auto !important;
  transform: none !important;
  object-fit: contain !important;
  filter: drop-shadow(0 7px 14px rgba(91, 33, 182, 0.16));
}

html body[data-app-variant="seller"] .seller-access-stage .seller-access-gate {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  flex: 0 0 auto !important;
  width: min(100%, 390px) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 28px 23px 23px !important;
  overflow: visible !important;
  border: 1px solid rgba(255, 255, 255, 0.9) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  box-shadow:
    0 24px 60px rgba(45, 27, 76, 0.14),
    0 3px 12px rgba(45, 27, 76, 0.06) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

html body[data-app-variant="seller"] .seller-access-gate::before,
html body[data-app-variant="seller"] .seller-access-gate h1 {
  display: block !important;
  margin: 0 0 8px !important;
  color: var(--sdf-mobile-ink) !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 25px !important;
  font-weight: 800 !important;
  line-height: 1.13 !important;
  letter-spacing: -0.035em !important;
  text-align: center !important;
}

html body[data-app-variant="seller"] .seller-gate-desc {
  margin: 0 0 21px !important;
  color: var(--sdf-mobile-muted) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

html body[data-app-variant="seller"] .seller-access-gate .form-grid {
  display: grid !important;
  gap: 13px !important;
  min-height: 0 !important;
  height: auto !important;
}

html body[data-app-variant="seller"] .seller-access-gate .form-grid .field {
  min-width: 0 !important;
  margin: 0 !important;
}

html body[data-app-variant="seller"] .seller-access-gate .form-grid .field input {
  width: 100% !important;
  min-width: 0 !important;
  height: 54px !important;
  min-height: 54px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: 1px solid var(--sdf-mobile-line) !important;
  border-radius: 14px !important;
  background: #faf9fc !important;
  color: var(--sdf-mobile-ink) !important;
  box-shadow: inset 0 1px 2px rgba(29, 20, 43, 0.025) !important;
  font-size: 16px !important;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease !important;
}

html body[data-app-variant="seller"] .seller-access-gate .form-grid .field input::placeholder {
  color: #9691a0 !important;
  opacity: 1 !important;
}

html body[data-app-variant="seller"] .seller-access-gate .form-grid .field input:focus {
  background: #fff !important;
  outline: none !important;
}

html body[data-app-variant="seller"] .seller-access-gate .gate-options,
html body[data-app-variant="seller"] .seller-access-gate .remember-me {
  min-height: 44px !important;
}

html body[data-app-variant="seller"] .seller-access-gate .remember-me {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: #393342 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

html body[data-app-variant="seller"] .seller-access-gate .remember-me input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  accent-color: var(--sdf-mobile-primary) !important;
}

html body[data-app-variant="seller"] .seller-access-gate .primary {
  width: 100% !important;
  min-height: 54px !important;
  height: 54px !important;
  margin-top: 2px !important;
  border: 0 !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg, #7c3aed 0%, var(--sdf-mobile-primary) 58%, var(--sdf-mobile-primary-dark) 100%) !important;
  color: #fff !important;
  box-shadow: 0 9px 20px rgba(109, 40, 217, 0.23) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  transition: transform 150ms ease, box-shadow 150ms ease, filter 150ms ease !important;
}

html body[data-app-variant="seller"] :is(button, input, select, textarea, a):focus-visible {
  outline-offset: 2px !important;
}

@media (max-width: 380px) {
  html body[data-app-variant="seller"] .seller-access-stage {
    gap: 10px !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  html body[data-app-variant="seller"] .seller-access-stage .seller-access-gate {
    padding: 24px 18px 19px !important;
    border-radius: 21px !important;
  }

  html body[data-app-variant="seller"] .seller-access-gate::before,
  html body[data-app-variant="seller"] .seller-access-gate h1 {
    font-size: 23px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body[data-app-variant="seller"] *,
  html body[data-app-variant="seller"] *::before,
  html body[data-app-variant="seller"] *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}


/* Financeiro: os quatro indicadores solicitados em grade 2×2, com superfície cinza. */
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .seller-finance-view.seller-finance-simple {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 12px !important;
}

html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .seller-finance-view.seller-finance-simple > :is(.seller-finance-header, .seller-finance-movements, .fin-chart-card) {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .seller-finance-view.seller-finance-simple .seller-finance-summary-cards {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .seller-finance-view.seller-finance-simple :is(.seller-finance-balance-card, .seller-finance-summary-cards article) {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 136px !important;
  margin: 0 !important;
  padding: 14px 13px !important;
  border: 1px solid #e4e7ec !important;
  border-radius: 14px !important;
  background: #f2f3f5 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .seller-finance-view.seller-finance-simple :is(.seller-finance-balance-card > div, .seller-finance-summary-cards article > *) {
  width: 100% !important;
  min-width: 0 !important;
}

html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .seller-finance-view.seller-finance-simple :is(.seller-finance-balance-card small, .seller-finance-summary-cards article small) {
  display: block !important;
  margin: 0 !important;
  color: #687080 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .seller-finance-view.seller-finance-simple :is(.seller-finance-balance-card strong, .seller-finance-summary-cards article strong) {
  display: block !important;
  margin: 8px 0 !important;
  color: #202633 !important;
  font-size: 21px !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  overflow-wrap: anywhere !important;
}

html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .seller-finance-view.seller-finance-simple :is(.seller-finance-balance-card p, .seller-finance-summary-cards article span) {
  display: block !important;
  margin: 0 !important;
  color: #6b7280 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}


html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .seller-finance-view.seller-finance-simple .seller-finance-summary-cards article > small {
  text-transform: none !important;
  font-variant: normal !important;
  letter-spacing: normal !important;
}

/* TEMA UNIFICADO DAS ABAS: canvas cinza, cards brancos sem borda e textos 14 px. */
html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) {
  --page-canvas: #f1f2f4 !important;
  --ui-bg: #f1f2f4 !important;
  --seller-bg: #f1f2f4 !important;
  --ds-bg: #f1f2f4 !important;
  --ui-surface: #ffffff !important;
  --ui-card-border: transparent !important;
  --card-border-white: transparent !important;
  --order-card-gray: #ffffff !important;
  background: #f1f2f4 !important;
}

html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #app {
  background: #f1f2f4 !important;
}

html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main {
  background: #f1f2f4 !important;
  background-image: none !important;
}

html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main :is(
  .seller-layout, .seller-content, .seller-workspace, .seller-main,
  .seller-dashboard, .seller-dashboard-modern, .seller-settings-view,
  .seller-catalog-view, .seller-finance-view, .seller-customers-view,
  .seller-promotions-view, .seller-delivery-view, .seller-reports-view,
  .promotions-page, .reports-page, .orders-board, .orders-kanban,
  .seller-page, [class$="-page"], [class$="-view"]
) {
  background: #f1f2f4 !important;
  background-image: none !important;
}

/* Superfícies de conteúdo tratadas como cards; preserva botões e badges. */
html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main :is(
  article, div[class*="card"], section[class*="card"], li[class*="card"],
  .seller-panel, .seller-panel-only-orders, .seller-panel-orders-only,
  .seller-settings-panel, .seller-support-panel, .seller-delivery-panel,
  .seller-danger-panel, .seller-finance-movements, .seller-overview-head,
  .seller-panel-topbar, .fin-chart-card, .ob-card, .sv-card, .sv-kcard,
  .sv-metric-card, .sv-kf-item, .panel-recent-card
) {
  background: #ffffff !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Colunas/quadros são parte do canvas; os pedidos dentro deles permanecem brancos. */
html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main :is(.ob-col, .orders-board, .orders-kanban) {
  background: #f1f2f4 !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Texto informativo de todas as abas segue o padrão 14 px já usado no painel.
   Títulos e seus descendentes mantêm a hierarquia existente. */
html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main *:not(:is(
  h1, h2, h3, h4, h5, h6,
  h1 *, h2 *, h3 *, h4 *, h5 *, h6 *,
  [class*="title"], [class*="title"] *, [id*="title"], [id*="title"] *,
  [class*="heading"], [class*="heading"] *, [id*="heading"], [id*="heading"] *,
  .report-kpi strong
)) {
  font-size: 14px !important;
}

/* RELATÓRIOS: três KPIs na mesma linha, exclusivamente nesta aba. */
html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .reports-page .report-kpis {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 8px !important;
}

html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .reports-page .report-kpi {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 112px !important;
  margin: 0 !important;
  padding: 12px 6px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  overflow-wrap: anywhere !important;
}

html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .reports-page .report-kpi small {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  color: #777181 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .reports-page .report-kpi strong {
  display: block !important;
  width: 100% !important;
  margin: 8px 0 0 !important;
  color: #211a2c !important;
  line-height: 1.45 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 360px) {
  html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .reports-page .report-kpis {
    gap: 6px !important;
  }
  html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .reports-page .report-kpi {
    min-height: 120px !important;
    padding: 10px 3.5px !important;
    border-radius: 13px !important;
  }
}

/* PEDIDOS: retirar os atalhos de status do conteúdo e expô-los no menu hambúrguer. */
html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .orders-secondary-tabs {
  display: none !important;
}

html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-sidebar-nav .seller-order-shortcuts {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  margin: 4px 0 9px 18px !important;
  padding: 4px 0 4px 10px !important;
  border-left: 1px solid #e4e7ec !important;
}

html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-sidebar-nav .seller-order-shortcuts .seller-order-shortcut {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 9px 12px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #596273 !important;
  text-align: left !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}



html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-sidebar-nav .seller-order-shortcut-icon {
  display: block !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-sidebar-nav .seller-order-shortcuts .seller-order-shortcut > span {
  display: inline !important;
  visibility: visible !important;
}

/* PEDIDOS: quadro principal agrupado em um cartão branco com borda externa. */
html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .orders-board.ob-board {
  box-sizing: border-box !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #e2e6ec !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 10px rgba(24, 35, 52, .05) !important;
  padding: 12px !important;
}

html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .orders-board.ob-board > .ob-kanban,
html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .orders-board.ob-board .ob-kanban > .ob-col {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* PEDIDOS: contorno estilo ticket em todos os seis quadros de status. */
html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .orders-board.ob-board .ob-col {
  position: relative !important;
  box-sizing: border-box !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px dashed #c7b8e2 !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 8px rgba(76, 48, 125, .05) !important;
  padding: 14px 12px !important;
  overflow: visible !important;
}

html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .orders-board.ob-board .ob-col::before,
html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .orders-board.ob-board .ob-col::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  width: 14px !important;
  height: 14px !important;
  border: 1px solid #c7b8e2 !important;
  border-radius: 50% !important;
  background: #fff !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .orders-board.ob-board .ob-col::before { left: -8px !important; }
html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .orders-board.ob-board .ob-col::after { right: -8px !important; }

/* PEDIDOS: separar o ticket do pedido do cartão Resumo de hoje. */
html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .orders-board.ob-board {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #e2e6ec !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 10px rgba(24, 35, 52, .05) !important;
  padding: 12px !important;
}

html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .sv-kanban-footer {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #e2e6ec !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 10px rgba(24, 35, 52, .05) !important;
  padding: 14px 12px !important;
  margin: 12px 0 0 !important;
}

/* PEDIDOS: título Resumo de hoje sem contorno interno e sem asset. */
html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .sv-kanban-footer > .sv-kf-date {
  justify-content: center !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .sv-kanban-footer > .sv-kf-date .sv-metric-ico {
  display: none !important;
}

/* PEDIDOS: data sem caixa visual extra e sem borda. */
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .orders-board.ob-board .ob-date-picker {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .orders-board.ob-board .ob-date-picker > span,
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .orders-board.ob-board .ob-date-picker > input[type="date"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* PEDIDOS: posicionamento mobile do preço e código nos dois locais marcados. */
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .orders-board .ob-mobile-price,
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .orders-board .ob-order-code-mobile {
  display: none !important;
}
@media (max-width: 760px) {
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .orders-board .ob-khead {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .orders-board .ob-khead > .ob-order-code-original { display:none !important; }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .orders-board .ob-khead > .ob-time { grid-column:1 !important; justify-self:start !important; }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .orders-board .ob-khead > .ob-mobile-price {
    display:block !important; grid-column:2 !important; justify-self:end !important; margin:0 !important;
    color:var(--order-ink,#1f2937) !important; font-size:14px !important; font-weight:750 !important;
    line-height:20px !important; text-align:right !important; white-space:nowrap !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .orders-board .ob-product-row > .ob-product-total { display:none !important; }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .orders-board .ob-order-code-mobile {
    display:flex !important; align-items:center !important; justify-content:flex-start !important;
    width:100% !important; margin:0 0 10px !important; text-align:left !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .orders-board .ob-order-code-mobile > b {
    display:inline-block !important; color:var(--order-ink,#1f2937) !important; font-size:13px !important;
    font-weight:750 !important; line-height:18px !important; white-space:nowrap !important;
  }
}

/* RESUMO mobile: ícones maiores, métricas centralizadas e textos abaixo. */
@media (max-width: 760px) {
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .sv-kanban-footer {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    gap: 14px 10px !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .sv-kanban-footer > .sv-kf-date {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .sv-kanban-footer > .sv-kf-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
    min-height: 142px !important;
    height: auto !important;
    padding: 12px 8px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .sv-kanban-footer > .sv-kf-item > .sv-metric-ico {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 64px !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .sv-kanban-footer > .sv-kf-item > .sv-metric-ico :is(img.sv-metric-png, img, svg) {
    display: block !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .sv-kanban-footer > .sv-kf-item > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    text-align: center !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .sv-kanban-footer > .sv-kf-item > div > :is(strong, small) {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
  }
}

/* FINANCEIRO mobile: valores alinhados e somente o valor disponível em verde. */
@media (max-width: 760px) {
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-finance-view.seller-finance-simple :is(.seller-finance-balance-card, .seller-finance-summary-cards article) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    min-height: 136px !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-finance-view.seller-finance-simple .seller-finance-balance-card > div {
    display: grid !important;
    grid-template-rows: 36px 26px minmax(0, 1fr) !important;
    align-content: start !important;
    gap: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-finance-view.seller-finance-simple .seller-finance-summary-cards article {
    display: grid !important;
    grid-template-rows: 36px 26px minmax(0, 1fr) !important;
    align-content: start !important;
    gap: 0 !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-finance-view.seller-finance-simple :is(.seller-finance-balance-card small, .seller-finance-summary-cards article > small) {
    grid-row: 1 !important;
    display: flex !important;
    align-items: flex-start !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    line-height: 15px !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-finance-view.seller-finance-simple :is(.seller-finance-balance-card strong, .seller-finance-summary-cards article > strong) {
    grid-row: 2 !important;
    align-self: start !important;
    display: block !important;
    height: 26px !important;
    margin: 0 !important;
    color: #202633 !important;
    font-size: 18px !important;
    font-weight: 750 !important;
    line-height: 26px !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    font-variant-numeric: tabular-nums !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-finance-view.seller-finance-simple :is(.seller-finance-balance-card p, .seller-finance-summary-cards article > span) {
    grid-row: 3 !important;
    align-self: start !important;
    margin: 6px 0 0 !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-finance-view.seller-finance-simple .seller-finance-balance-card[aria-label="Saldo disponível"] strong {
    color: #16a34a !important;
    -webkit-text-fill-color: #16a34a !important;
  }
}

/* PEDIDOS mobile: contador de itens centralizado e ações sem ícones visuais. */
@media (max-width: 760px) {
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-order-meta > span:last-child {
    grid-column: 1 / -1 !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-received-actions .ob-mobile-action-icon {
    display: none !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-received-actions > button {
    justify-content: center !important;
    text-align: center !important;
  }
}

/* PEDIDOS mobile: faixa de informações sem assets e cartão mais compacto. */
@media (max-width: 760px) {
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-card {
    padding: 8px 9px !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-card .ob-product-row {
    margin-bottom: 7px !important;
    gap: 6px 8px !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-card .ob-order-code-mobile {
    margin-bottom: 5px !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-card .ob-order-meta {
    gap: 4px 8px !important;
    padding: 5px 0 !important;
    margin: 0 0 6px !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-card .ob-order-meta .ob-meta-icon {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-card .ob-order-meta > span {
    gap: 0 !important;
    min-height: 16px !important;
    font-size: 12px !important;
    line-height: 16px !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-card .ob-order-meta > span:last-child {
    grid-column: 1 / -1 !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* PEDIDOS mobile: ocultar a faixa Dinheiro/Retirada/itens conforme correção do usuário. */
@media (max-width: 760px) {
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-card .ob-order-meta {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
}

/* DETALHES mobile: pagamento, modalidade e quantidade no drawer, sem ícones. */
.seller-order-detail-summary { display: none !important; }
@media (max-width: 760px) {
  html body[data-app-variant="seller"] #overlay.overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay .drawer .seller-order-detail-summary {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 10px !important;
    border-radius: 10px !important;
    background: #f5f6f8 !important;
    box-sizing: border-box !important;
  }
  html body[data-app-variant="seller"] #overlay.overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay .drawer .seller-order-detail-summary > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
    min-width: 0 !important;
  }
  html body[data-app-variant="seller"] #overlay.overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay .drawer .seller-order-detail-summary small {
    display: block !important;
    color: #6b7280 !important;
    font-size: 12px !important;
    line-height: 15px !important;
  }
  html body[data-app-variant="seller"] #overlay.overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay .drawer .seller-order-detail-summary strong {
    display: block !important;
    color: #202633 !important;
    font-size: 13px !important;
    line-height: 17px !important;
    overflow-wrap: anywhere !important;
  }
}


/* LOGIN mobile: separar os campos, mesmo com a grade herdada sem gap. */
@media (max-width: 760px) {
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-access-stage .seller-access-gate .form-grid #sellerGateEmail {
    margin-bottom: 12px !important;
  }
}


/* LOGIN mobile: degradê e imagem otimizados acima das regras legadas do HTML. */
@media (max-width: 760px) {
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main {
    background-image: none !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #f2eafa !important;
  }
}


/* Pedidos mobile: remover pictogramas de status e ampliar as fotos dos itens. */
@media (max-width: 760px) {
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-pill.prep::before,
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-pill.prep::after,
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-pill.prep svg,
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-time::before,
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-time svg {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-product-thumb {
    display: block !important;
    flex: 0 0 44px !important;
    flex-basis: 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    transform: scale(1.18) !important;
    transform-origin: right center !important;
    position: relative !important;
    z-index: 1 !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-product-thumb-empty {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    transform: scale(1.18) !important;
    transform-origin: right center !important;
    position: relative !important;
    z-index: 1 !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-product-copy {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
}


/* Remover código duplicado nos pedidos e padronizar o hub Ver cupom em 14 px no mobile. */
@media (max-width: 760px) {
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-order-code-mobile { display: none !important; }
  html body[data-app-variant="seller"] #overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay:has(.coupon-hub-body) .drawer-head,
  html body[data-app-variant="seller"] #overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay:has(.coupon-hub-body) .drawer-head *,
  html body[data-app-variant="seller"] #overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay:has(.coupon-hub-body) .coupon-hub-body,
  html body[data-app-variant="seller"] #overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay:has(.coupon-hub-body) .coupon-hub-body * {
    font-size: 14px !important;
  }
}


/* Tipografia 14 px nas ações de saque da aba Financeira, somente mobile. */
@media (max-width: 760px) {
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-finance-view .seller-finance-action {
    font-size: 14px !important;
  }
  html body[data-app-variant="seller"] #overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay:has(#withdrawForm) #withdrawForm > button.primary {
    font-size: 14px !important;
  }
}


/* Espaço entre produto e ações + cantos do card Desempenho, somente mobile. */
@media (max-width: 760px) {
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-col-received .ob-card .ob-row {
    padding-top: 6px !important;
    box-sizing: border-box !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-col-received .ob-card .ob-received-actions {
    margin-top: 0 !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-sales-line-chart {
    border: 1px solid #e5e7eb !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }
}


@media (min-width: 761px) {
  html body[data-app-variant="seller"] .seller-performance-combined { display: contents; }
}
/* Une os cards Desempenho e Mais pedidos em uma superfície única no mobile. */
@media (max-width: 760px) {
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-dashboard-modern .seller-performance-combined {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 16px !important;
    background: #fff !important;
    overflow: hidden !important;
  }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-dashboard-modern .seller-performance-combined > .seller-sales-line-chart,
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-dashboard-modern .seller-performance-combined > .panel-bestsellers-card {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }
}


/* Remove o fundo retangular do contêiner externo no mobile; mantém os cards próprios. */
@media (max-width: 760px) {
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-dashboard-modern.seller-panel-only-orders {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }
}


/* PEDIDOS: dar respiro ao valor numérico do campo de data convertido em texto no mobile. */
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-date-picker > input[data-manual-kind="date"] {
  box-sizing: border-box !important;
  padding-left: 4px !important;
  padding-right: 2px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-size: 14px !important;
}


/* PEDIDOS mobile: igualar a distância do primeiro quadro ao topo usada no Painel. */
@media (max-width: 760px) {
  html body[data-app-variant="seller"] #main .seller-content > .seller-workspace > .orders-board.ob-board {
    margin-top: 0 !important;
  }
}

/* ATENDIMENTO mobile: composição fiel à referência, sem alterar navegação ou eventos. */
@media (max-width: 760px) {
  html body[data-app-variant="seller"] #main .seller-support-panel { margin: 22px 0 0 !important; padding: 22px 18px 8px !important; border-radius: 22px !important; background: #fff !important; box-shadow: none !important; overflow: hidden !important; }
  html body[data-app-variant="seller"] #main .seller-support-heading { display: grid !important; grid-template-columns: 52px minmax(0, 1fr) auto !important; align-items: start !important; gap: 12px !important; margin: 0 !important; }
  html body[data-app-variant="seller"] #main .seller-support-heading-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 52px !important; height: 52px !important; border-radius: 15px !important; color: #fff !important; background: linear-gradient(145deg, #7a42ee 0%, #6930d7 100%) !important; box-shadow: 0 8px 18px rgba(106, 48, 215, .2) !important; }
  html body[data-app-variant="seller"] #main .seller-support-heading-icon svg { width: 31px !important; height: 31px !important; fill: currentColor !important; stroke: none !important; }
  html body[data-app-variant="seller"] #main .seller-support-heading-icon circle { fill: #6d35dc !important; }
  html body[data-app-variant="seller"] #main .seller-support-heading-copy { min-width: 0 !important; padding-top: 1px !important; }
  html body[data-app-variant="seller"] #main .seller-support-heading-copy h2 { margin: 0 !important; color: #17255b !important; font-size: clamp(20px, 5.4vw, 25px) !important; font-weight: 800 !important; line-height: 1.12 !important; letter-spacing: -.035em !important; }
  html body[data-app-variant="seller"] #main .seller-support-heading-copy p { margin: 10px 0 0 !important; color: #7d8492 !important; font-size: clamp(14px, 3.9vw, 18px) !important; font-weight: 400 !important; line-height: 1.4 !important; }
  html body[data-app-variant="seller"] #main .seller-support-count { display: inline-flex !important; align-items: center !important; gap: 6px !important; min-height: 32px !important; margin-top: 2px !important; padding: 0 11px !important; border-radius: 999px !important; color: #7151c9 !important; background: #f0eaff !important; font-size: 13px !important; font-weight: 700 !important; white-space: nowrap !important; }
  html body[data-app-variant="seller"] #main .seller-support-count i { display: block !important; width: 7px !important; height: 7px !important; border-radius: 50% !important; background: #6732d8 !important; }
  html body[data-app-variant="seller"] #main .seller-support-list { display: block !important; margin: 28px 0 0 !important; padding: 0 !important; }
  html body[data-app-variant="seller"] #main .seller-support-card { display: grid !important; grid-template-columns: 52px minmax(0, 1fr) 50px !important; align-items: start !important; gap: 14px !important; min-width: 0 !important; margin: 0 !important; padding: 20px 0 !important; border: 0 !important; border-top: 1px solid #edf0f5 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
  html body[data-app-variant="seller"] #main .seller-support-card:first-child { border-top: 0 !important; padding-top: 0 !important; }
  html body[data-app-variant="seller"] #main .seller-support-avatar { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 52px !important; height: 52px !important; border-radius: 50% !important; color: #fff !important; background: linear-gradient(145deg, #9276ec 0%, #6e3cda 100%) !important; font-size: 18px !important; font-weight: 800 !important; letter-spacing: .02em !important; }
  html body[data-app-variant="seller"] #main .seller-support-card-copy { min-width: 0 !important; padding-top: 0 !important; }
  html body[data-app-variant="seller"] #main .seller-support-card-row { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: start !important; gap: 5px 8px !important; min-width: 0 !important; margin: 0 !important; }
  html body[data-app-variant="seller"] #main .seller-support-card-row strong { grid-column: 1 !important; grid-row: 1 !important; min-width: 0 !important; color: #17255b !important; font-size: 19px !important; font-weight: 800 !important; line-height: 1.15 !important; overflow-wrap: anywhere !important; }
  html body[data-app-variant="seller"] #main .seller-support-card-order { grid-column: 1 !important; grid-row: 2 !important; justify-self: start !important; padding: 4px 10px !important; border-radius: 999px !important; color: #6841bf !important; background: #f0eaff !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.1 !important; }
  html body[data-app-variant="seller"] #main .seller-support-card-time { grid-column: 2 !important; grid-row: 1 !important; align-self: center !important; color: #7d8492 !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.2 !important; white-space: nowrap !important; }
  html body[data-app-variant="seller"] #main .seller-support-card-copy > p { margin: 11px 0 7px !important; color: #7d8492 !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.35 !important; overflow-wrap: anywhere !important; }
  html body[data-app-variant="seller"] #main .seller-support-card-copy > small { display: flex !important; align-items: center !important; gap: 8px !important; min-width: 0 !important; color: #7d8492 !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.35 !important; overflow-wrap: anywhere !important; }
  html body[data-app-variant="seller"] #main .seller-support-item-icon { display: inline-flex !important; flex: 0 0 24px !important; align-items: center !important; justify-content: center !important; color: #8b929f !important; }
  html body[data-app-variant="seller"] #main .seller-support-item-icon svg { width: 22px !important; height: 22px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.6 !important; stroke-linejoin: round !important; }
  html body[data-app-variant="seller"] #main .seller-support-open-chat { display: inline-flex !important; align-items: center !important; justify-content: center !important; align-self: center !important; width: 50px !important; height: 50px !important; padding: 0 0 3px !important; border-radius: 50% !important; color: #17255b !important; background: #f3f6fa !important; font-size: 32px !important; font-weight: 300 !important; line-height: 1 !important; }
  
}


/* RELATÓRIOS mobile: valores destacados, uniformes e escalados para caber na fileira de 3 cards. */
@media (max-width: 760px) {
  html body[data-app-variant="seller"] #main#main#main#main .reports-page .report-kpis > .report-kpi > strong {
    font-size: clamp(14px, calc(3.5714vw + 4.0714px), 18px) !important;
    font-weight: 750 !important;
    letter-spacing: -0.2px !important;
  }
}

/* The old blurred login artwork was removed; the fixed color is set in mobile/css/support-chat-fix.css. */

/* Liquid Glass background behind the existing mobile login content only. */
html body[data-device="mobile"][data-app-variant="seller"]:has(.seller-access-stage) .seller-access-stage { position: relative !important; z-index: 1 !important; isolation: isolate !important; }

/* Atendimento mobile: SVGs flat nos espaços já existentes, sem alterar o layout dos cartões. */
@media (max-width: 760px) {
  html body[data-app-variant="seller"] #main .seller-support-avatar-icon {
    display: block !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
    object-fit: contain !important;
  }
  html body[data-app-variant="seller"] #main .seller-support-item-icon-image {
    display: block !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
  }
}