/* Independent reported-performance card and opt-in publication form. */
[data-operation-preview], .actual-card, .ops-publication, .ops-flow-list { min-width: 0; max-width: 100%; }
.actual-card + .perf-card { margin-top: 20px; }
.actual-source-controls { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin-top: 12px; }
.actual-source-controls:empty { display: none; }
.actual-source-controls button[aria-pressed="true"] { color: var(--accent); border-color: var(--accent); background: var(--surface-alt); }
.actual-test-label, .actual-preview-label { margin: 14px 0 0; padding: 10px 12px; border-radius: 8px; font-size: 12px; font-weight: 600; line-height: 1.65; }
.actual-test-label { color: var(--warning, #8a5a17); background: var(--warning-soft, #fff4db); border: 1px solid var(--warning-border, #edd39b); }
.actual-preview-label { color: var(--accent); background: var(--surface-alt); border: 1px solid var(--border); }
.actual-data td small { display: block; color: var(--muted); margin-top: 4px; }
.actual-data table { min-width: 650px; }
.actual-data .actual-note { min-width: 180px; max-width: 300px; white-space: pre-wrap; overflow-wrap: anywhere; text-align: left; }
.ops-publication { display: grid; gap: 16px; padding-top: 18px; border-top: 1px solid var(--border); }
.ops-publication[hidden], [data-ops-public-fields][hidden] { display: none; }
[data-ops-public-fields] { display: grid; gap: 16px; min-width: 0; }
.ops-ack { display: grid; grid-template-columns: 20px minmax(0,1fr); gap: 10px; align-items: start; padding: 13px; border: 1px solid var(--border); border-radius: 9px; font-size: 12px; line-height: 1.8; cursor: pointer; }
.ops-ack input { width: 20px; height: 20px; min-width: 20px; margin: 1px 0 0; accent-color: var(--accent); }
.ops-ack:focus-within { outline: 2px solid var(--accent); outline-offset: 2px; }
.ops-flow-heading { justify-content: space-between; flex-wrap: wrap; }
.ops-flow-list { display: grid; gap: 12px; }
.ops-flow-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr); gap: 12px; padding: 14px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-alt); }
.ops-flow-row .button { grid-column: 1 / -1; justify-self: end; }
.ops-flow-row .field { min-width: 0; }
@media (max-width: 540px) {
  .actual-card + .perf-card { margin-top: 16px; }
  .ops-flow-row { grid-template-columns: minmax(0,1fr); }
  .ops-flow-row .button { grid-column: auto; }
}