/* BIOS decision view: square geometry and the existing blue-screen typography. */
.moo-decision {
  margin: 0 0 18px;
  border: 2px solid var(--line2, #aaa);
  background: var(--bg, #0000aa);
  color: var(--text, #fff);
  font: 14px/1.55 "IBM Plex Mono", "Consolas", "Courier New", monospace;
  overflow-wrap: anywhere;
}
.moo-decision *, .moo-decision *::before, .moo-decision *::after { box-sizing: border-box; }
.moo-decision-head { padding: 14px 16px 13px; border-bottom: 1px solid var(--line2, #aaa); background: var(--panel, rgba(0, 0, 70, .55)); }
.moo-decision-kicker { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 6px; color: var(--dim, #b4b4fa); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
#trade-order .moo-decision-title, .moo-decision-title { margin: 0; color: var(--yellow, #ffff55); font: 30px/1.1 "VT323", "Courier New", monospace; font-weight: 400; }
#trade-order .moo-decision-lead, .moo-decision-lead { margin: 9px 0 0; color: var(--text, #fff); font-size: 13px; line-height: 1.6; }
#trade-order .moo-decision-baseline, .moo-decision-baseline { margin: 12px 0 0; padding-top: 10px; border-top: 1px solid var(--line, rgba(255, 255, 255, .22)); color: var(--cyan, #55ffff); font-size: 13px; line-height: 1.65; font-variant-numeric: tabular-nums; }
#trade-order .moo-decision-condition, .moo-decision-condition { margin: 12px 0 0; color: var(--yellow, #ffff55); font-size: 13px; line-height: 1.65; }
.moo-decision-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 245px), 1fr)); gap: 1px; background: var(--line2, #aaa); }
.moo-decision-option { min-width: 0; padding: 16px; background: var(--bg2, #000080); }
.moo-decision-option.is-highlighted { box-shadow: inset 0 3px 0 var(--yellow, #ffff55); background: var(--bg, #0000aa); }
.moo-decision-option-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 6px 10px; margin-bottom: 12px; }
#trade-order .moo-decision-option-title, .moo-decision-option-title { margin: 0; color: var(--text, #fff); font-size: 15px; font-weight: 600; }
.moo-decision-badge { padding: 1px 5px; border: 1px solid var(--line2, #aaa); color: var(--cyan, #55ffff); font-size: 10px; line-height: 1.7; }
.moo-decision-option.is-highlighted .moo-decision-badge { border-color: var(--yellow, #ffff55); color: var(--yellow, #ffff55); }
.moo-decision-rows { margin: 0; }
.moo-decision-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); align-items: baseline; gap: 5px 12px; margin: 9px 0; }
.moo-decision-row dt { color: var(--dim, #b4b4fa); font-size: 12px; }
.moo-decision-row dd { margin: 0; color: var(--text, #fff); text-align: right; font-variant-numeric: tabular-nums; font-size: 13px; }
.moo-decision-row.is-key dd { color: var(--cyan, #55ffff); font-weight: 600; }
#trade-order .moo-decision-note, .moo-decision-note { margin: 10px 0 0; color: var(--dim, #b4b4fa); font-size: 12px; line-height: 1.65; }
#trade-order .moo-decision-warning, .moo-decision-warning { margin: 12px 0 0; padding: 8px 10px; border-left: 2px solid var(--yellow, #ffff55); color: var(--yellow, #ffff55); background: rgba(0, 0, 55, .35); font-size: 12px; line-height: 1.6; }
.moo-decision-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
#trade-order .moo-decision-button, .moo-decision-button { min-height: 42px; width: 100%; padding: 9px 12px; border: 1px solid var(--line2, #aaa); border-radius: 0; background: var(--bg2, #000080); color: var(--text, #fff); font: inherit; font-size: 13px; cursor: pointer; }
#trade-order .moo-decision-button.is-primary, .moo-decision-button.is-primary { border: 2px outset #fff; background: var(--yellow, #ffff55); color: #000; font-weight: 600; }
#trade-order .moo-decision-button:disabled, .moo-decision-button:disabled { cursor: default; opacity: .55; }
.moo-decision-button:focus-visible, .moo-decision-details > summary:focus-visible { outline: 2px solid var(--cyan, #55ffff); outline-offset: 3px; }
.moo-decision-details { padding: 12px 16px; border-top: 1px solid var(--line2, #aaa); }
#trade-order .moo-decision-details > summary, .moo-decision-details > summary { color: var(--cyan, #55ffff); font-size: 12px; cursor: pointer; }
.moo-decision-details[open] > summary { margin-bottom: 12px; }
.moo-decision-details .moo-decision-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); }
.moo-decision-scenarios { display: grid; gap: 8px; margin-top: 12px; }
.moo-decision-scenario { padding: 9px 10px; border: 1px solid var(--line, rgba(255, 255, 255, .22)); }
#trade-order .moo-decision-scenario-title, .moo-decision-scenario-title { margin: 0 0 6px; color: var(--text, #fff); font-size: 12px; font-weight: 600; }
.moo-decision-scenario .moo-decision-row { margin: 4px 0; }
.moo-decision-timing { padding: 12px 16px; border-top: 1px solid var(--line2, #aaa); }
#trade-order .moo-decision-timing .moo-decision-note:first-child, .moo-decision-timing .moo-decision-note:first-child { margin-top: 0; }
@media (max-width: 420px) {
  .moo-decision-head, .moo-decision-option { padding: 13px; }
  .moo-decision-details, .moo-decision-timing { padding: 11px 13px; }
  #trade-order .moo-decision-title, .moo-decision-title { font-size: 28px; }
  .moo-decision-row { gap: 4px 8px; }
}