/**
 * PROJECT OUTLIER — OPERATION ORACLE
 * Decision Intelligence card styling (Milestone VI)
 *
 * Consumes only the shared Operation Glass tokens (immersive-system.css). No raw
 * values that duplicate a token; GPU-friendly transitions (opacity/transform).
 * Severity/confidence color always pairs with a text label (color-independent).
 */

.orc-stack { display: flex; flex-direction: column; gap: var(--im-gap-2); }

/* Count chip used in Home/Storm panel heads */
.im-panel-tag {
  margin-left: auto; font-size: var(--im-text-micro); font-weight: 700;
  min-width: 1.4em; text-align: center; padding: 0.05em 0.5em;
  border-radius: var(--im-radius-pill); color: var(--im-accent);
  background: color-mix(in srgb, var(--im-accent) 16%, transparent);
}
.im-panel-tag:empty { display: none; }

.orc-card {
  position: relative;
  border-radius: var(--im-radius-md);
  border: 1px solid var(--im-hairline);
  border-left: 3px solid var(--_pc, var(--im-accent));
  background: color-mix(in srgb, var(--im-void) 42%, transparent);
  padding: var(--im-gap-2) var(--im-gap-3);
  animation: orc-in var(--im-motion-slow) var(--im-ease) both;
}
@keyframes orc-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.orc-card.is-ack { opacity: 0.72; }
/* Priority accent (color-independent: also shows P1/P2/P3 + NOW/SOON/LATER text) */
.orc-p1 { --_pc: var(--im-sev-severe); }
.orc-p2 { --_pc: var(--im-sev-high); }
.orc-p3 { --_pc: var(--im-sev-guarded); }

.orc-head { display: flex; align-items: center; gap: var(--im-gap-1); margin-bottom: 0.35rem; }
.orc-time {
  font-size: var(--im-text-micro); font-weight: 800; letter-spacing: var(--im-track-wide);
  padding: 0.12em 0.5em; border-radius: var(--im-radius-pill); border: 1px solid currentColor;
}
.orc-time--now { color: var(--im-sev-severe); }
.orc-time--soon { color: var(--im-sev-high); }
.orc-time--later { color: var(--phx-text-muted); }
.orc-pri { font-size: var(--im-text-micro); font-weight: 700; color: var(--phx-text-muted); letter-spacing: var(--im-track-wide); }
.orc-conf {
  margin-left: auto; font-size: var(--im-text-micro); font-weight: 700;
  padding: 0.12em 0.55em; border-radius: var(--im-radius-pill);
}
.orc-conf--high { color: var(--phx-success); background: color-mix(in srgb, var(--phx-success) 16%, transparent); }
.orc-conf--med { color: var(--phx-warning); background: color-mix(in srgb, var(--phx-warning) 16%, transparent); }
.orc-conf--low { color: var(--phx-text-muted); background: color-mix(in srgb, var(--phx-text-muted) 16%, transparent); }
.orc-ackflag { font-size: var(--im-text-micro); color: var(--phx-success); font-weight: 700; }

.orc-action {
  margin: 0 0 0.3rem; font-family: var(--im-font-display);
  font-size: var(--im-text-md); font-weight: 800; line-height: 1.25;
}
.orc-reason { margin: 0 0 0.3rem; font-size: var(--im-text-xs); color: var(--phx-text-secondary); }
.orc-impact { margin: 0 0 0.3rem; font-size: var(--im-text-xs); color: var(--phx-text-secondary); }
.orc-impact span { color: var(--phx-text-muted); text-transform: uppercase; letter-spacing: var(--im-track-wide); font-size: 10px; font-weight: 700; }
.orc-when { margin: 0; font-size: var(--im-text-micro); color: var(--phx-text-muted); }
.orc-when span { color: var(--phx-text-secondary); }

.orc-explain { margin-top: 0.5rem; }
.orc-explain > summary {
  cursor: pointer; font-size: var(--im-text-xs); color: var(--im-accent);
  list-style: none; display: inline-flex; align-items: center; gap: 0.3em;
}
.orc-explain > summary::before { content: "▸"; transition: transform var(--im-motion-fast) var(--im-ease); }
.orc-explain[open] > summary::before { transform: rotate(90deg); }
.orc-x-block { margin-top: 0.5rem; }
.orc-x-label { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: var(--im-track-wide); color: var(--phx-text-muted); font-weight: 700; margin-bottom: 0.15rem; }
.orc-x-block p { margin: 0; font-size: var(--im-text-xs); color: var(--phx-text-secondary); }
.orc-x-block ul { margin: 0; padding-left: 1.1em; }
.orc-x-block li { font-size: var(--im-text-xs); color: var(--phx-text-secondary); }
.orc-ts { color: var(--phx-text-muted); }

.orc-foot { display: flex; gap: var(--im-gap-1); margin-top: 0.55rem; }
.orc-btn {
  flex: 1; min-height: 34px; padding: 0.3rem 0.6rem;
  border-radius: var(--im-radius-pill); border: 1px solid var(--im-hairline-strong);
  background: color-mix(in srgb, var(--im-accent) 14%, transparent); color: var(--phx-text-primary);
  font-family: var(--im-font-ui); font-size: var(--im-text-xs); font-weight: 700; cursor: pointer;
  transition: transform var(--im-motion-fast) var(--im-ease), border-color var(--im-motion-base) var(--im-ease), background var(--im-motion-base) var(--im-ease);
}
.orc-btn:hover { transform: translateY(-1px); border-color: color-mix(in srgb, var(--im-accent) 55%, transparent); }
.orc-btn:active { transform: none; }
.orc-btn--ghost { background: transparent; }

.orc-empty { margin: 0; font-size: var(--im-text-xs); color: var(--phx-text-muted); font-style: italic; }
.orc-empty--wait { color: var(--phx-text-secondary); }
.orc-degraded { margin: 0.4rem 0 0; font-size: var(--im-text-micro); color: var(--phx-warning); }

/* Decision history */
.orc-history { margin-top: var(--im-gap-2); border-top: 1px solid var(--im-hairline); padding-top: var(--im-gap-2); }
.orc-history > summary { cursor: pointer; font-size: var(--im-text-xs); color: var(--phx-text-secondary); letter-spacing: 0.02em; }
.orc-hist-list { margin-top: var(--im-gap-1); display: flex; flex-direction: column; gap: 0.2rem; }
.orc-hist-row { display: flex; align-items: center; gap: 0.5em; font-size: var(--im-text-micro); }
.orc-hist-dot { width: 0.5em; height: 0.5em; border-radius: 50%; flex: none; background: var(--phx-text-muted); }
.orc-hist-row[data-status="acknowledged"] .orc-hist-dot { background: var(--phx-success); }
.orc-hist-row[data-status="dismissed"] .orc-hist-dot { background: var(--phx-text-muted); }
.orc-hist-row[data-status="expired"] .orc-hist-dot { background: var(--im-sev-guarded); }
.orc-hist-row[data-status="superseded"] .orc-hist-dot { background: var(--im-sev-elevated); }
.orc-hist-row[data-status="active"] .orc-hist-dot { background: var(--im-accent); }
.orc-hist-action { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--phx-text-secondary); }
.orc-hist-status { text-transform: uppercase; letter-spacing: var(--im-track-wide); color: var(--phx-text-muted); }
.orc-hist-time { color: var(--phx-text-muted); }

/* High contrast: solid card fills, drop tints */
:root[data-immersive-contrast="high"] .orc-card { background: var(--im-abyss); }
:root[data-immersive-contrast="high"] .orc-conf--high,
:root[data-immersive-contrast="high"] .orc-conf--med,
:root[data-immersive-contrast="high"] .orc-conf--low { background: transparent; border: 1px solid currentColor; }

/* Reduced motion */
:root[data-immersive-motion="reduced"] .orc-card { animation: none; }
@media (prefers-reduced-motion: reduce) { .orc-card { animation: none; } }