/* Ajustes da experiência desktop do lojista. Nenhuma regra abaixo alcança o breakpoint mobile. */
@media (min-width: 900px) {
  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    overflow: visible !important;
    background: #f6f7f8 !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-sidebar {
    position: sticky !important;
    top: 0 !important;
    align-self: flex-start !important;
    display: flex !important;
    flex: 0 0 260px !important;
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border-right: 1px solid #e5e8eb !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-sidebar-nav {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 15px 12px !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-sidebar-nav > .seller-nav-group {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-sidebar-nav button[data-seller-tab] {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 11px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: auto !important;
    margin: 2px 0 !important;
    padding: 9px 10px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #59636e !important;
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    transform: none !important;
    transition: color .14s ease, background-color .14s ease !important;
    white-space: nowrap !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-sidebar-nav button[data-seller-tab].active {
    background: #f3edfc !important;
    color: #6d28d9 !important;
    -webkit-text-fill-color: #6d28d9 !important;
    font-weight: 600 !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-sidebar-nav button[data-seller-tab].active svg {
    color: #6d28d9 !important;
    stroke: #6d28d9 !important;
  }

  

  

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-sidebar-nav button[data-seller-tab]::before,
  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-sidebar-nav button[data-seller-tab]::after {
    box-shadow: none !important;
    filter: none !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-sidebar-nav button[data-seller-tab] > span:not(.sv-count) {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  /* Permanecem acessíveis por outras áreas; só saem da lateral do desktop. */
  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-sidebar-nav button[data-seller-tab="delivery"],
  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-sidebar-nav button[data-seller-tab="couriers"],
  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-sidebar-nav button[data-seller-tab="settings"],
  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-sidebar-nav button[data-seller-tab="coupons"] {
    display: none !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-sidebar-nav .seller-order-shortcuts {
    display: none !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-sidebar :is(.ui-hamburger, .ui-menu-close) {
    display: none !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content {
    position: relative !important;
    flex: 1 1 0% !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    overflow-x: clip !important;
    background: #f6f7f8 !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-panel-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 5 !important;
    min-height: 72px !important;
    height: 72px !important;
    padding: 0 28px !important;
    border-bottom: 1px solid #e5e8eb !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace {
    position: relative !important;
    width: min(1140px, calc(100% - 64px)) !important;
    max-width: 1140px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 30px 0 56px !important;
    box-sizing: border-box !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-sidebar,
  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content :is(.sv-card, .seller-settings-panel, .seller-settings-item, [class$="-card"], [class*="-card "]) {
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
  }

  

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-overview-title,
  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content .sv-hello {
    color: #20242a !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -.04em !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content :is(.seller-overview-subtitle, .seller-section-heading p, .seller-finance-section-head p) {
    color: #77828e !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content :is(.seller-overview-title, .seller-catalog-title, .seller-finance-header h1) {
    max-width: 100% !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content .sv-cards.sv-metrics,
  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content .seller-simple-metrics {
    gap: 12px !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content .seller-catalog-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content .seller-finance-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content .orders-board .ob-kanban,
  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content .ob-kanban.sv-kanban {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(218px, 1fr)) !important;
    align-items: start !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    overscroll-behavior-x: contain !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content .ob-kanban .ob-col.sv-col {
    min-width: 218px !important;
  }

  /* Formulários do perfil e do produto usam uma gaveta lateral de altura integral. */
  html body[data-app-variant="seller"] :is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay).seller-side-drawer {
    justify-content: flex-end !important;
    align-items: stretch !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: rgba(27, 32, 39, .22) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body[data-app-variant="seller"] :is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay).seller-side-drawer .drawer {
    display: flex !important;
    flex-direction: column !important;
    width: min(760px, calc(100vw - 238px)) !important;
    min-width: 0 !important;
    max-width: 760px !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: 24px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    overscroll-behavior: contain !important;
    border: 1px solid #e4e7eb !important;
    border-radius: 16px 0 0 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    filter: none !important;
    transform: translateX(28px) !important;
    opacity: .96 !important;
    transition: transform .22s ease, opacity .18s ease !important;
  }

  html body[data-app-variant="seller"] :is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay).seller-side-drawer .drawer,
  html body[data-app-variant="seller"] :is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay).seller-side-drawer .drawer * {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  html body[data-app-variant="seller"] :is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay).seller-side-drawer .drawer::-webkit-scrollbar,
  html body[data-app-variant="seller"] :is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay).seller-side-drawer .drawer *::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  html body[data-app-variant="seller"] :is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay).seller-side-drawer.is-open .drawer {
    transform: translateX(0) !important;
    opacity: 1 !important;
  }

  html body[data-app-variant="seller"] :is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay).seller-side-drawer .drawer :is(.seller-settings-panel, .seller-settings-item, .seller-account-settings, .seller-media-section) {
    box-shadow: none !important;
    filter: none !important;
  }

  @media (max-width: 1100px) {
    html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content .seller-catalog-grid,
    html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content .seller-finance-kpis {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    html body[data-app-variant="seller"] :is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay).seller-side-drawer .drawer {
      transition-duration: 1ms !important;
    }
  }

  /* Cabeçalhos opacos e sticky: o texto do formulário não passa por trás do título ao rolar. */
  html body[data-app-variant="seller"] :is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay):is(#overlay#overlay#overlay#overlay#overlay).seller-side-drawer .drawer .drawer-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 60 !important;
    flex: 0 0 auto !important;
    margin: -24px 0 14px !important;
    padding: 24px 0 14px !important;
    border-bottom: 1px solid #e6e9ed !important;
    background: #fff !important;
    opacity: 1 !important;
    isolation: isolate !important;
  }

  /* Painel: quatro módulos de operação em dois por dois, sem encolher textos ou tabelas. */
  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 14px !important;
    width: min(1140px, calc(100% - 48px)) !important;
    padding: 18px 0 32px !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) > .seller-overview-head {
    grid-column: 1 / -1 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 0 2px !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .seller-overview-content-wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .seller-overview-illustration {
    display: none !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .seller-overview-title {
    margin: 0 !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
    letter-spacing: -.02em !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .seller-overview-subtitle {
    margin: 4px 0 0 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .seller-overview-actions {
    display: flex !important;
    position: static !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    gap: 8px !important;
    margin: 0 !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .seller-dashboard-modern.seller-panel-only-orders,
  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .seller-performance-combined {
    display: contents !important;
    gap: 0 !important;
    margin: 0 !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) :is(.panel-recent-card, .seller-sales-line-chart, .panel-bestsellers-card, .seller-support-panel) {
    grid-column: auto !important;
    align-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .panel-recent-card {
    display: block !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) :is(.panel-card-head h2, .seller-sales-chart-head h2, .panel-bestsellers-head h2, .seller-support-heading h2) {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) :is(.panel-card-head p, .seller-sales-chart-head p:not(.seller-eyebrow), .seller-support-heading p) {
    margin: 3px 0 0 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .seller-sales-line-chart-svg {
    display: block !important;
    width: 100% !important;
    max-height: 190px !important;
    margin: 2px auto 0 !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .seller-support-list,
  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .seller-support-panel > .upload-note {
    max-height: 250px !important;
    overflow: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .panel-recent-card {
    max-height: 400px !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .panel-recent-card > .panel-table-scroll {
    height: auto !important;
    min-height: 0 !important;
    max-height: 285px !important;
    margin-top: 8px !important;
    overflow: auto !important;
    scrollbar-width: thin !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .seller-sales-line-chart {
    height: auto !important;
    min-height: 0 !important;
    max-height: 400px !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .seller-sales-line-chart :is(.seller-sales-day-details, .seller-sales-products) {
    max-height: 88px !important;
    overflow: auto !important;
    scrollbar-width: none !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .panel-bestsellers-card {
    max-height: 400px !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .panel-bestsellers-list {
    max-height: 310px !important;
    overflow: auto !important;
    scrollbar-width: none !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .seller-support-panel {
    display: flex !important;
    flex-direction: column !important;
    max-height: 400px !important;
    min-height: 0 !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .seller-support-list {
    max-height: 300px !important;
    overflow: auto !important;
    scrollbar-width: none !important;
  }

  /* Superfícies brancas consistentes no desktop, sem o fundo cinza do shell. */
  html body[data-app-variant="seller"] {
    background: #fff !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) :is(.seller-layout, .seller-sidebar, .seller-content, .seller-panel-topbar, .seller-workspace) {
    background: #fff !important;
    background-color: #fff !important;
  }

  /* Últimos pedidos volta à tabela compacta no PC; o formato de cards continua no CSS mobile. */
  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .panel-table-scroll {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 285px !important;
    overflow: auto !important;
    scrollbar-width: none !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .panel-recent-table {
    display: table !important;
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .panel-recent-table thead {
    display: table-header-group !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .panel-recent-table tbody {
    display: table-row-group !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .panel-recent-table tr {
    display: table-row !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .panel-recent-table :is(th, td) {
    display: table-cell !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 8px 5px !important;
    border: 0 !important;
    border-bottom: 1px solid #eef0f2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .panel-recent-table th {
    color: #6b7280 !important;
    font-weight: 600 !important;
    text-align: left !important;
  }

  /* O SVG do balão não tinha dimensões e assumia o tamanho padrão de uma imagem. */
  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .seller-support-heading-icon {
    display: grid !important;
    flex: 0 0 32px !important;
    place-items: center !important;
    width: 32px !important;
    height: 32px !important;
    overflow: hidden !important;
    border: 1px solid #eef0f2 !important;
    border-radius: 9px !important;
    background: #fff !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) .seller-support-heading-icon svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    fill: #e83745 !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) :is(.seller-support-panel, .seller-support-list, .seller-support-card) {
    background: #fff !important;
    color: #111827 !important;
  }

  html body[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace:has(.seller-dashboard-modern) :is(.seller-support-avatar-icon, .seller-support-item-icon-image) {
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    object-fit: contain !important;
  }
}


/* Ajustes solicitados para a aba Pedidos e superfícies da variante desktop. */
@media (min-width: 900px) {
  html body.is-seller[data-app-variant="seller"] {
    --ui-bg: #fff !important;
    --seller-bg: #fff !important;
    --soft: #fff !important;
    --order-card-gray: #fff !important;
    --orders-summary-card-gray: #fff !important;
    background: #fff !important;
    background-color: #fff !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) :is(.seller-layout, .seller-sidebar, .seller-content, .seller-panel-topbar, .seller-workspace, .seller-overview-head, .orders-board, .seller-catalog-view, .seller-finance-view, .seller-support-panel, .report-dashboard) {
    background: #fff !important;
    background-color: #fff !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content :is(.seller-panel, .seller-workspace-card, .seller-overview-card, .seller-finance-card, .seller-report-card, .panel-recent-card, .panel-bestsellers-card, .seller-sales-line-chart, .seller-support-card, .ob-col, .ob-card) {
    background: #fff !important;
    background-color: #fff !important;
  }

  /* Remove a fileira isolada de ícones; os mesmos SVGs passam a acompanhar cada filtro. */
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board > .orders-mobile-tabs:not(.orders-secondary-tabs) {
    display: none !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board .orders-status-filters {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 10px 0 16px !important;
    padding: 0 !important;
    background: #fff !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board .orders-status-filter {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 11px !important;
    border: 1px solid #e7e9ed !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: #505866 !important;
    box-shadow: none !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board .orders-status-filter-icon {
    display: inline-grid !important;
    flex: 0 0 18px !important;
    place-items: center !important;
    width: 18px !important;
    height: 18px !important;
    color: #687180 !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board .orders-status-filter-icon svg {
    display: block !important;
    width: 17px !important;
    height: 17px !important;
    max-width: 17px !important;
    max-height: 17px !important;
    flex: 0 0 17px !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board .orders-status-filter-label {
    white-space: nowrap !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board .orders-status-filter > b {
    display: inline-grid !important;
    place-items: center !important;
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 5px !important;
    border-radius: 999px !important;
    background: #f3f4f6 !important;
    color: #626b78 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board .orders-status-filter.active {
    border-color: #d9c8ff !important;
    background: #fff !important;
    color: #6d28d9 !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board .orders-status-filter.active > b {
    background: #f3edff !important;
    color: #6d28d9 !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board :is(.ob-col, .ob-card) {
    background: #fff !important;
    background-color: #fff !important;
  }
}


/* Cabeçalho mais limpo nas abas desktop, preservando a área dos atalhos do usuário. */
@media (min-width: 900px) {
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-panel-topbar {
    min-height: 72px !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-panel-topbar .seller-breadcrumb {
    display: none !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace {
    padding-top: 16px !important;
    border-top: 0 !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace .seller-overview-eyebrow,
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace .orders-board > .ob-head .ob-copy > .seller-eyebrow {
    display: none !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-content > .seller-workspace .orders-board > .ob-head {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border: 0 !important;
  }
}


/* Cores dos cards de status conforme a referência enviada; os ícones PNG já existentes são preservados. */
@media (min-width: 900px) {
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board .orders-status-filter {
    background: var(--status-card-bg, #fff) !important;
    border-color: var(--status-card-border, #e7e9ed) !important;
    color: var(--status-card-text, #505866) !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board .orders-status-filter[data-order-filter="all"] {
    --status-card-bg: #f7f2ff;
    --status-card-border: #eadfff;
    --status-card-text: #7040c8;
    --status-count-bg: #eee3ff;
    --status-count-text: #7040c8;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board .orders-status-filter[data-order-filter="received"] {
    --status-card-bg: #fff2f1;
    --status-card-border: #ffd9d4;
    --status-card-text: #c8433d;
    --status-count-bg: #ffe2de;
    --status-count-text: #c8433d;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board .orders-status-filter[data-order-filter="preparing"] {
    --status-card-bg: #fff9e8;
    --status-card-border: #f6e7b5;
    --status-card-text: #9a6900;
    --status-count-bg: #fff0c7;
    --status-count-text: #9a6900;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board .orders-status-filter[data-order-filter="out"] {
    --status-card-bg: #effaf3;
    --status-card-border: #d5f0df;
    --status-card-text: #167248;
    --status-count-bg: #dcf4e5;
    --status-count-text: #167248;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board .orders-status-filter[data-order-filter="done"] {
    --status-card-bg: #f0f5ff;
    --status-card-border: #dce8ff;
    --status-card-text: #2862c9;
    --status-count-bg: #dfeaff;
    --status-count-text: #2862c9;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board .orders-status-filter[data-order-filter="encomenda"] {
    --status-card-bg: #f7f1ff;
    --status-card-border: #e8dbff;
    --status-card-text: #7037d3;
    --status-count-bg: #ede2ff;
    --status-count-text: #7037d3;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board .orders-status-filter[data-order-filter="cancelled"] {
    --status-card-bg: #f5f6f8;
    --status-card-border: #e5e7eb;
    --status-card-text: #5f6672;
    --status-count-bg: #e9ebef;
    --status-count-text: #5f6672;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board .orders-status-filter > b {
    background: var(--status-count-bg, #f3f4f6) !important;
    color: var(--status-count-text, #626b78) !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board .orders-status-filter.active {
    box-shadow: inset 0 0 0 1px currentColor !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board .orders-status-filter-icon :is(img, svg) {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    object-fit: contain !important;
  }
}


@media (min-width: 900px) {
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board .orders-status-filter.active {
    background: var(--status-card-bg, #f7f2ff) !important;
    border-color: var(--status-card-border, #eadfff) !important;
    color: var(--status-card-text, #7040c8) !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board .orders-status-filter.active > b {
    background: var(--status-count-bg, #eee3ff) !important;
    color: var(--status-count-text, #7040c8) !important;
  }
}


/* Kanban desktop: quatro colunas fixas em linha, com superfície por status e cards de pedido brancos. */
@media (min-width: 900px) {
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board > .ob-kanban {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(220px, 1fr)) !important;
    grid-auto-flow: row !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    overscroll-behavior-x: contain !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board > .ob-kanban > .ob-col.ob-col-received {
    min-width: 220px !important;
    min-height: 280px !important;
    height: 100% !important;
    background: #ffd6dc !important;
    background-color: #ffd6dc !important;
    background-image: none !important;
    border: 1px solid #f1b8c2 !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board > .ob-kanban > .ob-col.ob-col-preparing {
    min-width: 220px !important;
    min-height: 280px !important;
    height: 100% !important;
    background: #ffe9b0 !important;
    background-color: #ffe9b0 !important;
    background-image: none !important;
    border: 1px solid #f0d68a !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board > .ob-kanban > .ob-col.ob-col-out {
    min-width: 220px !important;
    min-height: 280px !important;
    height: 100% !important;
    background: #c6f3d8 !important;
    background-color: #c6f3d8 !important;
    background-image: none !important;
    border: 1px solid #a7dfbd !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board > .ob-kanban > .ob-col.ob-col-done {
    min-width: 220px !important;
    min-height: 280px !important;
    height: 100% !important;
    background: #d4e2ff !important;
    background-color: #d4e2ff !important;
    background-image: none !important;
    border: 1px solid #b8ccf0 !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board > .ob-kanban > .ob-col :is(.ob-card, .sv-kcard) {
    background: #fff !important;
    background-color: #fff !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board > .ob-kanban > .ob-col > .ob-col-head .ob-ico-box > img {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    object-fit: contain !important;
  }
}


@media (min-width: 900px) {
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board > .orders-kanban.ob-kanban > .ob-col.ob-col-received,
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board > .orders-kanban.ob-kanban > .ob-col.ob-col-preparing,
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board > .orders-kanban.ob-kanban > .ob-col.ob-col-out,
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main):is(#main#main#main#main#main) .orders-board > .orders-kanban.ob-kanban > .ob-col.ob-col-done {
    display: block !important;
    width: auto !important;
    min-width: 220px !important;
    max-width: none !important;
    margin: 0 !important;
  }
}


/* No desktop, notificações e dados da loja ficam no topo do Painel; outras abas sobem sem a faixa vazia. */
@media (min-width: 900px) {
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-panel-topbar.seller-panel-topbar--compact {
    display: none !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-panel-topbar.seller-panel-topbar--overview {
    display: flex !important;
    justify-content: flex-end !important;
  }

  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main):is(#main#main#main#main#main) .seller-panel-topbar.seller-panel-topbar--overview .seller-user-cluster {
    margin-left: auto !important;
  }
}


/* Financeiro desktop conforme referência: quatro indicadores, ação roxa e extrato compacto. */
@media (min-width: 900px) {
  html body.is-seller[data-app-variant="seller"] :is(#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 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: start !important;
    align-items: start !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 24px 26px 26px !important;
    box-sizing: border-box !important;
    border: 1px solid #edf0f2 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: none !important;
  }
  html body.is-seller[data-app-variant="seller"] :is(#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-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 0 18px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-bottom: 1px solid #edf0f2 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-header > div {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-header .seller-finance-eyebrow {
    margin: 0 0 5px !important;
    color: #828b95 !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: .14em !important;
    line-height: 1.2 !important;
  }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-header h1 {
    margin: 0 !important;
    color: #20242a !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -.025em !important;
  }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-header > div > p:last-child {
    margin: 4px 0 0 !important;
    color: #7b858f !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }
  html body.is-seller[data-app-variant="seller"] :is(#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 {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: auto !important;
    min-width: 145px !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    border: 0 !important;
    border-radius: 7px !important;
    color: #fff !important;
    background: #7c3aed !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
  html body.is-seller[data-app-variant="seller"] :is(#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-kpis {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html body.is-seller[data-app-variant="seller"] :is(#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-kpi {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    min-height: 104px !important;
    margin: 0 !important;
    padding: 16px 15px !important;
    box-sizing: border-box !important;
    border: 1px solid #edf0f2 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 2px 9px rgba(32,42,52,.045) !important;
  }
  html body.is-seller[data-app-variant="seller"] :is(#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-kpi small {
    display: block !important;
    margin: 0 !important;
    color: #7e8993 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
  }
  html body.is-seller[data-app-variant="seller"] :is(#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-kpi strong {
    display: block !important;
    margin: 9px 0 5px !important;
    color: #20242a !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: -.025em !important;
  }
  html body.is-seller[data-app-variant="seller"] :is(#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-kpi span {
    display: block !important;
    margin: 0 !important;
    color: #858f99 !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
  }
  html body.is-seller[data-app-variant="seller"] :is(#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-movements {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-section-head {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 11px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-bottom: 1px solid #edf0f2 !important;
    background: transparent !important;
  }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-section-head h2 {
    margin: 0 !important;
    color: #242a30 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
  }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-section-head p {
    margin: 3px 0 0 !important;
    color: #818b95 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-view .seller-statement-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #d93d50 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
  }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-view .seller-statement-button::before,
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-view .seller-statement-button::after { display:none !important; content:none !important; }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-table-wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    border: 0 !important;
    background: transparent !important;
  }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-table {
    display: table !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    table-layout: auto !important;
    background: transparent !important;
  }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-table thead { display: table-header-group !important; }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-table tbody { display: table-row-group !important; width: auto !important; }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-table tr { display: table-row !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-table th,
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-table td {
    display: table-cell !important;
    padding: 12px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid #f0f2f4 !important;
    background: transparent !important;
    text-align: left !important;
    vertical-align: middle !important;
    white-space: normal !important;
  }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-table th { color:#858e98 !important; font-size:10px !important; font-weight:500 !important; line-height:1.3 !important; }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-table td { color:#323941 !important; font-size:11px !important; line-height:1.4 !important; }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-table td::before,
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-table td::after { display:none !important; content:none !important; }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-table td:first-child { width:46% !important; }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-table td:first-child small { display:block !important; margin:3px 0 0 !important; color:#858e98 !important; font-size:10px !important; line-height:1.3 !important; }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-table .seller-finance-order-open { display:inline-flex !important; width:auto !important; margin:0 !important; padding:0 !important; border:0 !important; color:#282e34 !important; background:transparent !important; box-shadow:none !important; font-size:11px !important; font-weight:600 !important; line-height:1.3 !important; text-align:left !important; }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-table .seller-finance-order-open-full { display:inline !important; }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-table .seller-finance-order-open-short { display:none !important; }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-table td:last-child,
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-table .seller-finance-value { color:#19975a !important; font-weight:700 !important; text-align:right !important; white-space:nowrap !important; }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-table .seller-finance-tag.income { display:inline-flex !important; padding:4px 9px !important; border:0 !important; border-radius:999px !important; color:#258650 !important; background:#eaf7ef !important; font-size:10px !important; font-weight:600 !important; line-height:1.2 !important; white-space:nowrap !important; }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-finance-empty { margin:0 !important; padding:18px 10px !important; border-bottom:1px solid #f0f2f4 !important; color:#808a94 !important; font-size:12px !important; text-align:center !important; }
}

/* Navegação fixa: somente a área principal do app desktop rola. */
@media (min-width: 900px) {
  html:has(body.is-seller[data-app-variant="seller"]) { height:100% !important; overflow:hidden !important; }
  body.is-seller[data-app-variant="seller"] { height:100vh !important; height:100dvh !important; overflow:hidden !important; }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-layout { height:100vh !important; height:100dvh !important; min-height:0 !important; max-height:100vh !important; max-height:100dvh !important; overflow:hidden !important; }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-sidebar { position:sticky !important; top:0 !important; align-self:stretch !important; height:100vh !important; height:100dvh !important; min-height:0 !important; max-height:100vh !important; max-height:100dvh !important; overflow:hidden !important; }
  html body.is-seller[data-app-variant="seller"] :is(#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .seller-content { height:100vh !important; height:100dvh !important; min-height:0 !important; max-height:100vh !important; max-height:100dvh !important; overflow-x:clip !important; overflow-y:auto !important; overscroll-behavior-y:contain !important; scrollbar-width:thin !important; }
}