/* SDFood — Painel do lojista, camada profissional SOMENTE DESKTOP (>= 900px).
   Mobile não é afetado: tudo fica dentro de @media (min-width: 900px).
   A camada "seller-desktop-pro" é declarada antes de "seller-desktop-clean"
   no <head>, então suas regras !important têm prioridade. */
@layer seller-desktop-pro {
@media (min-width: 900px) {

  body.is-seller[data-app-variant="seller"] {
    --pro-bg: #f6f5f9;
    --pro-surface: #ffffff;
    --pro-line: #e7e5ee;
    --pro-line-soft: #f0eef5;
    --pro-text: #1d1b26;
    --pro-muted: #6b6878;
    --pro-accent: #7136d1;
    --pro-accent-hover: #5f2bb5;
    --pro-accent-soft: #f3edfc;
    --pro-radius: 12px;
    --pro-shadow: 0 1px 2px rgba(29,27,38,.04), 0 1px 3px rgba(29,27,38,.06);
    --pro-font: "Outfit", sans-serif;
    --pc-accent: var(--pro-accent);
    --pc-accent-soft: var(--pro-accent-soft);
    --pc-line: var(--pro-line);
    --pc-text: var(--pro-text);
    --pc-muted: var(--pro-muted);
    background: var(--pro-bg) !important;
    font-family: "Outfit", sans-serif !important;
    color: var(--pro-text) !important;
    -webkit-font-smoothing: antialiased;
  }

  /* ---------- Menu lateral ---------- */
  body.is-seller .seller-sidebar {
    background: var(--pro-surface) !important;
    border-right: 1px solid var(--pro-line) !important;
    flex-basis: 240px !important; width: 240px !important;
    min-width: 240px !important; max-width: 240px !important;
  }
  body.is-seller .seller-sidebar-head {
    height: 64px !important; min-height: 64px !important;
    padding: 0 20px !important; display: flex !important; align-items: center !important;
    border-bottom: 1px solid var(--pro-line) !important;
  }
  body.is-seller .seller-sidebar-brand img { height: 32px !important; width: auto !important; }
  body.is-seller .seller-sidebar-nav { padding: 16px 0 !important; gap: 2px !important; }
  body.is-seller .seller-sidebar-nav .seller-nav-group { gap: 2px !important; }
  body.is-seller .seller-sidebar-nav button {
    position: relative !important;
    width: 100% !important; margin: 0 !important;
    min-height: 44px !important; padding: 10px 20px 10px 24px !important;
    border-radius: 0 !important; border: 0 !important;
    background: transparent !important; box-shadow: none !important;
    color: var(--pro-text) !important;
    font: 500 14px/1.4 var(--pro-font) !important;
    gap: 12px !important; justify-content: flex-start !important;
    transition: background .15s ease, color .15s ease !important;
  }
  body.is-seller .seller-sidebar-nav button svg {
    width: 20px !important; height: 20px !important; color: var(--pro-muted) !important; flex: 0 0 20px !important;
  }
  
  body.is-seller .seller-sidebar-nav button.active {
    background: var(--pro-accent-soft) !important; color: var(--pro-accent) !important; font-weight: 600 !important;
  }
  body.is-seller .seller-sidebar-nav button.active svg { color: var(--pro-accent) !important; }
  body.is-seller .seller-sidebar-nav button.active::before {
    content: "" !important; position: absolute !important; left: 0 !important; top: 0 !important; bottom: 0 !important;
    width: 4px !important; background: var(--pro-accent) !important; border-radius: 0 4px 4px 0 !important;
  }
  body.is-seller .seller-sidebar-nav .sv-count,
  body.is-seller .seller-orders-badge {
    margin-left: auto !important; min-width: 20px !important; height: 20px !important;
    padding: 0 6px !important; border-radius: 999px !important;
    background: var(--pro-accent) !important; color: #fff !important;
    font: 600 11px/20px var(--pro-font) !important; text-align: center !important;
  }

  /* ---------- Área principal ---------- */
  body.is-seller .seller-content { background: var(--pro-bg) !important; }
  body.is-seller .seller-panel-topbar {
    height: 64px !important; min-height: 64px !important;
    background: var(--pro-surface) !important; border-bottom: 1px solid var(--pro-line) !important;
    padding: 0 32px !important; box-shadow: none !important;
  }
  body.is-seller .seller-top-notification {
    width: 40px !important; height: 40px !important; border-radius: 10px !important;
    border: 1px solid var(--pro-line) !important; background: var(--pro-surface) !important; color: var(--pro-text) !important;
  }
  body.is-seller .seller-top-notification-dot { background: var(--pro-accent) !important; }
  body.is-seller .seller-profile-photo-button img {
    width: 40px !important; height: 40px !important; border-radius: 999px !important;
    border: 1px solid var(--pro-line) !important; object-fit: cover !important;
  }
  body.is-seller .seller-workspace {
    padding: 32px 40px 48px !important; max-width: 1440px !important; margin: 0 auto !important;
    box-sizing: border-box !important; background: transparent !important;
  }

  /* ---------- Títulos de página ---------- */
  body.is-seller .seller-workspace h1,
  body.is-seller .seller-overview-title {
    font: 700 28px/1.2 var(--pro-font) !important; letter-spacing: -.01em !important;
    color: var(--pro-text) !important; margin: 0 0 6px !important;
  }
  body.is-seller .seller-workspace h1 + p,
  body.is-seller .seller-overview-subtitle {
    font: 400 14px/1.5 var(--pro-font) !important; color: var(--pro-muted) !important; margin: 0 !important;
  }
  body.is-seller .seller-workspace h2 {
    font: 600 16px/1.35 var(--pro-font) !important; color: var(--pro-text) !important; letter-spacing: 0 !important;
  }
  body.is-seller .seller-overview-head {
    margin: 0 0 24px !important; padding: 0 !important; align-items: center !important;
  }

  /* ---------- Cartões ---------- */
  body.is-seller .seller-panel,
  body.is-seller .panel-recent-card,
  body.is-seller .seller-sales-line-chart,
  body.is-seller .panel-bestsellers-card,
  body.is-seller .seller-support-panel {
    background: var(--pro-surface) !important;
    border: 1px solid var(--pro-line) !important;
    border-radius: var(--pro-radius) !important;
    box-shadow: var(--pro-shadow) !important;
    padding: 24px !important; box-sizing: border-box !important;
  }
  body.is-seller .panel-card-head,
  body.is-seller .seller-sales-chart-head,
  body.is-seller .panel-bestsellers-head {
    padding: 0 0 16px !important; margin: 0 0 8px !important;
    border-bottom: 1px solid var(--pro-line-soft) !important;
  }

  /* ---------- Aba Painel: grade organizada ---------- */
  body.is-seller .seller-dashboard-modern {
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) !important;
    gap: 24px !important; align-items: start !important; margin: 0 !important;
  }
  body.is-seller .seller-dashboard-modern > * { margin: 0 !important; min-width: 0 !important; }
  body.is-seller .seller-performance-combined {
    display: flex !important; flex-direction: column !important; gap: 24px !important;
    margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important;
  }
  body.is-seller .seller-support-panel { margin-top: 24px !important; }
  body.is-seller .seller-support-card { padding: 14px 0 !important; }
  body.is-seller .seller-support-count {
    background: var(--pro-accent-soft) !important; color: var(--pro-accent) !important;
    border-radius: 999px !important; padding: 4px 10px !important; font: 600 12px/1 var(--pro-font) !important;
  }

  /* ---------- Tabelas ---------- */
  body.is-seller .seller-workspace table { width: 100% !important; border-collapse: collapse !important; }
  body.is-seller .seller-workspace th {
    font: 600 12px/1.4 var(--pro-font) !important; color: var(--pro-muted) !important;
    text-transform: uppercase !important; letter-spacing: .04em !important;
    background: var(--pro-bg) !important; padding: 10px 12px !important;
    border-bottom: 1px solid var(--pro-line) !important; text-align: left !important;
  }
  body.is-seller .seller-workspace td {
    font: 400 14px/1.4 var(--pro-font) !important; color: var(--pro-text) !important;
    padding: 14px 12px !important; border-bottom: 1px solid var(--pro-line-soft) !important;
  }
  

  /* ---------- Botões ---------- */
  body.is-seller .seller-new-order,
  body.is-seller .seller-workspace button.primary,
  body.is-seller .seller-workspace .btn-primary {
    min-height: 40px !important; padding: 0 18px !important; border-radius: 8px !important;
    background: var(--pro-accent) !important; color: #fff !important; border: 0 !important;
    font: 600 14px/1 var(--pro-font) !important; box-shadow: none !important;
    transition: background .15s ease !important;
  }

  /* ---------- Campos ---------- */
  body.is-seller .seller-workspace input:not([type=checkbox]):not([type=radio]):not([type=range]),
  body.is-seller .seller-workspace select,
  body.is-seller .seller-workspace textarea {
    border: 1px solid var(--pro-line) !important; border-radius: 8px !important;
    background: var(--pro-surface) !important; color: var(--pro-text) !important;
    font: 400 14px/1.4 var(--pro-font) !important; min-height: 40px !important;
    box-shadow: none !important; transition: border-color .15s ease, box-shadow .15s ease !important;
  }
  body.is-seller .seller-workspace input:focus,
  body.is-seller .seller-workspace select:focus,
  body.is-seller .seller-workspace textarea:focus {
    outline: none !important;
  }

  /* ---------- Imagens ausentes não aparecem quebradas ---------- */
  body.is-seller img.sdf-img-missing { display: none !important; }

  /* ---------- Aviso de notificações (canto) ---------- */
  body.is-seller aside:has(.sd-push-copy) {
    max-width: 360px !important; padding: 16px !important; border-radius: var(--pro-radius) !important;
    border: 1px solid var(--pro-line) !important; box-shadow: 0 8px 24px rgba(29,27,38,.12) !important;
    right: 24px !important; bottom: 24px !important;
  }
  body.is-seller aside:has(.sd-push-copy) * { font-family: "Outfit", sans-serif !important; }
  body.is-seller aside:has(.sd-push-copy) p,
  body.is-seller aside:has(.sd-push-copy) .sd-push-copy > :not(.sd-push-heading) {
    font-size: 13px !important; line-height: 1.5 !important; color: var(--pro-muted) !important;
  }
  body.is-seller aside:has(.sd-push-copy) strong { font-size: 14px !important; }

  /* Painel: cabeçalho, grade principal e atendimento em linhas inteiras */
  body.is-seller .seller-workspace:has(.seller-dashboard-modern) {
    display: grid !important; grid-template-columns: minmax(0,1fr) !important;
    grid-auto-rows: auto !important; gap: 24px !important; align-content: start !important;
  }
  body.is-seller .seller-workspace:has(.seller-dashboard-modern) > * {
    grid-column: 1 / -1 !important; width: auto !important; max-width: none !important; margin: 0 !important;
  }
  body.is-seller .seller-dashboard-modern { grid-template-columns: minmax(0,1.5fr) minmax(340px,1fr) !important; }
  body.is-seller .seller-support-panel { margin-top: 0 !important; }

  /* Pedidos: título no mesmo padrão das outras abas */
  body.is-seller .ob-head { background: transparent !important; padding: 0 0 8px !important; }
  body.is-seller .ob-head h2 {
    font: 700 28px/1.2 var(--pro-font) !important; letter-spacing: -.01em !important; margin: 0 0 6px !important;
  }
  body.is-seller .ob-head p { font-size: 14px !important; color: var(--pro-muted) !important; }
  body.is-seller .orders-board { background: transparent !important; }

  /* Containers de página sem "caixa branca" atrás do conteúdo */
  body.is-seller .seller-workspace > section:not(.seller-panel):not(.seller-support-panel),
  body.is-seller .seller-workspace > section > section:not([class*="card"]):not(.seller-panel),
  body.is-seller .seller-workspace > section > header,
  body.is-seller .seller-workspace > section > div[class*="head"] {
    background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important;
  }
  body.is-seller .seller-workspace > section > header,
  body.is-seller .seller-finance-header { padding-left: 0 !important; padding-right: 0 !important; align-items: center !important; }

  /* Botões do topo das páginas: altura padrão */
  body.is-seller .seller-workspace > section > header button,
  body.is-seller .seller-workspace > section > div[class*="head"] button,
  body.is-seller .seller-finance-header button {
    height: 40px !important; min-height: 40px !important; max-height: 40px !important;
    padding: 0 18px !important; border-radius: 8px !important; width: auto !important;
    font: 600 14px/1 var(--pro-font) !important; align-self: center !important; flex: 0 0 auto !important;
  }

  /* Promoções: blocos sem faixa branca cortando o fundo */
  body.is-seller .promotions-page,
  body.is-seller .promotions-summary,
  body.is-seller .promotions-summary-head,
  body.is-seller .seller-coupons-admin-head {
    background: transparent !important; border: 0 !important; box-shadow: none !important;
  }
  body.is-seller .promotions-summary { padding: 0 !important; }
  body.is-seller .seller-coupons-admin {
    background: var(--pro-surface) !important; border: 1px solid var(--pro-line) !important;
    border-radius: var(--pro-radius) !important; box-shadow: var(--pro-shadow) !important; padding: 24px !important;
  }
  body.is-seller .seller-coupons-admin-head { padding: 0 0 16px !important; text-align: left !important; }
}
}