/* SCM correction display v3 — integrated with existing date/store cards.
 * All dimensions/colours follow the customer's light and dark theme.
 */
body#coop-modern:not(.coop-modern-admin) .oc-change-badge {
  display:inline-flex;align-items:center;min-height:25px;padding:3px 8px;
  border:1px solid var(--line,#d7ddd9);border-radius:6px;
  background:var(--canvas,#f7f9f7);color:var(--ink,#202923);
  font-size:12px;font-weight:650;
}
body#coop-modern:not(.coop-modern-admin) .oc-change-zero-card {
  border-style:dashed;
}
body#coop-modern:not(.coop-modern-admin) .oc-change-zero-card .order-amount {
  color:var(--muted,#677069);
}
body#coop-modern:not(.coop-modern-admin) .oc-change-zero-card .oc-change-badge {
  color:var(--muted,#677069);
}
body#coop-modern:not(.coop-modern-admin) .oc-change-inline-caption,
body#coop-modern:not(.coop-modern-admin) .oc-change-zero-caption {
  color:var(--muted,#677069);font-size:12px;line-height:1.5;margin-top:7px;
}
body#coop-modern:not(.coop-modern-admin) .oc-inactive-card {
  margin-top:8px;border-style:dashed;
  background:var(--canvas,#f7f9f7);
  color:var(--ink,#202923);padding:12px;
}
body#coop-modern:not(.coop-modern-admin) .oc-change-line-head {
  display:flex;align-items:flex-start;justify-content:space-between;
  flex-wrap:wrap;gap:8px;font-weight:650;font-size:14px;
}
body#coop-modern:not(.coop-modern-admin) .oc-change-strike {
  color:var(--muted,#677069);text-decoration:line-through;
}
body#coop-modern:not(.coop-modern-admin) .oc-change-line-status {
  border:1px solid var(--line,#d7ddd9);border-radius:5px;
  padding:2px 6px;font-size:11px;font-weight:650;white-space:nowrap;
}
body#coop-modern:not(.coop-modern-admin) .oc-change-line-status.oc-status-cancelled {
  color:var(--muted,#677069);
}
body#coop-modern:not(.coop-modern-admin) .oc-change-inline {
  border-top:1px dashed var(--line,#d7ddd9);margin-top:12px;padding-top:8px;
}
body#coop-modern:not(.coop-modern-admin) .oc-change-loading,
body#coop-modern:not(.coop-modern-admin) .oc-change-note,
body#coop-modern:not(.coop-modern-admin) .oc-change-zero-description {
  color:var(--muted,#677069);font-size:12px;line-height:1.5;
}
body#coop-modern:not(.coop-modern-admin) .oc-change-loading {margin:12px 0;}
body#coop-modern:not(.coop-modern-admin) .oc-change-zero-items {
  display:grid;gap:8px;margin:14px 0;
}
body#coop-modern:not(.coop-modern-admin) .oc-change-total {
  margin-top:12px;padding-top:12px;text-align:right;
  border-top:1px solid var(--line,#d7ddd9);font-size:14px;font-weight:700;
}
body#coop-modern:not(.coop-modern-admin) .modern-order-changes {
  margin:14px 0 5px;padding:12px;border:1px solid var(--line,#d7ddd9);
  border-radius:10px;background:var(--canvas,#f7f9f7);color:var(--ink,#202923);
}
body#coop-modern:not(.coop-modern-admin) .modern-order-changes summary {
  font-weight:650;font-size:14px;line-height:1.5;cursor:pointer;
}
body#coop-modern:not(.coop-modern-admin) .oc-change-events {
  display:grid;gap:10px;margin-top:12px;
}
body#coop-modern:not(.coop-modern-admin) .oc-change-event {
  padding:11px 12px;border:1px solid var(--line,#d7ddd9);border-radius:8px;
  background:var(--surface,var(--canvas,#fff));overflow-wrap:anywhere;text-align:left;
}
body#coop-modern:not(.coop-modern-admin) .oc-change-heading {
  display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;
}
body#coop-modern:not(.coop-modern-admin) .oc-change-heading strong {font-size:14px;}
body#coop-modern:not(.coop-modern-admin) .oc-change-heading time,
body#coop-modern:not(.coop-modern-admin) .oc-change-note {font-size:12px;}
body#coop-modern:not(.coop-modern-admin) .oc-change-type,
body#coop-modern:not(.coop-modern-admin) .oc-change-description,
body#coop-modern:not(.coop-modern-admin) .oc-change-reason {
  margin-top:5px;font-size:13px;line-height:1.5;
}
body#coop-modern:not(.coop-modern-admin) .oc-change-reason {font-weight:600;}
body#coop-modern:not(.coop-modern-admin) .oc-change-full-modal {text-align:left;}
@media(max-width:600px) {
  body#coop-modern:not(.coop-modern-admin) .oc-change-heading {
    align-items:flex-start;flex-direction:column;gap:2px;
  }
  body#coop-modern:not(.coop-modern-admin) .oc-change-line-head {gap:6px;}
  body#coop-modern:not(.coop-modern-admin) .oc-change-badge {font-size:11px;}
  body#coop-modern:not(.coop-modern-admin) .oc-change-zero-card .order-sub {
    align-items:flex-start;gap:8px;
  }
}

/* Historical items reuse standard order thumbnails and metadata, including
   inactive product cards. Thumbnails are informational, never order buttons. */
body#coop-modern:not(.coop-modern-admin) .oc-inactive-card .modern-order-line {
  grid-template-columns:64px minmax(0,1fr);align-items:start;gap:14px;
}
body#coop-modern:not(.coop-modern-admin) .oc-inactive-card .modern-order-line:not(:has(.modern-order-thumb)) {
  grid-template-columns:minmax(0,1fr);
}
body#coop-modern:not(.coop-modern-admin) .oc-inactive-card .modern-order-thumb {
  cursor:default;
}
body#coop-modern:not(.coop-modern-admin) .oc-inactive-card .oc-title {
  font-weight:650;overflow-wrap:anywhere;
}
@media(max-width:600px) {
  body#coop-modern:not(.coop-modern-admin) .oc-inactive-card .modern-order-line {
    grid-template-columns:48px minmax(0,1fr);gap:10px;
  }
}