/* Season2 Production UX Amendment 01 — Action Affordance Audit
   Base: PA-04.2. Scope: interaction grammar only.
   Explicitly excludes grid compaction, accordion/fold, mobile spacing reduction,
   copy compression, and sticky-next behavior. */

:root{
  --ux-ref-bg: rgba(243,244,241,.72);
  --ux-ref-border: rgba(92,103,107,.18);
  --ux-action-bg: rgba(255,253,247,.97);
  --ux-action-border: rgba(169,136,79,.50);
  --ux-action-shadow: 0 5px 16px rgba(31,43,59,.07);
  --ux-selected-bg: rgba(246,239,221,.94);
  --ux-selected-border: rgba(145,109,52,.82);
  --ux-complete-bg: rgba(241,247,242,.80);
  --ux-complete-border: rgba(74,119,89,.30);
}

/* Shared semantic labels */
.ux-role-label{
  display:inline-flex;align-items:center;gap:.35rem;
  width:max-content;max-width:100%;
  margin:.72rem 0 .38rem;padding:.26rem .58rem;border-radius:999px;
  font-size:.66rem;font-weight:800;line-height:1.3;letter-spacing:.02em;
}
.ux-role-reference{color:#5f6866;background:rgba(237,239,236,.82);border:1px solid var(--ux-ref-border)}
.ux-role-action{color:#765b2e;background:rgba(253,247,232,.94);border:1px solid rgba(169,136,79,.34)}

/* Reference / condition surfaces: deliberately non-button-like */
.ux-reference-zone{
  border-color:var(--ux-ref-border)!important;
  box-shadow:none!important;
}
.ux-reference-card{
  background:var(--ux-ref-bg)!important;
  border-color:var(--ux-ref-border)!important;
  box-shadow:none!important;
  transform:none!important;
  cursor:default!important;
}
.ux-reference-current{
  background:rgba(240,241,236,.92)!important;
  border-color:rgba(92,103,107,.28)!important;
  box-shadow:inset 0 0 0 1px rgba(92,103,107,.08)!important;
}

/* Action surfaces: affordance without changing size/layout */
.ux-action-zone{position:relative}
.ux-actionable-card,
.ux-action-button,
.ux-action-surface button:not(:disabled){
  border-color:var(--ux-action-border)!important;
  background:var(--ux-action-bg)!important;
  box-shadow:var(--ux-action-shadow)!important;
}
.ux-actionable-card:not(:disabled),
.ux-action-button:not(:disabled){cursor:pointer}
.ux-actionable-card:hover:not(:disabled),
.ux-actionable-card:focus-visible,
.ux-action-button:hover:not(:disabled),
.ux-action-button:focus-visible{
  border-color:rgba(145,109,52,.78)!important;
  box-shadow:0 7px 20px rgba(31,43,59,.10)!important;
}
.ux-actionable-card.selected,
.ux-action-button.selected,
.ux-action-zone .selected{
  background:var(--ux-selected-bg)!important;
  border-color:var(--ux-selected-border)!important;
  box-shadow:inset 0 0 0 1px rgba(145,109,52,.20), 0 5px 16px rgba(31,43,59,.06)!important;
}
.ux-actionable-card:disabled,
.ux-action-button:disabled,
.ux-action-surface button:disabled{
  box-shadow:none!important;
  border-color:rgba(91,101,114,.13)!important;
  background:rgba(246,246,244,.66)!important;
}

/* EP02 A — static evidence vs choice */
.ep2-a .judge-preview-v199.ux-reference-zone{background:rgba(246,246,242,.70)!important}
.ep2-a .judge-preview-v199 .judge-preview-bar{background:rgba(239,241,239,.90)!important;box-shadow:none!important}
.ep2-a .judge-preview-v199 .judge-preview-row .ux-reference-card{color:#53605d}
.ep2-a .choice-grid.ux-action-zone .choice{position:relative}

/* EP10 A — reference conditions must not mimic the lower choices */
.part3-a-ep10-v182 .ep10-a-world-v182.ux-reference-zone{
  background:rgba(247,244,237,.60)!important;
}
.part3-a-ep10-v182 .ep10-a-factor-v182.ux-reference-card{opacity:.88}
.part3-a-ep10-v182 .ep10-a-factor-v182.ux-reference-current{opacity:1}
.part3-a-ep10-v182 .ep10-a-choices-v182.ux-action-zone .part3-choice{font-weight:700}

/* EP04 T — distance stages are indicators; slider/wait are controls */
.distance-t .distance-step-row.ux-reference-zone{
  padding:.28rem;border:1px solid var(--ux-ref-border);border-radius:1rem;background:rgba(245,246,243,.48)
}
.distance-t .distance-step{cursor:default;box-shadow:none!important}
.distance-t .distance-step.active{
  border-color:rgba(78,112,88,.42)!important;
  background:rgba(237,245,239,.90)!important;
  box-shadow:inset 0 0 0 1px rgba(78,112,88,.08)!important;
}
.distance-t .distance-control.ux-action-surface{
  border:1px solid rgba(169,136,79,.30);border-radius:1rem;padding:.75rem;background:rgba(255,252,245,.70)
}

/* EP06 T — stage navigation actionable, status indicators reference */
.v171-load-t .load-step-nav.ux-action-zone .load-step-chip{cursor:pointer}
.v171-load-t .v171-status-grid.ux-reference-zone{
  padding:.34rem;border:1px solid var(--ux-ref-border);border-radius:1rem;background:rgba(245,246,243,.44)
}
.v171-load-t .load-status-card.ux-reference-card{cursor:default!important}

/* EP10 T — holders are state cards; only seat/key/redecision buttons are actions */
.plaza-t-v182 .ep10-holder-v182.ux-reference-card{cursor:default!important}
.plaza-t-v182 .ep10-holder-actions-v182.ux-action-zone button:not(:disabled){font-weight:700}
.plaza-t-v182 .ep10-redecide-v182.ux-action-surface.ready{
  border-color:rgba(169,136,79,.30);background:rgba(252,248,238,.72);opacity:1
}

/* Map — whole Episode card is the action; status pill is only status */
.episode-card.ux-actionable-card{position:relative;border-width:1.5px}
.episode-card.ux-actionable-card .ux-status-chip{pointer-events:none}
.ux-status-chip{
  display:inline-flex!important;width:max-content;max-width:100%;align-items:center;
  padding:.20rem .46rem;border-radius:999px;font-size:.62rem!important;font-weight:800;
  border:1px solid rgba(93,102,115,.16);background:rgba(245,245,243,.78);color:var(--muted)
}
.ux-status-chip.is-completed{color:#466c52;border-color:var(--ux-complete-border);background:var(--ux-complete-bg)}
.ux-status-chip.is-action{color:#765b2e;border-color:rgba(169,136,79,.30);background:rgba(252,247,235,.88)}
.ux-status-chip.is-planned{opacity:.72}

/* Circle list — row itself is actionable; the right pill is status only */
.trajectory-row.ux-actionable-row{
  border:1px solid rgba(169,136,79,.25)!important;border-radius:.85rem;
  background:rgba(255,253,248,.70)!important;box-shadow:0 2px 9px rgba(31,43,59,.04);
}
.trajectory-row.ux-actionable-row:hover,
.trajectory-row.ux-actionable-row:focus-visible{
  border-color:rgba(169,136,79,.50)!important;box-shadow:0 5px 16px rgba(31,43,59,.08)!important;
}
.trajectory-row.ux-actionable-row.selected{
  border-color:rgba(145,109,52,.68)!important;background:rgba(250,244,229,.84)!important;
}
.trajectory-row .ux-status-chip{pointer-events:none;justify-self:end}

/* Saved-bookmark summary: completed content / external / danger */
.ux-completed-card{
  border-color:var(--ux-complete-border)!important;
  background:linear-gradient(180deg,rgba(248,251,248,.88),rgba(255,255,255,.72))!important;
  box-shadow:none!important;
}
.saved-bookmark-head .ux-state-badge{margin-left:auto}
.ux-state-badge{
  display:inline-flex;align-items:center;padding:.20rem .48rem;border-radius:999px;
  font-size:.60rem;font-weight:800;white-space:nowrap
}
.ux-state-badge.is-completed{color:#466c52;border:1px solid var(--ux-complete-border);background:var(--ux-complete-bg)}
.ux-external-block{
  border-color:rgba(76,103,143,.28)!important;background:rgba(244,248,252,.76)!important;
}
.ux-external-link{color:#334e73!important;border-bottom-color:rgba(51,78,115,.45)!important}
.ux-danger-zone{border-top-color:rgba(150,73,67,.16)!important}
.ux-danger-action{background:rgba(255,249,248,.60)!important}

/* Done screen: saved result is not another button group; bottom actions are clearly separate */
.done-scene .saved-bookmark.ux-completed-card{position:relative}
.done-scene .ux-done-action-label{margin-top:1.1rem}
.done-scene .ux-done-actions{padding-top:.35rem;border-top:1px solid rgba(169,136,79,.16)}

@media(max-width:719px){
  .ux-role-label{font-size:.64rem;margin-top:.62rem}
  .saved-bookmark-head{align-items:flex-start}
  .saved-bookmark-head .ux-state-badge{margin-left:auto;margin-top:.08rem}
}