/* WORK-743 §9 Phase 4 — the distillation reversal dialog and its receipt.
 *
 * A dedicated stylesheet rather than inline attributes: CSP nonces cannot
 * cover style *attributes*, and the post-WORK-283 policy sets
 * `style-src-attr 'none'`, so a new file carrying `style="…"` fails the
 * static-asset gate outright.
 */

.dr-grid {
  display: grid;
  gap: 12px;
}

.dr-note {
  margin: 0;
  font-size: 13px;
  color: var(--wa-color-neutral-40);
}

.dr-error {
  margin: 0;
  font-size: 13px;
  color: var(--wa-color-danger-40);
  font-weight: 500;
}

/* Impact panels. Each states a consequence the operator is agreeing to, so
 * they are visually distinct from the ordinary form hints above. */
.dr-panel {
  border: 1px solid var(--wa-color-neutral-80);
  border-radius: var(--radius, 6px);
  padding: 10px 12px;
  font-size: 13px;
}

.dr-panel-warning {
  border-color: var(--wa-color-warning-60);
  background: var(--wa-color-warning-95);
}

.dr-panel-danger {
  border-color: var(--wa-color-danger-60);
  background: var(--wa-color-danger-95);
}

.dr-panel h4 {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 600;
}

.dr-panel ul {
  margin: 0;
  padding-left: 18px;
}

.dr-panel li {
  margin: 2px 0;
}

.dr-stock-table-wrap {
  max-width: 100%;
  overflow-x: auto;
}

.dr-stock-table-wrap small {
  display: block;
  overflow-wrap: anywhere;
}

/* `typed_corrections` are LINKS, never this form's submit mode: the whole
 * point of listing them is that a value correction is a different action from
 * negating a run. */
.dr-corrections a {
  color: var(--wa-color-brand-40);
  text-decoration: underline;
}

/* The receipt shown after a successful write. Effective and append time sit
 * side by side because the pair IS the point of the work item. */
.dr-receipt dl {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 4px 16px;
  margin: 0;
  font-size: 13px;
}

.dr-receipt dt {
  color: var(--wa-color-neutral-40);
}

.dr-receipt dd {
  margin: 0;
  font-variant-numeric: tabular-nums;
}

.dr-receipt-times {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}

.dr-receipt-time {
  border: 1px solid var(--wa-color-neutral-80);
  border-radius: var(--radius, 6px);
  padding: 8px 10px;
}

.dr-receipt-time .dr-label {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--wa-color-neutral-50);
}

.dr-receipt-time .dr-value {
  display: block;
  font-size: 13px;
  font-weight: 500;
}

.dr-busy {
  font-size: 13px;
  color: var(--wa-color-neutral-40);
}