/* ============================================================
   Crimson Moon Gear Tool — design-system v0.11 DELTA
   Scope: design/PRD reconciliation only (PM P1-01 + P1-02).
   Loads AFTER design-system-v0.10.css. No v0.10 rule is overridden;
   this file only ADDS the action-summary component used inside
   .receipt-head / .receipt-head--flush on result surfaces.
   ============================================================ */

/* ---------- Recommended Action summary (PRD §8.1) ----------
   First-viewport contract: the result header shows status chips AND a
   concise Recommended Action summary at 1440/414/360/320 without scroll.
   The summary carries ONLY the action label (+ fail-closed tag); the full
   rationale stays in canonical block "04 · Recommended Action" below.
   Full-width row inside the flex receipt-head via flex-basis:100%. */
.action-summary {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 12px;
  margin: 12px 0 0;
  padding-top: 12px;
  border-top: 1px dashed var(--border);
}
.action-summary .k {
  font-family: var(--font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
  white-space: nowrap;
}
.action-summary .v {
  font-weight: 600;
  color: var(--text);
}
/* Fail-closed marker: shown in the summary for non-operative states so the
   first viewport can never imply an operative recommendation. */
.action-summary .tag {
  font-family: var(--font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  color: var(--warning);
  white-space: nowrap;
}
.action-summary .details-link {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  min-height: 44px; /* WCAG 2.2 touch target */
  font-family: var(--font-mono);
  font-size: 0.78rem;
  color: var(--muted);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.action-summary .details-link:hover { color: var(--text); }