/* PC only. Shared/mobile files and all original asset URLs are intentionally preserved.
   Important declarations in this layer take precedence over legacy unlayered fixes. */
@layer seller-desktop-clean {
 @media (min-width: 900px) {
  html:has(body.is-seller[data-app-variant="seller"]) {
   height: 100% !important; max-height: none !important; overflow: hidden !important;
  }
  body.is-seller[data-app-variant="seller"] {
   --pc-surface: #fff; --pc-soft: #f7f8fa; --pc-line: #e6e9ee;
   --pc-text: #20242a; --pc-muted: #677281; --pc-accent: #7136d1;
   --pc-accent-soft: #f3edfc; --pc-positive: #168653;
    --pc-order-new: #ffd6dc; --pc-order-new-line: #f1b8c2;
    --pc-order-preparing: #ffe9b0; --pc-order-preparing-line: #f0d68a;
    --pc-order-delivery: #c6f3d8; --pc-order-delivery-line: #a7dfbd;
    --pc-order-done: #d4e2ff; --pc-order-done-line: #b8ccf0;
    --pc-overlay: rgba(27,32,39,.22);
   --pc-font: 'Outfit', sans-serif;
   margin: 0 !important; padding: 0 !important; height: 100dvh !important;
   min-height: 0 !important; max-height: 100dvh !important; overflow: hidden !important;
   background: var(--pc-surface) !important;
  }
  body.is-seller #app, body.is-seller #main {
   height: 100dvh !important; min-height: 0 !important; max-height: none !important;
   width: 100% !important; max-width: none !important; margin: 0 !important;
   padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important;
  }
  body.is-seller #app > .topbar { display: none !important; }
  body.is-seller .seller-layout {
   display: flex !important; height: 100dvh !important; min-height: 0 !important;
   max-height: none !important; overflow: hidden !important; align-items: stretch !important;
  }
  body.is-seller .seller-sidebar {
   position: relative !important; top: 0 !important; flex: 0 0 224px !important;
   width: 224px !important; min-width: 224px !important; max-width: 224px !important;
   height: 100dvh !important; min-height: 0 !important; max-height: none !important;
   border-right: 1px solid var(--pc-line) !important; overflow: hidden !important;
  }
  body.is-seller .seller-sidebar-nav { overflow-y: auto !important; min-height: 0 !important; padding: 16px 12px !important; }
  body.is-seller .seller-sidebar-nav button[data-seller-tab] {
   min-height: 44px !important; padding: 10px 12px !important; font: 500 14px/1.4 var(--pc-font) !important;
   border-radius: 6px !important; letter-spacing: 0 !important;
  }
  body.is-seller .seller-sidebar-nav button > span:not(.sv-count) { font-size: 14px !important; line-height: 1.4 !important; }
  body.is-seller .seller-content {
   flex: 1 1 0 !important; width: auto !important; min-width: 0 !important;
   height: 100dvh !important; min-height: 0 !important; max-height: none !important;
   padding: 0 !important; overflow: hidden auto !important; scrollbar-width: thin !important;
   overscroll-behavior: contain !important; scroll-padding-top: 88px !important;
   background: var(--pc-surface) !important;
  }
  body.is-seller .seller-panel-topbar {
   position: sticky !important; top: 0 !important; z-index: 10 !important;
   height: 64px !important; min-height: 64px !important; padding: 0 32px !important;
   background: var(--pc-surface) !important; border-bottom: 1px solid var(--pc-line) !important;
  }
  body.is-seller .seller-content > .seller-workspace,
  body.is-seller .seller-content > .seller-workspace:has(.seller-dashboard-modern) {
   position: relative !important; width: 100% !important; max-width: 1280px !important;
   height: auto !important; min-height: 0 !important; max-height: none !important;
   margin: 0 auto !important; padding: 32px 32px 48px !important;
   overflow: visible !important; box-sizing: border-box !important;
  }
  body.is-seller .seller-workspace *, body.is-seller #overlay * {
   font-family: 'Outfit', sans-serif !important; letter-spacing: 0 !important;
   box-sizing: border-box !important;
  }
  body.is-seller .seller-workspace { font: 400 14px/1.5 var(--pc-font) !important; color: var(--pc-text) !important; }
  body.is-seller .seller-workspace :is(h1,.seller-overview-title,.seller-catalog-title,.sv-hello,.ob-copy h2) {
   font-size: 24px !important; line-height: 1.3 !important; font-weight: 700 !important; margin: 0 !important;
  }
  body.is-seller .seller-workspace h2 { font-size: 16px !important; line-height: 1.4 !important; font-weight: 600 !important; }
  body.is-seller .seller-workspace h3 { font-size: 14px !important; line-height: 1.5 !important; }
  body.is-seller .seller-workspace :is(p,small,label,input,select,textarea,button,td,th) { font-size: 14px !important; line-height: 1.5 !important; }
  body.is-seller .seller-workspace :is(p,small,.report-card-subtitle,.seller-catalog-subtitle,.seller-overview-subtitle) { color: var(--pc-muted) !important; }
  body.is-seller .seller-workspace :is(.seller-eyebrow,.seller-catalog-eyebrow,.seller-finance-eyebrow,.promotions-heading-copy > small,.reports-heading > small) {
   font-size: 12px !important; line-height: 1.5 !important; color: var(--pc-muted) !important; font-weight: 600 !important;
  }
  body.is-seller .seller-workspace :is(.seller-overview-head,.seller-catalog-header,.seller-finance-header,.promotions-heading,.reports-header,.ob-head) {
   display: flex !important; flex-direction: row !important; align-items: center !important;
   justify-content: space-between !important; gap: 20px !important; width: 100% !important;
   margin: 0 0 24px !important; padding: 0 !important; min-height: 0 !important;
   height: auto !important; background: transparent !important; border: 0 !important;
  }
  body.is-seller .seller-workspace :is(.seller-catalog-header > div,.seller-finance-header > div,.promotions-heading-copy,.reports-heading,.ob-copy) { min-width: 0 !important; }
  body.is-seller .seller-workspace :is(.seller-catalog-btn-new,.seller-finance-action,.promotions-new-button,.reports-export,.seller-new-order) {
   flex: 0 0 auto !important; width: auto !important; min-height: 40px !important;
   height: auto !important; padding: 9px 16px !important; margin: 0 !important; border-radius: 6px !important;
  }
  body.is-seller .seller-workspace :is(input,select) { min-height: 40px !important; border-radius: 6px !important; }
  body.is-seller .seller-workspace :is(.sv-card,.seller-product-card,.seller-finance-kpi,.promotion-mode-card,.report-kpi,.ob-col,.ob-card) {
   border: 1px solid var(--pc-line) !important; border-radius: 8px !important;
   box-shadow: none !important; background: var(--pc-surface) !important; filter: none !important;
  }
  /* One natural-height workspace and one scrolling content area: no clipped bottom rows. */
  body.is-seller .seller-workspace:has(.seller-dashboard-modern) { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 24px !important; align-items: start !important; }
  body.is-seller .seller-overview-head { grid-column: 1 / -1 !important; }
  body.is-seller :is(.panel-recent-card,.seller-sales-line-chart,.panel-bestsellers-card,.seller-support-panel) {
   padding: 0 !important; margin: 0 !important; min-height: 0 !important; height: auto !important;
   max-height: none !important; overflow: visible !important; border: 0 !important; box-shadow: none !important;
  }
  body.is-seller :is(.panel-table-scroll,.panel-bestsellers-list,.seller-support-list) {
   height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important;
  }
  body.is-seller :is(.panel-card-head,.seller-sales-chart-head,.panel-bestsellers-head,.seller-support-heading) { margin-bottom: 16px !important; }
  body.is-seller :is(.panel-bestsellers-item,.seller-support-card) { height: auto !important; min-height: 72px !important; overflow: visible !important; padding: 12px 0 !important; }
  body.is-seller :is(.panel-bestsellers-name,.panel-bestsellers-qty,.panel-bestsellers-val,.seller-support-card-order,.seller-support-card-time,.seller-support-card p,.panel-link,.panel-bestsellers-link,.panel-status) { font-size: 14px !important; line-height: 1.5 !important; }
  body.is-seller .panel-bestsellers-name { white-space: normal !important; overflow: visible !important; }
  body.is-seller .seller-support-count { font-size: 20px !important; line-height: 1.4 !important; }
  body.is-seller .panel-recent-table { table-layout: auto !important; }
  body.is-seller .seller-workspace table { width: 100% !important; border-collapse: collapse !important; }
  body.is-seller .seller-workspace :is(td,th) { font-size: 14px !important; padding: 12px 8px !important; line-height: 1.5 !important; }
  body.is-seller .panel-recent-table :is(th,td) { font-size: 13px !important; white-space: nowrap !important; text-overflow: clip !important; overflow: visible !important; }
  body.is-seller .panel-recent-table td :is(button,a,strong,span) { font-size: 13px !important; }
  body.is-seller .panel-table-scroll { overflow-x: auto !important; }
  body.is-seller :is(.seller-overview-illustration,.learning-art-footer,.panel-bestsellers-icon,.ob-png-icon,.ob-empty-mark,.sv-metric-ico,.ob-meta-png,.seller-support-avatar,.seller-support-item-icon) { display: none !important; }
  body.is-seller .seller-sales-line-chart-svg { height: 240px !important; max-height: none !important; width: 100% !important; }
  body.is-seller .seller-sales-line-chart-svg text { font-size: 14px !important; }
  body.is-seller .seller-support-card-copy { min-width: 0 !important; }
  body.is-seller .seller-support-card-row { gap: 8px !important; flex-wrap: wrap !important; }
   /* Orders: compact controls, original status colors and original asset paths. */
  body.is-seller .ob-head { flex-wrap: wrap !important; }
  body.is-seller .ob-copy { flex: 1 1 100% !important; }
  body.is-seller .ob-tools { flex: 1 1 100% !important; justify-content: flex-start !important; }
  body.is-seller .ob-search { flex: 1 1 240px !important; }
  body.is-seller .ob-kanban { grid-template-columns: repeat(4,minmax(200px,1fr)) !important; gap: 12px !important; padding-bottom: 12px !important; overflow-x: auto !important; }
  body.is-seller .ob-col { min-width: 200px !important; min-height: 280px !important; padding: 16px 12px !important; background: var(--pc-soft) !important; }
   body.is-seller .ob-col.ob-col-received { background: var(--pc-order-new) !important; border-color: var(--pc-order-new-line) !important; }
   body.is-seller .ob-col.ob-col-preparing { background: var(--pc-order-preparing) !important; border-color: var(--pc-order-preparing-line) !important; }
   body.is-seller .ob-col.ob-col-out { background: var(--pc-order-delivery) !important; border-color: var(--pc-order-delivery-line) !important; }
   body.is-seller .ob-col.ob-col-done { background: var(--pc-order-done) !important; border-color: var(--pc-order-done-line) !important; }
   body.is-seller .orders-board .ob-png-icon { display: inline-block !important; width: 28px !important; height: 28px !important; object-fit: contain !important; flex-shrink: 0 !important; }
   body.is-seller .orders-board .ob-mini.ob-png-icon,
   body.is-seller .orders-board .ob-meta-png { display: inline-block !important; width: 18px !important; height: 18px !important; object-fit: contain !important; vertical-align: middle !important; }
   body.is-seller .orders-board .ob-empty-mark { display: flex !important; justify-content: center !important; margin: 0 0 12px !important; }
  body.is-seller .ob-col-head { font-size: 14px !important; gap: 8px !important; }
  body.is-seller .ob-help { font-size: 13px !important; line-height: 1.5 !important; min-height: 60px !important; }
  body.is-seller .ob-card { padding: 12px !important; }
  body.is-seller :is(.ob-name,.ob-time,.ob-price,.ob-user,.ob-product-copy,.ob-order-meta,.orders-status-filter-label) { font-size: 13px !important; line-height: 1.5 !important; }
  body.is-seller .ob-empty { font-size: 14px !important; padding: 24px 0 !important; }
  body.is-seller .sv-kanban-footer { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 12px !important; padding: 16px 0 !important; }
  body.is-seller .sv-kf-date { grid-column: 1 / -1 !important; }
  body.is-seller .sv-kf-item { padding: 16px !important; border: 1px solid var(--pc-line) !important; border-radius: 8px !important; background: var(--pc-surface) !important; }
  /* Catalog */
  body.is-seller .seller-catalog-filters { display: grid !important; grid-template-columns: minmax(0,1fr) 240px !important; gap: 12px !important; margin-bottom: 24px !important; }
  body.is-seller .seller-catalog-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 20px !important; }
  body.is-seller .seller-product-card { overflow: hidden !important; }
  body.is-seller .seller-product-card-img-wrap { height: 180px !important; min-height: 0 !important; }
  body.is-seller .seller-product-card-img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
  body.is-seller .seller-product-card-body { padding: 16px !important; }
  body.is-seller :is(.seller-product-card-name,.seller-product-card-price,.seller-product-card-category,.seller-product-card-info) { font-size: 14px !important; line-height: 1.5 !important; }
  /* Finance */
  body.is-seller .seller-finance-kpis { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 16px !important; margin: 0 0 28px !important; }
  body.is-seller .seller-finance-kpi { padding: 20px 16px !important; }
  body.is-seller .seller-finance-kpi strong { display: block !important; font-size: 22px !important; line-height: 1.4 !important; margin: 8px 0 !important; }
  body.is-seller .seller-finance-kpi :is(small,span) { font-size: 13px !important; line-height: 1.5 !important; }
  body.is-seller .seller-finance-section-head { display: flex !important; justify-content: space-between !important; gap: 16px !important; }
  body.is-seller .seller-finance-table-wrap { overflow-x: auto !important; }
  /* Promotions */
  body.is-seller .promotion-mode-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 16px !important; margin-bottom: 28px !important; }
  body.is-seller .promotion-mode-card { padding: 20px !important; color: var(--pc-text) !important; background: var(--pc-surface) !important; }
  body.is-seller .promotion-mode-card::after, body.is-seller .promotion-mode-card::before { display: none !important; }
  body.is-seller .promotion-mode-card p { max-width: none !important; min-height: 64px !important; }
  body.is-seller .promotion-mode-card button { color: var(--pc-accent) !important; background: var(--pc-accent-soft) !important; padding: 10px 12px !important; border-radius: 6px !important; }
  body.is-seller .promotions-summary { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 16px !important; padding: 0 !important; margin-bottom: 28px !important; border: 0 !important; }
  body.is-seller .promotions-summary-head { grid-column: 1 / -1 !important; }
  body.is-seller .promotion-stat { padding: 16px !important; border: 1px solid var(--pc-line) !important; border-radius: 8px !important; }
  body.is-seller .promotion-stat strong { display: block !important; font-size: 22px !important; margin-top: 8px !important; }
  body.is-seller .seller-coupons-admin { padding: 0 !important; }
  body.is-seller .seller-coupons-admin-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; }
  /* Reports */
  body.is-seller .reports-grid { display: grid !important; grid-template-columns: minmax(0,1.7fr) minmax(0,1fr) !important; gap: 24px !important; }
  body.is-seller .report-card { padding: 0 !important; border: 0 !important; background: var(--pc-surface) !important; }
  body.is-seller .report-chart-wrap { min-width: 0 !important; padding: 16px 0 !important; }
  body.is-seller .report-bars { width: 100% !important; height: 260px !important; }
  body.is-seller .professional-chart-bar { fill: var(--pc-accent) !important; }
  body.is-seller .professional-donut { position: relative !important; width: 180px !important; height: 180px !important; margin: 20px auto !important; }
  body.is-seller .report-donut { width: 100% !important; height: 100% !important; }
  body.is-seller .professional-donut-total { position: absolute !important; inset: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; }
  body.is-seller .professional-donut-total strong { font-size: 22px !important; }
  body.is-seller .report-kpis { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 16px !important; margin-top: 28px !important; }
  body.is-seller .report-kpi { padding: 20px !important; }
  /* Existing drawers retain their behavior and original form markup. */
  body.is-seller #overlay .drawer { max-height: 100dvh !important; overflow-y: auto !important; scrollbar-width: thin !important; }
  body.is-seller #overlay :is(p,small,label,input,select,textarea,button) { font-size: 14px !important; line-height: 1.5 !important; }
  body.is-seller #overlay h2 { font-size: 20px !important; line-height: 1.4 !important; }
   body.is-seller #overlay.seller-side-drawer { position: fixed !important; inset: 0 !important; justify-content: flex-end !important; align-items: stretch !important; padding: 0 !important; overflow: hidden !important; background: var(--pc-overlay) !important; backdrop-filter: none !important; }
   body.is-seller #overlay.seller-side-drawer .drawer { display: block !important; position: relative !important; inset: auto !important; flex: 0 0 auto !important; width: min(640px,calc(100vw - 224px)) !important; min-width: 0 !important; max-width: 640px !important; height: 100dvh !important; min-height: 100dvh !important; max-height: 100dvh !important; margin: 0 !important; padding: 24px !important; border: 0 !important; border-left: 1px solid var(--pc-line) !important; border-radius: 0 !important; background: var(--pc-surface) !important; color: var(--pc-text) !important; box-shadow: none !important; overflow: hidden auto !important; overscroll-behavior: contain !important; transform: none !important; opacity: 1 !important; }
   body.is-seller #overlay.seller-side-drawer .drawer-head { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; align-items: start !important; gap: 16px !important; position: sticky !important; top: -24px !important; margin: -24px -24px 24px !important; padding: 24px !important; background: var(--pc-surface) !important; border-bottom: 1px solid var(--pc-line) !important; z-index: 60 !important; }
   body.is-seller #overlay.seller-side-drawer .drawer-head > :not(.close) { min-width: 0 !important; }
   body.is-seller #overlay.seller-side-drawer .drawer-head h2 { margin: 0 !important; overflow-wrap: anywhere !important; }
   body.is-seller #overlay.seller-side-drawer .drawer-head .close { position: static !important; width: 32px !important; height: 32px !important; margin: 0 !important; flex-shrink: 0 !important; }
   body.is-seller #overlay.seller-side-drawer :is(.form-grid,.field,.seller-settings-panel,.seller-media-section) { min-width: 0 !important; max-width: 100% !important; }
   body.is-seller #overlay.seller-side-drawer :is(input,select,textarea) { max-width: 100% !important; }
   body.is-seller .pc-statement-summary { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 16px !important; margin: 24px 0 !important; }
   body.is-seller .pc-statement-summary strong { display: block !important; font-size: 20px !important; margin-top: 8px !important; }
   body.is-seller .pc-statement-table { width: 100% !important; overflow-x: auto !important; margin: 16px 0 24px !important; }
   body.is-seller .pc-statement-table table { width: 100% !important; border-collapse: collapse !important; font-size: 13px !important; }
   body.is-seller .pc-statement-table :is(th,td) { padding: 12px 8px !important; text-align: left !important; border-bottom: 1px solid var(--pc-line) !important; }
   body.is-seller .pc-statement-table td small { display: block !important; color: var(--pc-muted) !important; }
  body.is-seller .seller-content { display: block !important; }
  body.is-seller .seller-content > .seller-workspace { flex: none !important; }
  body.is-seller .seller-finance-view { padding: 0 !important; width: 100% !important; max-width: none !important; }
  body.is-seller .promotion-mode-card h2 { color: var(--pc-text) !important; margin: 0 0 12px !important; }
  body.is-seller .seller-coupons-admin-head { text-align: left !important; }
  body.is-seller .seller-finance-tag { font-size: 13px !important; }
  body.is-seller .seller-finance-action { min-height: 40px !important; height: 40px !important; }
  body.is-seller .seller-product-card-body { background: var(--pc-surface) !important; }
  body.is-seller .seller-product-card-info { min-height: 84px !important; }
  body.is-seller .ob-col-head { display: flex !important; justify-content: space-between !important; align-items: center !important; flex-wrap: nowrap !important; }
  body.is-seller .ob-col-title { display: block !important; text-align: left !important; }
   body.is-seller .orders-board .ob-ico-box { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 28px !important; width: 28px !important; height: 28px !important; margin: 0 !important; background: transparent !important; }
  body.is-seller .ob-count { margin-left: auto !important; width: auto !important; min-width: 24px !important; }
  body.is-seller .orders-status-filters { justify-content: flex-start !important; }
  body.is-seller .seller-workspace:has(.seller-dashboard-modern) { row-gap: 28px !important; }
  body.is-seller .seller-support-card-order { overflow-wrap: anywhere !important; }
  @media (max-width: 1100px) {
   body.is-seller .seller-sidebar { flex-basis: 200px !important; width: 200px !important; min-width: 200px !important; max-width: 200px !important; }
   body.is-seller .seller-content > .seller-workspace, body.is-seller .seller-content > .seller-workspace:has(.seller-dashboard-modern) { padding: 24px !important; }
   body.is-seller .seller-workspace:has(.seller-dashboard-modern) { grid-template-columns: minmax(0,1fr) !important; }
   body.is-seller :is(.seller-catalog-grid,.seller-finance-kpis,.promotions-summary,.report-kpis) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
   body.is-seller :is(.promotion-mode-grid,.reports-grid) { grid-template-columns: minmax(0,1fr) !important; }
   body.is-seller .promotion-mode-card p { min-height: 0 !important; }
  }
 }
}
