/* Layout unified v187: read-only visual layer. No behavior changes. */

:is(
  body.erp-app,
  body.source-inbox-frame-page,
  body.copywriting-app,
  body.api-app,
  body.templates-app
) {
  --yftx-layout-page: #f3f5f4;
  --yftx-layout-surface: #ffffff;
  --yftx-layout-surface-soft: #f7f9f8;
  --yftx-layout-line: #e3e7e4;
  --yftx-layout-line-strong: #ccd3cf;
  --yftx-layout-text: #202622;
  --yftx-layout-muted: #68736c;
  --yftx-layout-subtle: #8e9792;
  --yftx-layout-accent: #2f6b4f;
  --yftx-layout-accent-soft: #eaf3ed;
  --yftx-layout-danger: #a6514c;
  --yftx-layout-danger-soft: #fbf0ee;
  --yftx-layout-warning: #9a7537;
  --yftx-layout-warning-soft: #fbf4e8;
  background-color: var(--yftx-layout-page);
  color: var(--yftx-layout-text);
  font-family: "SF Pro Text", "PingFang SC", "Microsoft YaHei UI", system-ui, "Segoe UI", Arial, sans-serif;
}

:is(
  body.erp-app,
  body.source-inbox-frame-page,
  body.copywriting-app,
  body.api-app,
  body.templates-app
)
:is(button, input, select, textarea, th, td, p, span, small, strong, label, div, section) {
  letter-spacing: 0 !important;
}

/* Keep every module inside a single viewport surface. */
body.erp-app {
  overflow: hidden !important;
  background: var(--yftx-layout-page) !important;
}

body.erp-app #appView {
  
  
  
  
  
}

body.erp-app .sidebar {
  
  
  
  
  
  
  
}

body.erp-app .brand {
  min-height: 58px !important;
  height: 58px !important;
  margin: 0 0 4px !important;
  justify-content: center !important;
}

body.erp-app .brand img {
  width: 62px !important;
  height: auto !important;
  max-height: 44px !important;
}

body.erp-app .nav {
  justify-content: center !important;
  gap: 6px !important;
  padding: 4px 0 !important;
  overflow-y: auto !important;
  scrollbar-width: none !important;
}

body.erp-app .nav::-webkit-scrollbar {
  display: none !important;
}

body.erp-app .nav button {
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 8px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.15 !important;
}

body.erp-app .sidebar-user {
  
}

body.erp-app .user-name {
  
  
  padding: 0 8px !important;
  
  
  
}

body.erp-app .user-popover {
  
  
  
  
  
  
  
  
}

body.erp-app .user-menu-action {
  
  
  
  
  
  
}

body.erp-app .workspace {
  height: 100% !important;
  
  
  
  
  
  
}

body.erp-app .content,
body.erp-app .view,
body.erp-app .view.active {
  
  
  
}

body.erp-app .content {
  overflow: hidden !important;
  background: transparent !important;
}

body.erp-app .view.active {
  overflow: hidden !important;
}

body.erp-app .view-accounts.active,
body.erp-app .view-system-check.active {
  overflow: auto !important;
  padding: clamp(20px, 4vh, 42px) 16px 20px !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  background: var(--yftx-layout-page) !important;
}

body.erp-app .copywriting-frame,
body.erp-app .api-frame,
body.erp-app .templates-frame,
body.erp-app .source-inbox-frame {
  
  
  
  
  
  
}

/* Management pages use one compact centered module language. */
body.erp-app .accounts-page-minimal,
body.erp-app .accounts-shell-minimal,
body.erp-app .system-check-page {
  width: min(720px, 100%) !important;
  max-width: 720px !important;
  margin: 0 !important;
}

body.erp-app .accounts-shell-minimal {
  
}

body.erp-app .accounts-primary-action {
  
}

body.erp-app .account-add-button {
  
  
  
  
  
  
  
}

body.erp-app .accounts-table-panel,
body.erp-app .system-check-list {
  
  
  
  
}

body.erp-app .account-table {
  
  
}

body.erp-app .account-table-header {
  
  
  
  
  
  
}

body.erp-app .account-table-row,
body.erp-app .account-table-cell {
  
  
}

body.erp-app .account-list-empty {
  
}

body.erp-app .system-check-page {
  
}

body.erp-app .system-check-header {
  
  
  
  
  
  
  
  
}

body.erp-app .system-check-list {
  
  
}

body.erp-app .system-check-row {
  
  
  
}

body.erp-app .permission-empty-view {
  
}

body.erp-app .permission-empty-card {
  
  
  
  
  
  
  display: grid !important;
  place-items: center !important;
  
  
}

/* Shared toolbar rhythm for all workflow shells. */
body.source-inbox-frame-page .collector-commandbar,
body.copywriting-app .commandBar,
body.erp-app .export-listing-header {
  border: 1px solid var(--yftx-layout-line) !important;
  background: var(--yftx-layout-surface) !important;
  box-shadow: none !important;
}

body.source-inbox-frame-page .collector-shell {
  gap: 6px !important;
  padding: 6px !important;
  background: var(--yftx-layout-page) !important;
}

body.source-inbox-frame-page .collector-commandbar {
  
  
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 8px 10px !important;
  
  background: var(--yftx-layout-surface) !important;
}

body.source-inbox-frame-page .collector-links-input {
  
  
  
  
  
  
  
  
  
  
  
  
  
}

body.source-inbox-frame-page .collector-campaign {
  flex: 1 0 220px !important;
  min-width: 0 !important;
  max-width: 360px !important;
  gap: 6px !important;
  padding: 0 6px !important;
  overflow: hidden !important;
}

body.source-inbox-frame-page .collector-campaign-progress,
body.source-inbox-frame-page .collector-campaign-summary {
  gap: 7px !important;
  min-width: 0 !important;
}

body.source-inbox-frame-page .collector-commandbar-side {
  flex: 0 0 auto !important;
  
  margin-left: 0 !important;
  gap: 6px !important;
}


body.source-inbox-frame-page .collector-selection-meta {
  min-width: 0 !important;
  max-width: 160px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-size: 12px !important;
}

body.source-inbox-frame-page .collector-button {
  height: 32px !important;
  min-height: 32px !important;
  min-width: 66px !important;
  padding: 0 11px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
}

body.source-inbox-frame-page .collector-content {
  min-height: 0 !important;
  border: 1px solid var(--yftx-layout-line) !important;
  border-radius: 10px !important;
  background: var(--yftx-layout-surface) !important;
  box-shadow: none !important;
}

body.source-inbox-frame-page .collector-empty-state {
  
  
  
  
  margin: 0 !important;
  
  
  
  
  color: var(--yftx-layout-subtle) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

body.source-inbox-frame-page .collector-table-frame {
  height: 100% !important;
  min-height: 0 !important;
}

body.source-inbox-frame-page .collector-table-wrap {
  
  
}

body.source-inbox-frame-page #collectorResultTable {
  
  
}

body.source-inbox-frame-page #collectorResultTable th {
  
  
  
  
  
  
  text-align: center !important;
  
}

body.source-inbox-frame-page #collectorResultTable td {
  
  
  
  
  
  
}

body.source-inbox-frame-page #collectorResultTable th,
body.source-inbox-frame-page #collectorResultTable td {
  text-align: center !important;
  text-align-last: center !important;
}

body.source-inbox-frame-page #collectorResultTable td.title-cell {
  text-align: left !important;
  text-align-last: left !important;
}

body.source-inbox-frame-page #collectorResultTable td.title-cell .cell-title,
body.source-inbox-frame-page #collectorResultTable td.title-cell .collector-copyable-cell > .cell-title {
  text-align: left !important;
  text-align-last: left !important;
}

body.source-inbox-frame-page #collectorResultTable .thumb-cell {
  
  
  
}

body.source-inbox-frame-page .collector-thumb,
body.source-inbox-frame-page .collector-thumb-placeholder {
  
  
}

body.source-inbox-frame-page #collectorResultTable .asin-cell {
  
  
  
}

body.source-inbox-frame-page #collectorResultTable .title-cell {
  
  
  
}

body.source-inbox-frame-page #collectorResultTable .link-cell {
  
  
  
}

body.source-inbox-frame-page #collectorResultTable .brand-cell {
  
  
  
}

body.source-inbox-frame-page #collectorResultTable .rank-number-cell {
  
  
  
}

body.source-inbox-frame-page #collectorResultTable .delivery-cell {
  
  
  
}

body.source-inbox-frame-page #collectorResultTable .number-cell {
  
  
  
}

body.source-inbox-frame-page .cell-title {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

body.source-inbox-frame-page .collector-footer {
  
  
}

body.source-inbox-frame-page .collector-page-size,
body.source-inbox-frame-page .collector-pager {
  min-height: 26px !important;
}

body.source-inbox-frame-page .collector-page-size select,
body.source-inbox-frame-page .collector-pager button {
  height: 26px !important;
  min-height: 26px !important;
  border-radius: 7px !important;
  font-size: 12px !important;
}

/* Collector detail drawer keeps a fixed scaffold and stable image cells. */
body.source-inbox-frame-page .collector-detail {
  width: min(720px, 94vw) !important;
  border-left: 1px solid var(--yftx-layout-line) !important;
  background: #fff !important;
}

body.source-inbox-frame-page .collector-detail-head {
  
  
}

body.source-inbox-frame-page .collector-detail-body {
  
  
  
}

body.source-inbox-frame-page .collector-detail-actions {
  
  
}

body.source-inbox-frame-page .collector-detail-section {
  
}

body.source-inbox-frame-page .collector-detail-image-grid {
  
}

body.source-inbox-frame-page .collector-detail-image {
  
  
}

body.source-inbox-frame-page .collector-detail-image img {
  
}

/* Copywriting workflow. */
body.copywriting-app {
  background: var(--yftx-layout-page) !important;
}

body.copywriting-app .workspaceShell {
  
  gap: 6px !important;
  padding: 6px !important;
  
}

body.copywriting-app .commandBar {
  
  
  
  
  
  
}

body.copywriting-app .commandSide,
body.copywriting-app .previewDangerZone,
body.copywriting-app .parseDangerZone,
body.copywriting-app .commandMeta {
  min-width: 0 !important;
  gap: 6px !important;
}

body.copywriting-app .workflowButton,
body.copywriting-app .pageClearButton,
body.copywriting-app .selectionDeleteButton,
body.copywriting-app .selectionPromptButton,
body.copywriting-app .embeddedRemovalButton {
  height: 32px !important;
  min-height: 32px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
}

body.copywriting-app .contentCard {
  
  
  
  
  
}

body.copywriting-app .workspacePanel {
  min-height: 0 !important;
}

body.copywriting-app .workspacePanel.active {
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
}

body.copywriting-app .previewTableWrap {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
}

body.copywriting-app .tableFootnote,
body.copywriting-app #previewNote {
  
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
  
  
}

body.copywriting-app .copywritingPager {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
  color: var(--yftx-layout-muted) !important;
  
}

body.copywriting-app .copywritingPager button {
  height: 26px !important;
  min-height: 26px !important;
  min-width: 60px !important;
  padding: 0 10px !important;
  border: 1px solid var(--yftx-layout-line) !important;
  border-radius: 7px !important;
  background: #fff !important;
  
}

body.copywriting-app .parseWorkspace {
  
  
  
  
  
}

body.copywriting-app .parseInputPane,
body.copywriting-app .embeddedRemovalPane {
  
  
  
  
}

body.copywriting-app .parseInputPane {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  padding: 10px !important;
}

body.copywriting-app .parseInputPane .editor,
body.copywriting-app .parseInputPane textarea {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  border: 1px solid var(--yftx-layout-line) !important;
  border-radius: 8px !important;
  resize: none !important;
}

body.copywriting-app .parseInputPane .message {
  
  
  
  
  
}

body.copywriting-app .embeddedRemovalPane,
body.copywriting-app .embeddedRemovalTableWrap {
  min-height: 0 !important;
  overflow: auto !important;
}

body.copywriting-app .embeddedRemovalTableWrap {
  
  
  
}

body.copywriting-app #dataTable,
body.copywriting-app #embeddedRemovalTable {
  width: 100% !important;
  min-width: 100% !important;
  table-layout: fixed !important;
}

body.copywriting-app #dataTable th,
body.copywriting-app #embeddedRemovalTable th {
  
  
  
  
  
  
}

body.copywriting-app #dataTable tbody:not(.centeredEmptyState) tr,
body.copywriting-app #embeddedRemovalTable tbody:not(.embeddedRemovalEmptyState) tr {
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
}

body.copywriting-app #dataTable tbody:not(.centeredEmptyState) td,
body.copywriting-app #embeddedRemovalTable tbody:not(.embeddedRemovalEmptyState) td {
  height: 64px !important;
  max-height: 64px !important;
  padding: 5px 6px !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  line-height: 16px !important;
}

body.copywriting-app #dataTable .cellClamp,
body.copywriting-app #embeddedRemovalTable .cellClamp {
  
  
  
  
}

body.copywriting-app #dataTable td.col-name .cellClamp,
body.copywriting-app #embeddedRemovalTable td.col-name .cellClamp {
  text-align: left !important;
  text-align-last: left !important;
}

body.copywriting-app #dataTable td.col-sku .cellClamp,
body.copywriting-app #embeddedRemovalTable td.col-sku .cellClamp {
  text-align: center !important;
  text-align-last: center !important;
}

body.copywriting-app #dataTable th,
body.copywriting-app #dataTable td,
body.copywriting-app #embeddedRemovalTable th,
body.copywriting-app #embeddedRemovalTable td {
  text-align: center !important;
  text-align-last: center !important;
}

/* Freeze the selection column when wide tables scroll sideways. */
body.source-inbox-frame-page #collectorResultTable thead th:first-child,
body.source-inbox-frame-page #collectorResultTable tbody tr td:first-child,
body.copywriting-app #dataTable thead th:first-child,
body.copywriting-app #dataTable tbody:not(.centeredEmptyState) tr td:first-child,
body.copywriting-app #embeddedRemovalTable thead th:first-child,
body.copywriting-app #embeddedRemovalTable tbody:not(.embeddedRemovalEmptyState) tr td:first-child,
body.erp-app #exportListingTable thead th:first-child,
body.erp-app #exportListingTable tbody tr:not(.centered-empty-state) td:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 3 !important;
  background: var(--yftx-layout-surface-soft) !important;
  box-shadow: 1px 0 0 var(--yftx-layout-line) !important;
}

body.erp-app #exportListingTable thead th:first-child,
body.source-inbox-frame-page #collectorResultTable thead th:first-child,
body.copywriting-app #dataTable thead th:first-child,
body.copywriting-app #embeddedRemovalTable thead th:first-child {
  z-index: 4 !important;
  background: var(--yftx-layout-surface-soft) !important;
}

body.erp-app #exportListingTable tbody tr:not(.centered-empty-state) td:first-child,
body.source-inbox-frame-page #collectorResultTable tbody tr td:first-child,
body.copywriting-app #dataTable tbody:not(.centeredEmptyState) tr td:first-child,
body.copywriting-app #embeddedRemovalTable tbody:not(.embeddedRemovalEmptyState) tr td:first-child {
  background: #fff !important;
}

/* Export listing shell. */
body.erp-app .export-listing-shell:not(:has(#exportListingTable .centered-empty-state)) {
  grid-template-rows: 56px minmax(0, 1fr) 40px !important;
  gap: 0 !important;
  padding: 0 !important;
}

body.erp-app .export-listing-shell:has(#exportListingTable .centered-empty-state) {
  grid-template-rows: 56px minmax(0, 1fr) 40px !important;
}

body.erp-app .export-listing-header {
  
  
  
  
  
  
  background: var(--yftx-layout-surface) !important;
}

body.erp-app .export-listing-header .export-mapping-center {
  gap: 7px !important;
}

body.erp-app .export-listing-header #startExportMapping,
body.erp-app .export-listing-header #exportMissingTemplatePlan,
body.erp-app .export-listing-header #exportCompleteTable {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

body.erp-app .export-listing-table-wrap {
  
  
}

body.erp-app #exportListingTable:not(:has(.centered-empty-state)) {
  table-layout: fixed !important;
}

body.erp-app #exportListingTable tbody:not(.centered-empty-state) tr,
body.erp-app #exportListingTable tbody:not(.centered-empty-state) td {
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  padding: 5px 6px !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  line-height: 16px !important;
}

body.erp-app #exportPagination {
  min-height: 40px !important;
  height: 40px !important;
  border-top: 1px solid var(--yftx-layout-line) !important;
  background: var(--yftx-layout-surface) !important;
}

body.erp-app #exportPagination button {
  height: 28px !important;
  min-height: 28px !important;
  border-radius: 7px !important;
  font-size: 12px !important;
}

/* API page uses a compact centered module card. */
body.api-app {
  background: var(--yftx-layout-page) !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding: clamp(22px, 5vh, 56px) 16px 24px !important;
}

body.api-app .api-page,
body.api-app .api-page:has(.connection-form:not(.hidden)),
body.api-app .api-page:has(.connection-form:not(.hidden)).provider-deepseek,
body.api-app .api-page:has(#emptyEditor:not(.hidden)) {
  width: min(620px, 100%) !important;
  max-width: 620px !important;
  min-height: 360px !important;
  height: auto !important;
  max-height: calc(100vh - 48px) !important;
  margin: 0 auto !important;
  border: 1px solid var(--yftx-layout-line) !important;
  border-radius: 12px !important;
  background: var(--yftx-layout-surface) !important;
  box-shadow: 0 10px 26px rgba(20, 28, 24, .06) !important;
  overflow: auto !important;
}

body.api-app .api-sidebar {
  
  
  
  
  
  
}

body.api-app .api-workspace {
  
  
  background: #fff !important;
}

body.api-app .connection-form,
body.api-app .connection-form.provider-deepseek {
  
  
  background: #fff !important;
}

body.api-app .panel-card,
body.api-app .result-card {
  
  
  
}

body.api-app .editor-actions {
  
  
  
  
  
}

body.api-app .action-button,
body.api-app .quick-button {
  height: 32px !important;
  min-height: 32px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
}

/* Templates page. */
body.templates-app {
  background: var(--yftx-layout-page) !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding: clamp(22px, 5vh, 56px) 16px 24px !important;
}

body.templates-app > main.template-page {
  
  
  
  
  
  
  
  
  
  
  
}

body.templates-app .template-card {
  
  
  
}

body.templates-app .toolbar {
  
  
  
  
  
}

body.templates-app .toolbar-actions .primary,
body.templates-app .toolbar-actions .secondary {
  height: 32px !important;
  min-height: 32px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
}

body.templates-app .count-dashboard {
  
  
}

body.templates-app .metric-card {
  
  
}

/* Shared empty state: centered in the available body area, no extra frame. */
body.copywriting-app .previewTableWrap:has(.centeredEmptyState),
body.copywriting-app .embeddedRemovalTableWrap:has(.embeddedRemovalEmptyState) {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body.copywriting-app #dataTable:has(.centeredEmptyState),
body.copywriting-app #dataTable:has(.centeredEmptyState) tbody.centeredEmptyState,
body.copywriting-app #dataTable:has(.centeredEmptyState) tbody.centeredEmptyState tr,
body.copywriting-app #dataTable:has(.centeredEmptyState) tbody.centeredEmptyState tr td.emptyCell,
body.copywriting-app #embeddedRemovalTable:has(.embeddedRemovalEmptyState),
body.copywriting-app #embeddedRemovalTable:has(.embeddedRemovalEmptyState) tbody.embeddedRemovalEmptyState,
body.copywriting-app #embeddedRemovalTable:has(.embeddedRemovalEmptyState) tbody.embeddedRemovalEmptyState tr,
body.copywriting-app #embeddedRemovalTable:has(.embeddedRemovalEmptyState) tbody.embeddedRemovalEmptyState tr td.embeddedRemovalEmpty {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.copywriting-app #dataTable .centeredEmptyState tr td.emptyCell,
body.copywriting-app #embeddedRemovalTable .embeddedRemovalEmptyState tr td.embeddedRemovalEmpty {
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--yftx-layout-subtle) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

body.erp-app .export-listing-shell:has(#exportListingTable .centered-empty-state) #exportListingTable,
body.erp-app .export-listing-shell:has(#exportListingTable .centered-empty-state) #exportListingTable tbody.centered-empty-state,
body.erp-app .export-listing-shell:has(#exportListingTable .centered-empty-state) #exportListingTable tbody.centered-empty-state tr,
body.erp-app .export-listing-shell:has(#exportListingTable .centered-empty-state) #exportListingTable tbody.centered-empty-state tr td.export-listing-empty {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.erp-app .export-listing-shell:has(#exportListingTable .centered-empty-state) #exportListingTable tbody.centered-empty-state tr td.export-listing-empty {
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--yftx-layout-subtle) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

/* Stable scrollbars and modal/drawer rhythm. */
:is(
  body.erp-app,
  body.source-inbox-frame-page,
  body.copywriting-app,
  body.api-app,
  body.templates-app
) ::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}

:is(
  body.erp-app,
  body.source-inbox-frame-page,
  body.copywriting-app,
  body.api-app,
  body.templates-app
) ::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: #d5dbd8 !important;
}

body.erp-app .system-modal,
body.erp-app .account-editor-modal,
body.erp-app .export-file-modal {
  width: min(440px, calc(100vw - 28px)) !important;
  max-height: min(620px, calc(100vh - 28px)) !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 40px rgba(20, 28, 24, .16) !important;
  overflow: hidden !important;
}

body.erp-app .account-editor-body,
body.erp-app .export-file-modal-copy {
  overflow: auto !important;
}

body.erp-app .account-editor-actions,
body.erp-app .export-file-modal .modal-actions,
body.erp-app .export-file-modal footer {
  flex: 0 0 auto !important;
  min-height: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  padding: 0 16px !important;
  border-top: 1px solid var(--yftx-layout-line) !important;
}

body.erp-app .modal-btn,
body.erp-app .account-editor-primary,
body.erp-app .account-editor-secondary,
body.erp-app .export-file-modal button {
  height: 32px !important;
  min-height: 32px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
}

/* Responsive fallback: wrap only below normal desktop work width. */
@media (max-width: 1180px) {
  body.erp-app #appView {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 8px !important;
  }

  body.erp-app .sidebar {
    width: 96px !important;
    min-width: 96px !important;
    padding: 8px 6px !important;
  }

  body.source-inbox-frame-page .collector-commandbar {
    flex-wrap: wrap !important;
    height: auto !important;
    min-height: 96px !important;
    align-items: stretch !important;
  }

  body.source-inbox-frame-page .collector-links-input,
  body.source-inbox-frame-page .collector-campaign {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }

  body.source-inbox-frame-page .collector-commandbar-side {
    flex: 1 1 auto !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
  }

  body.copywriting-app .commandBar {
    height: auto !important;
    min-height: 94px !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto !important;
    gap: 6px !important;
    padding: 8px 10px !important;
  }

  body.copywriting-app .commandSide,
  body.copywriting-app .commandMeta {
    justify-self: center !important;
  }

  body.copywriting-app .workflowActions {
    order: -1 !important;
  }

  body.erp-app .export-listing-header {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
    height: auto !important;
    min-height: 120px !important;
    padding: 8px 10px !important;
    gap: 6px !important;
  }

  body.erp-app .export-listing-header .export-clear-toolbar,
  body.erp-app .export-listing-header .export-mapping-center,
  body.erp-app .export-listing-header .export-listing-actions {
    justify-self: center !important;
  }

  body.erp-app .export-listing-shell:not(:has(#exportListingTable .centered-empty-state)),
  body.erp-app .export-listing-shell:has(#exportListingTable .centered-empty-state) {
    grid-template-rows: auto minmax(0, 1fr) 40px !important;
  }

  body.api-app .api-page,
  body.templates-app > main.template-page {
    width: min(92vw, 620px) !important;
  }
}