/* FRAME operating views v2 runtime/readability fixes.
   Loaded after v1 so this file only narrows presentation behavior. */

.frame-finish-node {
  min-height: 142px;
  padding-bottom: 16px;
}

/* .frame-finish-source (details/summary QUELLDETAILS toggle) is retired:
   issue #129 replaced it with outcome selection revealing a real detail panel
   (.frame-finish-detail below) instead of a per-card collapse toggle, and the
   weekly external move is now unconditionally visible rather than toggled. */

.frame-gate-empty .field-label {
  color: rgba(255,176,96,.82);
}

/* Finish Line cards (PR #132, point 2): three calm, equal, centered cards.
   The outcome button now resets to a real block button — and the card
   itself carries a subtle selected border/glow — at every viewport, not only
   below 900px: wider viewports previously fell through to the native
   browser <button> chrome here since nothing reset it above that width. */
.frame-finish-node-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  font: inherit;
  text-align: center;
  cursor: pointer;
}
.frame-finish-node-button:focus-visible {
  outline: 2px solid rgba(255, 164, 78, .85);
  outline-offset: 4px;
  border-radius: 8px;
}
.frame-finish-node { text-align: center; padding-top: 40px; }
.frame-finish-node-index { position: static; margin: 0; }
/* Selection is marked only by a subtle border + glow — never a large
   gray/orange fill area. The expanded content itself lives in the one
   shared .frame-finish-detail panel below the card row, not inside the
   card, so the card's own compact form never changes on selection. */
.frame-finish-node.is-selected {
  border-color: rgba(255, 164, 78, .6);
  box-shadow: 0 0 0 1px rgba(255, 164, 78, .18), 0 0 26px rgba(255, 145, 49, .14);
}

/* The single shared detail field for the selected outcome (PR #132, point
   2): a sibling of the card row, not nested in any one card, combining the
   outcome's own QUELLTEXT/VERBUNDENE WORKFLOWS with the week-level FRAME
   PROJECTION fields in one calm dark surface. */
.frame-finish-detail {
  margin-top: 22px;
  padding: 20px 22px;
  border: 1px solid rgba(255,255,255,.105);
  border-radius: 16px;
  background: rgba(11,14,18,.92);
}
.frame-finish-detail-row { margin: 0 0 14px; }
.frame-finish-detail-row:last-child { margin-bottom: 0; }
.frame-finish-detail-row p { margin: 4px 0 0; color: rgba(255,255,255,.68); font-size: 12px; line-height: 1.55; }
.frame-finish-detail-source { color: rgba(255,255,255,.68); }
.frame-finish-related { margin-top: 4px; }
.frame-finish-workflow-link {
  display: inline-block;
  margin: 6px 6px 0 0;
  padding: 5px 10px;
  border: 1px solid rgba(155, 144, 255, .38);
  border-radius: 999px;
  background: rgba(88, 72, 200, .12);
  color: rgba(200, 194, 255, .92);
  font: inherit;
  font-size: 10.5px;
  cursor: pointer;
}
.frame-finish-workflow-link:hover,
.frame-finish-workflow-link:focus-visible {
  border-color: rgba(173, 162, 255, .8);
  background: rgba(88, 72, 200, .22);
}

@media (max-width: 900px) {
  .frame-finish-node { min-height: 126px; }
}