/* Focused editor and order workspace fixes. Loaded after dashboard.css. */
.app.editor-mode {
  height: 100vh;
  min-height: 0;
  overflow: hidden;
}

.app.editor-mode .main {
  display: grid;
  grid-template-rows: 62px minmax(0, 1fr);
  height: 100vh;
  min-height: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.app.editor-mode #viewRoot {
  min-height: 0;
  overflow: hidden;
}

.app.editor-mode .edit-shell {
  height: 100%;
  min-height: 0;
  margin-top: 0;
  padding-top: 12px;
  padding-right: 8px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.app.editor-mode .edit-heading-row {
  top: 0;
}

.country-link-line {
  grid-template-columns: max-content minmax(380px, 520px) minmax(340px, max-content);
  justify-content: start;
  column-gap: 20px;
  row-gap: 12px;
}

.compact-variant-builder {
  grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}

.compact-basic-grid {
  column-gap: 20px;
  row-gap: 0;
}

.compact-basic-grid .sdm-select,
.compact-basic-grid .sdm-select-trigger {
  height: 36px;
  min-height: 36px;
}

.country-link-line .upc-mode-field {
  grid-column: auto;
  min-width: 340px;
}

.performance-modal {
  width: min(980px, calc(100vw - 32px));
  border-radius: var(--ui-radius-lg);
}

.performance-chart-frame {
  width: 100%;
  overflow-x: auto;
  border: 1px solid #d8dee8;
  border-radius: var(--ui-radius);
  background: #fff;
}

.performance-svg {
  display: block;
  width: 100%;
  min-width: 760px;
  height: auto;
}

.performance-grid-line { stroke: #d8dee8; stroke-width: 1; }
.performance-axis-line { stroke: #667085; stroke-width: 1; }
.performance-axis-label { fill: #667085; font-size: 11px; }
.performance-axis-title { fill: #344054; font-size: 12px; font-weight: 700; }
.performance-value-label { fill: #344054; font-size: 10px; font-weight: 700; }
.performance-column { fill: #2878f0; }
.performance-column.negative { fill: #b8403a; }

.orders-table .order-date-cell { white-space: nowrap; }
.orders-table .order-id-line { display: block; white-space: nowrap; }
.orders-table .order-sku-line {
  display: block;
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.orders-table :is(th, td):nth-child(4),
.orders-table :is(th, td):nth-child(11) { text-align: center; }
.orders-table :is(th, td):nth-child(n+5):nth-child(-n+10) { text-align: right; }

@media (max-width: 1350px) {
  .country-link-line { grid-template-columns: 1fr; }
  .country-link-line .upc-mode-field { min-width: 0; }
  .app.editor-mode .edit-shell { padding-right: 4px; }
}

@media (max-width: 1100px) {
  .compact-variant-builder { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 760px) {
  .compact-variant-builder { grid-template-columns: 1fr; }
}