/* ==========================================================================
   pages/orders.css — Execution Desk
   "Obsidian & Champagne" — myTradingMCP Luxury Edition
   Layout: Rail (filtres) · Board (cartes/table) · Inspecteur inline
   ========================================================================== */

.orders-page { display: flex; flex-direction: column; gap: var(--space-lg); }

/* ============================================================
   1. HERO
   ============================================================ */
.ord-hero {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 2rem; padding: 1.4rem 1.75rem;
  border: 1px solid var(--color-border); border-radius: var(--radius-md);
  background: var(--surface-2); position: relative; overflow: hidden;
}
.ord-hero::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent 10%, rgba(201,169,110,.35) 50%, transparent 90%);
}
@media (max-width: 900px) { .ord-hero { flex-direction: column; } }

.ord-hero__copy { display: flex; flex-direction: column; gap: .4rem; }
.ord-hero__copy h1 { margin: 0; font-family: var(--font-display); font-weight: 400; }

.ord-eyebrow {
  font-size: var(--fs-kicker); letter-spacing: var(--track-kicker);
  text-transform: uppercase; color: var(--color-accent); font-weight: 500;
}
.ord-hero__desc {
  font-size: var(--text-sm); color: var(--color-text-muted);
  max-width: 60ch; line-height: 1.6; margin: 0;
}

.ord-lineage {
  display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; margin-top: .65rem;
}
.ord-lineage-node {
  font-size: .6rem; font-weight: 600; letter-spacing: .07em; text-transform: uppercase;
  padding: .15rem .55rem; border-radius: var(--radius-full);
  border: 1px solid var(--color-border); color: var(--color-text-muted);
}
.ord-lineage-node--active {
  border-color: rgba(201,169,110,.4); color: var(--color-accent);
  background: rgba(201,169,110,.08);
}
.ord-lineage-arrow { color: var(--color-text-faint); font-size: var(--text-xs); }

.ord-hero__right {
  display: flex; flex-direction: column; align-items: flex-end; gap: .75rem; flex-shrink: 0;
}

/* KPIs */
.ord-kpis { display: flex; gap: 1.1rem; }
.ord-kpi { display: flex; flex-direction: column; align-items: flex-end; gap: .05rem; }
.ord-kpi__label {
  font-size: .58rem; font-weight: 700; letter-spacing: .09em;
  text-transform: uppercase; color: var(--color-text-faint);
}
.ord-kpi__value {
  font-family: var(--font-display); font-size: 1.5rem; font-weight: 400;
  font-variant-numeric: tabular-nums; letter-spacing: -.03em; line-height: 1;
}
.ord-kpi--pending  .ord-kpi__value { color: var(--color-warning); }
.ord-kpi--executed .ord-kpi__value { color: var(--color-success); }
.ord-kpi--cancelled .ord-kpi__value { color: var(--color-text-faint); }

/* Context strip */
.ord-ctx-strip { display: flex; gap: .85rem; }
.ord-ctx-pill  { display: flex; flex-direction: column; align-items: flex-end; gap: .02rem; }
.ord-ctx-pill span { font-size: .52rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--color-text-faint); }
.ord-ctx-pill strong { font-family: var(--font-mono); font-size: .65rem; color: var(--color-text-muted); }

.ord-hero__actions { display: flex; gap: .45rem; }

/* Banner */
.ord-banner:not([hidden]) {
  display: flex; align-items: center; gap: .75rem;
  padding: .65rem 1rem; border-radius: var(--radius-sm);
  border: 1px solid var(--color-border); font-size: var(--text-sm);
}
.ord-banner.is-success { border-color: rgba(74,222,128,.28); color: var(--color-success); background: rgba(74,222,128,.06); }
.ord-banner.is-danger  { border-color: rgba(248,113,113,.28); color: var(--color-danger);  background: rgba(248,113,113,.06); }
.ord-banner.is-info    { border-color: rgba(201,169,110,.28); color: var(--color-accent);  background: rgba(201,169,110,.06); }

/* ============================================================
   2. WORKSPACE — 3 columns
   ============================================================ */
.ord-workspace {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr) 300px;
  gap: 0;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--surface-2);
  overflow: hidden;
  min-height: 540px;
}
@media (max-width: 1200px) { .ord-workspace { grid-template-columns: 185px minmax(0,1fr) 270px; } }
@media (max-width: 900px)  { .ord-workspace { grid-template-columns: 1fr; } }

/* ============================================================
   3. RAIL
   ============================================================ */
.ord-rail {
  display: flex; flex-direction: column;
  border-right: 1px solid var(--color-border-light);
  background: rgba(0,0,0,.05); overflow: hidden;
}
.ord-rail__toolbar {
  padding: .7rem .85rem .5rem; border-bottom: 1px solid var(--color-border-light); flex-shrink: 0;
}
.ord-search-wrap {
  display: flex; align-items: center; gap: .5rem;
  background: var(--surface-2); border: 1px solid var(--color-border);
  border-radius: var(--radius-sm); padding: 0 .6rem; height: 28px;
  transition: border-color var(--transition-base);
}
.ord-search-wrap:focus-within { border-color: rgba(201,169,110,.40); }
.ord-search-icon { color: var(--color-text-faint); flex-shrink: 0; }
.ord-search-input {
  flex: 1; background: transparent; border: none; outline: none;
  color: var(--color-text); font-size: var(--text-xs); padding: 0;
}
.ord-search-input::placeholder { color: var(--color-text-faint); }

.ord-nav { flex: 1; overflow-y: auto; padding: .5rem 0; }
.ord-nav__section-label {
  padding: .35rem .85rem .15rem;
  font-size: .58rem; font-weight: 700; letter-spacing: .10em;
  text-transform: uppercase; color: var(--color-text-faint);
}
.ord-nav__items { display: flex; flex-direction: column; gap: 1px; }
.ord-nav__item {
  display: flex; align-items: center; gap: .5rem;
  padding: .38rem .85rem;
  background: transparent; border: none; cursor: pointer;
  font-size: var(--text-xs); color: var(--color-text-muted); text-align: left;
  transition: background var(--transition-base), color var(--transition-base);
}
.ord-nav__item:hover { background: rgba(255,255,255,.03); color: var(--color-text); }
.ord-nav__item.is-active { color: var(--color-accent); background: rgba(201,169,110,.08); }
.ord-nav__item.is-active .ord-nav__count { color: var(--color-accent); }

.ord-nav__dot {
  width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0;
  background: var(--color-text-faint);
}
.ord-nav__dot[data-color="all"]       { background: var(--color-accent); }
.ord-nav__dot[data-color="pending"]   { background: var(--color-warning); }
.ord-nav__dot[data-color="executed"]  { background: var(--color-success); }
.ord-nav__dot[data-color="cancelled"] { background: rgba(255,255,255,.2); }
.ord-nav__dot[data-color="buy"]       { background: var(--color-success); }
.ord-nav__dot[data-color="sell"]      { background: var(--color-danger); }

.ord-nav__name  { flex: 1; }
.ord-nav__count { font-family: var(--font-mono); font-size: .58rem; color: var(--color-text-faint); min-width: 18px; text-align: right; }

.ord-nav__select {
  width: calc(100% - 1.7rem); margin: 0 .85rem;
  font-size: var(--text-xs); min-height: 26px;
  padding: .2rem 1.6rem .2rem .5rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm); background: var(--surface-2); color: var(--color-text);
  appearance: none; -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23786a52' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right .4rem center; cursor: pointer;
}

.ord-rail__footer {
  padding: .65rem .85rem; border-top: 1px solid var(--color-border-light); flex-shrink: 0;
  display: flex; flex-direction: column; gap: .35rem;
}
.ord-reset-btn {
  background: transparent; border: none; font-size: .62rem;
  color: var(--color-text-faint); cursor: pointer; text-decoration: underline;
  text-underline-offset: 2px; padding: 0; transition: color var(--transition-base);
}
.ord-reset-btn:hover { color: var(--color-text-muted); }
.ord-rail__summary { font-family: var(--font-mono); font-size: .6rem; color: var(--color-text-faint); }

/* ============================================================
   4. BOARD
   ============================================================ */
.ord-board {
  display: flex; flex-direction: column; overflow: hidden;
  border-right: 1px solid var(--color-border-light);
}
.ord-board__header {
  display: flex; align-items: center; justify-content: space-between;
  padding: .55rem 1rem; border-bottom: 1px solid var(--color-border-light);
  background: rgba(0,0,0,.04); flex-shrink: 0;
}
.ord-board__header-view { display: flex; gap: .25rem; }
.ord-view-btn {
  padding: .2rem .65rem; border-radius: var(--radius-sm);
  border: 1px solid var(--color-border); background: transparent;
  font-size: var(--text-xs); color: var(--color-text-faint); cursor: pointer;
  transition: color var(--transition-base), border-color var(--transition-base), background var(--transition-base);
}
.ord-view-btn.is-active { color: var(--color-accent); border-color: rgba(201,169,110,.35); background: rgba(201,169,110,.08); }
.ord-loading-inline { display: flex; align-items: center; gap: .5rem; font-size: var(--text-xs); color: var(--color-text-muted); }

.ord-board-state {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: .75rem; padding: 3rem 2rem; text-align: center; color: var(--color-text-muted); flex: 1;
}
.ord-board-state svg { color: var(--color-text-faint); }
.ord-board-state p   { font-size: var(--text-sm); margin: 0; }

/* ── Cards ─────────────────────────────────────────────────── */
.ord-board-cards {
  flex: 1; overflow-y: auto; padding: .75rem;
  display: flex; flex-direction: column; gap: .4rem;
  scrollbar-width: thin; scrollbar-color: var(--color-border) transparent;
}

/* Pending header separator */
.ord-section-label-bar {
  display: flex; align-items: center; gap: .75rem;
  padding: .3rem 0; margin: .2rem 0 .1rem;
}
.ord-section-label-bar__text {
  font-size: .58rem; font-weight: 700; letter-spacing: .10em;
  text-transform: uppercase; color: var(--color-text-faint); white-space: nowrap;
}
.ord-section-label-bar__line {
  flex: 1; height: 1px; background: var(--color-border-light);
}

.ord-card {
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-sm);
  padding: .6rem .85rem;
  cursor: pointer; background: transparent;
  transition: background var(--transition-base), border-color var(--transition-base);
  position: relative;
}
.ord-card:hover { background: rgba(255,255,255,.015); border-color: var(--color-border); }
.ord-card.is-selected { background: rgba(201,169,110,.06); border-color: rgba(201,169,110,.35); box-shadow: inset 2px 0 0 rgba(201,169,110,.7); }

/* Pending card: gold accent border top */
.ord-card.is-pending { border-top-color: rgba(251,191,36,.35); }

.ord-card__stripe {
  position: absolute; left: 0; top: 6px; bottom: 6px; width: 3px; border-radius: 2px;
}
.ord-card__stripe[data-side="buy"]  { background: var(--color-success); }
.ord-card__stripe[data-side="sell"] { background: var(--color-danger); }

.ord-card__top {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: .5rem; margin-bottom: .3rem; padding-left: .6rem;
}
.ord-card__ticker {
  font-family: var(--font-mono); font-size: .9rem; font-weight: 600;
  color: var(--color-text); letter-spacing: .03em;
}
.ord-card__id { font-family: var(--font-mono); font-size: .58rem; color: var(--color-text-faint); margin-top: .05rem; }
.ord-card__meta { display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; padding-left: .6rem; margin-bottom: .35rem; }
.ord-card__splits { padding-left: .6rem; display: flex; flex-wrap: wrap; gap: .25rem; margin-bottom: .3rem; }
.ord-card__split-pill {
  font-size: .6rem; padding: .1rem .45rem; border-radius: var(--radius-full);
  background: rgba(255,255,255,.04); border: 1px solid var(--color-border-light);
  color: var(--color-text-muted); font-family: var(--font-mono);
}
.ord-card__foot { display: flex; align-items: center; gap: .5rem; padding-left: .6rem; margin-top: .35rem; flex-wrap: wrap; }

/* Execution price input inline (for pending cards) */
.ord-exec-inline {
  display: flex; align-items: center; gap: .4rem; padding-left: .6rem; margin-top: .4rem;
  padding-top: .4rem; border-top: 1px solid var(--color-border-light);
}
.ord-exec-inline input {
  font-family: var(--font-mono); font-size: var(--text-xs);
  width: 100px; height: 26px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm); background: var(--surface-3); color: var(--color-text);
  padding: 0 .5rem;
  transition: border-color var(--transition-base);
}
.ord-exec-inline input:focus { outline: none; border-color: rgba(201,169,110,.4); }
.ord-exec-inline input::placeholder { color: var(--color-text-faint); }

/* ── Table ─────────────────────────────────────────────────── */
.ord-board-table-wrap {
  flex: 1; overflow: auto;
  scrollbar-width: thin; scrollbar-color: var(--color-border) transparent;
}
.ord-table {
  width: 100%; border-collapse: collapse; font-size: var(--text-xs);
}
.ord-table thead th {
  font-size: .58rem; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: var(--color-text-faint);
  padding: .45rem .75rem; border-bottom: 1px solid var(--color-border);
  text-align: left; white-space: nowrap; background: rgba(0,0,0,.04);
  position: sticky; top: 0; z-index: 1;
}
.ord-table tbody td {
  padding: .4rem .75rem; border-bottom: 1px solid rgba(255,255,255,.03);
  font-variant-numeric: tabular-nums; vertical-align: middle;
}
.ord-table tbody tr:hover td { background: rgba(201,169,110,.02); cursor: pointer; }
.ord-table tbody tr.is-selected td { background: rgba(201,169,110,.06); }
.ord-ticker-mono { font-family: var(--font-mono); font-weight: 600; font-size: .78rem; color: var(--color-text); }

/* ── Pills ─────────────────────────────────────────────────── */
.ord-pill {
  display: inline-flex; align-items: center;
  padding: .1rem .45rem; border-radius: var(--radius-full);
  font-size: .55rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
  border: 1px solid transparent; white-space: nowrap;
}
.ord-pill--buy       { background: rgba(74,222,128,.08); border-color: rgba(74,222,128,.2); color: var(--color-success); }
.ord-pill--sell      { background: rgba(248,113,113,.08); border-color: rgba(248,113,113,.2); color: var(--color-danger); }
.ord-pill--pending   { background: rgba(251,191,36,.1); border-color: rgba(251,191,36,.25); color: var(--color-warning); }
.ord-pill--executed  { background: rgba(74,222,128,.08); border-color: rgba(74,222,128,.2); color: var(--color-success); }
.ord-pill--cancelled { background: rgba(255,255,255,.04); border-color: var(--color-border); color: var(--color-text-faint); }
.ord-pill--market    { background: rgba(255,255,255,.04); border-color: var(--color-border); color: var(--color-text-muted); }
.ord-pill--limit     { background: rgba(123,155,181,.1); border-color: rgba(123,155,181,.2); color: var(--steel,#7B9BB5); }
.ord-pill--stop-limit{ background: rgba(251,146,60,.1); border-color: rgba(251,146,60,.2); color: #fb923c; }
.ord-pill--insight   { background: rgba(201,169,110,.08); border-color: rgba(201,169,110,.2); color: var(--color-accent); }

.ord-metric { font-family: var(--font-mono); font-size: .62rem; color: var(--color-text-faint); }
.ord-metric-label { font-size: .52rem; text-transform: uppercase; letter-spacing: .06em; color: var(--color-text-faint); margin-right: .15rem; }

/* ============================================================
   5. INSPECTOR
   ============================================================ */
.ord-inspector { display: flex; flex-direction: column; overflow: hidden; }
.ord-inspector__head {
  display: flex; align-items: center; justify-content: space-between;
  padding: .6rem 1rem; border-bottom: 1px solid var(--color-border-light);
  background: rgba(0,0,0,.04); flex-shrink: 0;
}
.ord-inspector__label {
  font-size: .58rem; font-weight: 700; letter-spacing: .10em;
  text-transform: uppercase; color: var(--color-text-faint);
}
.ord-inspector__body {
  flex: 1; overflow-y: auto;
  scrollbar-width: thin; scrollbar-color: var(--color-border) transparent;
}

.ord-detail-empty {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: .75rem; padding: 3rem 1.5rem; text-align: center; color: var(--color-text-faint); height: 100%;
}
.ord-detail-empty svg { opacity: .5; }
.ord-detail-empty p   { font-size: var(--text-xs); margin: 0; }

/* Inspector sections */
.ord-detail-hero {
  padding: .85rem 1rem; border-bottom: 1px solid var(--color-border-light);
  display: flex; flex-direction: column; gap: .3rem;
}
.ord-detail-ticker {
  font-family: var(--font-display); font-size: 1.8rem; font-weight: 400;
  letter-spacing: -.04em; color: var(--color-text); line-height: 1;
}
.ord-detail-pills { display: flex; gap: .35rem; flex-wrap: wrap; margin-top: .25rem; }
.ord-detail-id    { font-family: var(--font-mono); font-size: .58rem; color: var(--color-text-faint); margin-top: .15rem; }

.ord-detail-section { border-bottom: 1px solid var(--color-border-light); padding: .75rem 1rem; }
.ord-detail-section:last-child { border-bottom: none; }
.ord-detail-section__label {
  font-size: .58rem; font-weight: 700; letter-spacing: .10em;
  text-transform: uppercase; color: var(--color-text-faint); margin-bottom: .5rem;
}

.ord-detail-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; }
.ord-detail-metric { display: flex; flex-direction: column; gap: .05rem; }
.ord-detail-metric span { font-size: .55rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--color-text-faint); }
.ord-detail-metric strong { font-family: var(--font-mono); font-size: var(--text-sm); font-variant-numeric: tabular-nums; color: var(--color-text); }

.ord-splits-list { display: flex; flex-direction: column; gap: .3rem; }
.ord-split-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: .3rem .55rem; background: var(--surface-3);
  border: 1px solid var(--color-border-light); border-radius: var(--radius-sm); font-size: .7rem;
}
.ord-split-pf  { font-family: var(--font-mono); color: var(--color-accent); }
.ord-split-qty { font-family: var(--font-mono); font-weight: 500; color: var(--color-text-muted); }

/* Insight link block */
.ord-insight-link {
  background: rgba(201,169,110,.04); border: 1px solid rgba(201,169,110,.15);
  border-radius: var(--radius-sm); padding: .5rem .7rem;
  display: flex; align-items: flex-start; gap: .5rem; font-size: .68rem;
  color: var(--color-text-muted);
}
.ord-insight-link svg { flex-shrink: 0; color: var(--color-accent); margin-top: .05rem; }

/* Inspector actions (for pending orders) */
.ord-inspector-actions {
  display: flex; flex-direction: column; gap: .5rem; padding: .85rem 1rem;
  border-top: 1px solid var(--color-border-light);
  background: rgba(0,0,0,.04); flex-shrink: 0;
}
.ord-inspector-action-label {
  font-size: .58rem; font-weight: 700; letter-spacing: .10em;
  text-transform: uppercase; color: var(--color-text-faint);
}
.ord-exec-price-wrap {
  display: flex; gap: .4rem; align-items: center;
}
.ord-exec-price-input {
  font-family: var(--font-mono); font-size: var(--text-xs);
  flex: 1; height: 30px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm); background: var(--surface-2); color: var(--color-text);
  padding: 0 .6rem; transition: border-color var(--transition-base);
}
.ord-exec-price-input:focus { outline: none; border-color: rgba(201,169,110,.4); }
.ord-inspector-btns { display: flex; gap: .4rem; }

/* ============================================================
   6. MODALS
   ============================================================ */
.ord-modal-overlay {
  position: fixed; inset: 0; z-index: 2000;
  background: rgba(0,0,0,.6); backdrop-filter: blur(6px);
  display: flex; align-items: center; justify-content: center; padding: 1rem;
}
.ord-modal {
  background: var(--surface-2);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-lg);
  width: min(540px, 96vw); max-height: 92vh;
  display: flex; flex-direction: column; overflow: hidden;
  position: relative;
}
.ord-modal--compact { width: min(420px, 96vw); }
.ord-modal::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201,169,110,.45), transparent);
}
.ord-modal__header {
  display: flex; align-items: flex-start; justify-content: space-between;
  padding: 1.1rem 1.35rem .85rem;
  border-bottom: 1px solid var(--color-border-light); flex-shrink: 0;
}
.ord-modal__kicker {
  font-size: .62rem; font-weight: 600; letter-spacing: .08em;
  text-transform: uppercase; color: var(--color-accent); margin: 0 0 .2rem;
}
.ord-modal__title {
  font-family: var(--font-display); font-size: 1.2rem;
  font-weight: 400; letter-spacing: -.02em; margin: 0;
}
.ord-modal__close {
  background: transparent; border: none; cursor: pointer;
  color: var(--color-text-muted); padding: .2rem; border-radius: var(--radius-sm);
  display: flex; align-items: center; transition: color var(--transition-base); flex-shrink: 0;
}
.ord-modal__close:hover { color: var(--color-text); }

.ord-modal__body { flex: 1; overflow-y: auto; padding: 1.1rem 1.35rem; }

.ord-modal__grid { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; }
.ord-modal__field { display: flex; flex-direction: column; gap: .28rem; }
.ord-modal__label {
  font-size: var(--text-xs); font-weight: 600; letter-spacing: .05em;
  text-transform: uppercase; color: var(--color-text-muted);
}
.ord-mono-input { font-family: var(--font-mono); letter-spacing: .04em; }

.ord-modal__insight-hint {
  display: flex; align-items: center; gap: .4rem;
  margin-top: .65rem; padding: .45rem .7rem;
  background: rgba(201,169,110,.06); border: 1px solid rgba(201,169,110,.18);
  border-radius: var(--radius-sm); font-size: .7rem; color: var(--color-accent);
}

.ord-exec-warning {
  padding: .55rem .75rem; margin-bottom: .75rem;
  background: rgba(248,113,113,.06); border: 1px solid rgba(248,113,113,.2);
  border-radius: var(--radius-sm); font-size: .72rem;
  color: var(--color-danger); line-height: 1.5;
}

.ord-exec-summary-card {
  padding: .75rem .9rem;
  background: var(--surface-3); border: 1px solid var(--color-border-light);
  border-radius: var(--radius-sm);
  display: flex; flex-direction: column; gap: .4rem;
}
.ord-exec-summary-ticker {
  font-family: var(--font-display); font-size: 1.4rem; font-weight: 400;
  letter-spacing: -.03em; color: var(--color-text); line-height: 1;
}
.ord-exec-summary-details { font-size: var(--text-xs); color: var(--color-text-muted); line-height: 1.5; }
.ord-exec-summary-id { font-family: var(--font-mono); font-size: .6rem; color: var(--color-text-faint); }

.ord-modal__footer {
  display: flex; align-items: center; justify-content: space-between;
  gap: .75rem; padding: .85rem 1.35rem;
  border-top: 1px solid var(--color-border-light);
  background: rgba(0,0,0,.06); flex-shrink: 0; flex-wrap: wrap;
}
.ord-modal__footnote { font-size: .65rem; color: var(--color-text-faint); margin: 0; }
.ord-modal__footer-actions { display: flex; gap: .5rem; }