/* Desktop v5 — somente desktop (min-width: 900px). Não afeta mobile. */
@layer sdf-v5 {
@media (min-width: 900px) {
  /* 1) Sem sombreamento/borda vermelha ao passar o mouse nos cards */
  
  

  /* 2) Saldo disponível: card verde, sem vermelho */
  
  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#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#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-kpi:first-child small { color: #15803d !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#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#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-kpi:first-child strong { color: #166534 !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#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#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-kpi:first-child span { color: #16a34a !important; }

  /* 3) Botões dos cards de cupom = roxo do "Ver cupons" */
  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#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .promotion-mode-card button[data-new-coupon-type] {
    background: #7c3aed !important; color: #fff !important; border: 0 !important;
    border-radius: 6px !important; padding: 9px 16px !important; font-size: 14px !important;
    font-weight: 400 !important; min-height: 41px !important; box-shadow: none !important;
  }
  

  /* Botão Editar dos produtos em roxo (sem vermelho) */
  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#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main) .ui-actions > button[data-ui-edit] { color: #7c3aed !important; }
  

  /* 4) Atendimento: tela estilo inbox (lista à esquerda + chat aberto à direita) */
  body.is-seller.sdf-chat-view { --sdf-side: 260px; --sdf-top: 64px; --sdf-list: 380px; overflow: hidden; }
  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#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#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-workspace > .seller-support-panel.sdf-chat-visible {
    position: fixed !important; top: var(--sdf-top) !important; left: var(--sdf-side) !important; bottom: 0 !important;
    width: var(--sdf-list) !important; max-width: none !important; margin: 0 !important; border-radius: 0 !important;
    border: 0 !important; border-right: 1px solid #ececf1 !important; box-shadow: none !important;
    background: #fff !important; padding: 24px 16px !important; overflow-y: auto !important; z-index: 5 !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#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#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-support-panel.sdf-chat-visible .seller-support-heading { padding: 0 8px 16px !important; margin: 0 0 8px !important; border-bottom: 1px solid #f1f1f4 !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#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#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-support-panel.sdf-chat-visible .seller-support-heading h2 { font-size: 20px !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#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#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-support-panel.sdf-chat-visible .seller-support-divider { 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#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#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-support-panel.sdf-chat-visible .seller-support-list { display: flex !important; flex-direction: column !important; gap: 6px !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#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#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-support-panel.sdf-chat-visible .seller-support-card {
    position: relative !important; cursor: pointer !important; background: #fff !important; border: 1px solid transparent !important;
    border-radius: 14px !important; padding: 14px 14px !important; margin: 0 !important; box-shadow: none !important; transition: background .15s;
  }
  
  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#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#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-support-panel.sdf-chat-visible .seller-support-card.sdf-active { background: #f3edff !important; border-color: #ddd6fe !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#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#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-support-panel.sdf-chat-visible .seller-support-card.sdf-active::before { content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 3px; border-radius: 3px; background: #7c3aed; }
  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#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#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-support-panel.sdf-chat-visible .seller-support-open-chat { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; opacity: 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#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#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-support-panel.sdf-chat-visible .seller-support-card-copy p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500 !important; color: #374151 !important; }

  /* placeholder do painel direito */
  html body.is-seller.sdf-chat-view::after {
    content: "Selecione uma conversa para começar"; position: fixed; top: var(--sdf-top); right: 0; bottom: 0;
    left: calc(var(--sdf-side) + var(--sdf-list)); display: grid; place-items: center; color: #9ca3af; font-size: 14px;
    background: #f8f7fc; z-index: 1; pointer-events: none;
  }

  /* chat acoplado à direita, sem fundo escurecido */
  html body.is-seller.sdf-chat-view #overlay.support-chat-overlay:is(#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay) {
    position: fixed !important; top: var(--sdf-top) !important; right: 0 !important; bottom: 0 !important;
    left: calc(var(--sdf-side) + var(--sdf-list)) !important; width: auto !important; height: auto !important;
    background: transparent !important; backdrop-filter: none !important; z-index: 20 !important;
    display: flex !important; justify-content: stretch !important; align-items: stretch !important; padding: 0 !important;
  }
  html body.is-seller.sdf-chat-view #overlay.support-chat-overlay:is(#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay) > aside.drawer {
    position: relative !important; inset: auto !important; width: 100% !important; max-width: none !important; height: 100% !important;
    max-height: none !important; margin: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important;
    animation: none !important; background: #f8f7fc !important; padding: 0 !important;
  }
  html body.is-seller.sdf-chat-view #overlay.support-chat-overlay:is(#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay) :is(.desktop-drawer-shell,.desktop-drawer-content,.support-chat-shell) {
    height: 100% !important; max-height: none !important; width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important;
  }
  html body.is-seller.sdf-chat-view #overlay.support-chat-overlay:is(#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay) .support-chat-shell { display: flex !important; flex-direction: column !important; background: #f8f7fc !important; }
  html body.is-seller.sdf-chat-view #overlay.support-chat-overlay:is(#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay) .support-chat-header {
    background: #fff !important; padding: 18px 28px !important; border-bottom: 1px solid #ececf1 !important; margin: 0 !important;
  }
  html body.is-seller.sdf-chat-view #overlay.support-chat-overlay:is(#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay) .support-chat-header h2 { font-size: 18px !important; }
  html body.is-seller.sdf-chat-view #overlay.support-chat-overlay:is(#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay) .support-chat-messages {
    flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; padding: 24px 15% !important; background: #f8f7fc !important;
  }
  html body.is-seller.sdf-chat-view #overlay.support-chat-overlay:is(#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay) .support-chat-bubble {
    font-size: 14px !important; line-height: 1.45 !important; padding: 10px 14px !important; border-radius: 16px !important; max-width: 520px !important;
  }
  html body.is-seller.sdf-chat-view #overlay.support-chat-overlay:is(#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay) .support-chat-row.theirs .support-chat-bubble { background: #fff !important; border: 1px solid #ececf1 !important; border-bottom-left-radius: 4px !important; }
  html body.is-seller.sdf-chat-view #overlay.support-chat-overlay:is(#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay) .support-chat-row:not(.theirs) .support-chat-bubble { background: #7c3aed !important; color: #fff !important; border-bottom-right-radius: 4px !important; }
  html body.is-seller.sdf-chat-view #overlay.support-chat-overlay:is(#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay) .support-chat-shell > :last-child {
    background: #fff !important; border-top: 1px solid #ececf1 !important; padding: 14px 15% !important; margin: 0 !important;
  }
}
}