.operations-workspace-tabs {
  display: flex;
  gap: 6px;
  padding: 5px;
  margin: 0 0 16px;
  width: fit-content;
  border: 1px solid var(--border-color, #e3e7ef);
  border-radius: 12px;
  background: var(--card-bg, #fff);
  box-shadow: 0 2px 8px rgba(27, 38, 59, .05);
}

.operations-workspace-tabs button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 126px;
  justify-content: center;
  padding: 9px 18px;
  border: 0;
  border-radius: 8px;
  color: var(--text-muted, #667085);
  background: transparent;
  font: inherit;
  font-weight: 650;
  cursor: pointer;
}

.operations-workspace-tabs button:hover { color: var(--text-main, #1d2939); background: var(--surface-muted, #f5f7fb); }
.operations-workspace-tabs button.active { color: #fff; background: var(--primary, #3347ff); box-shadow: 0 4px 12px rgba(51, 71, 255, .22); }
.returns-workspace[hidden] { display: none !important; }
body.refund-manual-open .operations-workspace-tabs,
body.refund-manual-open .returns-workspace { display: none !important; }

.return-view-bar {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-bottom: 14px;
  padding: 8px 10px;
  border: 1px solid var(--border-color, #e3e7ef);
  border-radius: 12px;
  background: var(--card-bg, #fff);
}

.return-view-list { display: flex; gap: 6px; align-items: center; overflow-x: auto; }
.return-view-chip { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.return-view-chip > button:first-child { border: 0; border-radius: 8px; padding: 8px 12px; background: transparent; color: var(--text-muted, #667085); font: inherit; cursor: pointer; }
.return-view-chip.active > button:first-child { color: var(--primary, #3347ff); background: rgba(51, 71, 255, .09); font-weight: 650; }
.return-view-remove { border: 0; background: transparent; color: var(--text-muted, #98a2b3); cursor: pointer; padding: 5px; }
.return-save-view { display: flex; gap: 7px; flex: 0 0 auto; }
.return-save-view input { width: 150px; min-height: 36px; border: 1px solid var(--border-color, #d0d5dd); border-radius: 8px; padding: 0 10px; background: var(--card-bg, #fff); color: var(--text-main, #101828); }

.return-filter-grid { display: grid; grid-template-columns: minmax(230px, 1.7fr) repeat(4, minmax(145px, 1fr)); gap: 12px; align-items: end; }
.return-search-field { grid-column: span 2; }
.return-checkbox-field { min-height: 40px; flex-direction: row !important; align-items: center !important; gap: 8px; padding-bottom: 8px; }
.return-checkbox-field input { width: 16px; height: 16px; }
.return-filter-footer { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 14px; }
.return-filter-actions { display: flex; gap: 8px; }
.return-kpi-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.return-analytics-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 16px; margin-bottom: 16px; }
.return-reason-panel, .return-other-panel, .return-trend-panel { padding: 18px; }
.return-trend-panel { margin-bottom: 16px; }
.return-reason-list, .return-other-list { display: grid; gap: 12px; margin-top: 16px; }
.return-reason-row { display: grid; grid-template-columns: minmax(135px, 1fr) minmax(180px, 2.4fr) 78px; align-items: center; gap: 12px; }
.return-reason-name { color: var(--text-main, #344054); font-size: 13px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; }
.return-reason-track { height: 9px; overflow: hidden; border-radius: 99px; background: var(--surface-muted, #eef1f6); }
.return-reason-fill { height: 100%; min-width: 3px; border-radius: inherit; background: linear-gradient(90deg, #5263ff, #7a8aff); }
.return-reason-metric { text-align: right; color: var(--text-muted, #667085); font-size: 12px; }
.return-other-row { display: flex; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid var(--border-color, #e4e7ec); border-radius: 9px; background: var(--surface-muted, #f8fafc); }
.return-other-row span:first-child { min-width: 0; overflow-wrap: anywhere; color: var(--text-main, #344054); }
.return-other-row strong { flex: 0 0 auto; }

.return-trend-chart { display: flex; align-items: flex-end; gap: 6px; min-height: 180px; padding: 20px 6px 0; overflow-x: auto; }
.return-trend-day { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; min-width: 34px; height: 160px; gap: 5px; }
.return-trend-bars { height: 125px; display: flex; align-items: flex-end; gap: 3px; }
.return-trend-bar { width: 10px; min-height: 3px; border-radius: 3px 3px 0 0; background: #5365ff; }
.return-trend-bar.units { background: #20b486; }
.return-trend-label { color: var(--text-muted, #667085); font-size: 10px; transform: rotate(-35deg); transform-origin: center; white-space: nowrap; margin-top: 5px; }
.return-chart-empty { padding: 40px 12px; text-align: center; color: var(--text-muted, #667085); }

.return-table-panel table { min-width: 1120px; }
.return-table-panel th, .return-table-panel td { vertical-align: top; }
.return-table-id { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; }
.return-reason-stack { display: flex; flex-wrap: wrap; gap: 5px; }
.return-reason-tag { display: inline-flex; padding: 3px 7px; border-radius: 99px; background: rgba(51, 71, 255, .09); color: var(--primary, #3347ff); font-size: 11px; font-weight: 650; }
.return-note-preview { display: block; max-width: 210px; max-height: 3.2em; overflow: hidden; overflow-wrap: anywhere; color: var(--text-muted, #667085); }
.return-line-card { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--border-color, #e4e7ec); }
.return-line-image { width: 48px; height: 48px; object-fit: cover; border-radius: 8px; background: var(--surface-muted, #f2f4f7); }
.return-line-placeholder { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 8px; background: var(--surface-muted, #f2f4f7); color: var(--text-muted, #98a2b3); }
.return-line-title { font-weight: 650; color: var(--text-main, #101828); }
.return-line-meta { margin-top: 5px; color: var(--text-muted, #667085); font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.return-detail-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 14px; }
.return-detail-summary > div { padding: 12px; border-radius: 9px; background: var(--surface-muted, #f8fafc); }
.return-detail-summary span { display: block; color: var(--text-muted, #667085); font-size: 11px; margin-bottom: 4px; }
.return-detail-summary strong { color: var(--text-main, #101828); overflow-wrap: anywhere; }

@media (max-width: 1100px) {
  .return-filter-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .return-search-field { grid-column: span 2; }
  .return-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .return-analytics-grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .operations-workspace-tabs { width: 100%; }
  .operations-workspace-tabs button { min-width: 0; flex: 1; }
  .return-view-bar, .return-filter-footer { align-items: stretch; flex-direction: column; }
  .return-save-view input { width: 100%; }
  .return-filter-grid { grid-template-columns: 1fr; }
  .return-search-field { grid-column: span 1; }
  .return-kpi-grid { grid-template-columns: 1fr; }
  .return-reason-row { grid-template-columns: 115px 1fr 64px; }
}