/*
 * Account and public order surfaces.
 * This stays separate from the swap widget bundle so account layouts
 * cannot be removed by homepage-only stylesheet changes.
 */

.order-stage {
  width: 100%;
  padding: clamp(34px, 6vw, 78px) 20px clamp(52px, 8vw, 104px);
}

.order-card {
  width: min(100%, 850px);
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid var(--line-2);
  border-radius: var(--r-2xl);
  background: linear-gradient(155deg, rgba(29, 22, 13, 0.92), rgba(8, 6, 4, 0.96));
  box-shadow: var(--sh-glass);
}

.order-head {
  padding: 20px clamp(20px, 4vw, 34px);
  border-bottom: 1px solid var(--line);
  background: rgba(232, 192, 99, 0.035);
}

.order-head-row,
.order-id-group,
.order-status,
.order-hero-amount,
.order-addr,
.order-copy,
.order-warn,
.order-expiry {
  display: flex;
  align-items: center;
}

.order-head-row { justify-content: space-between; gap: 18px; }
.order-id-group { min-width: 0; gap: 9px; }

.order-id-label,
.order-addr-label,
.order-meta-key,
.setup-secret-label,
.setup-confirm-lab {
  color: var(--ink-3);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.order-id-text {
  overflow: hidden;
  color: var(--ink-2);
  font-family: var(--font-mono);
  font-size: 12px;
  text-overflow: ellipsis;
}

.order-id-copy,
.order-refresh,
.order-copy,
.hash-copy {
  border: 1px solid var(--line-2);
  color: var(--ink-2);
  background: rgba(0, 0, 0, 0.26);
  transition: color var(--d-fast) var(--ease),
              border-color var(--d-fast) var(--ease),
              background var(--d-fast) var(--ease);
}

.order-id-copy {
  width: 28px;
  height: 28px;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
}

.order-refresh {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 11px;
  border-radius: var(--r-pill);
  font-size: 12px;
  font-weight: 600;
}

.order-id-copy:hover,
.order-refresh:hover,
.order-copy:hover,
.hash-copy:hover {
  border-color: var(--line-3);
  color: var(--gold-h);
  background: var(--gold-soft);
}

.order-status { justify-content: space-between; gap: 12px; margin-top: 18px; }
.order-status-text {
  font-family: var(--font-display);
  font-size: clamp(22px, 4vw, 32px);
  font-weight: 600;
  letter-spacing: -0.025em;
}

.order-rate-pill,
.role-pill,
.dash-status,
.status-badge,
.sess-tag,
.ev-type {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  border: 1px solid var(--line-2);
  border-radius: var(--r-pill);
  color: var(--gold);
  background: var(--gold-soft);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.order-rate-pill { padding: 4px 9px; }
.order-body { padding: clamp(22px, 5vw, 42px); }

.order-hero {
  padding: clamp(22px, 5vw, 36px);
  border: 1px solid var(--line-2);
  border-radius: var(--r-xl);
  text-align: center;
  background:
    radial-gradient(circle at 50% 0%, rgba(232, 192, 99, 0.12), transparent 65%),
    rgba(0, 0, 0, 0.24);
}

.order-hero-line {
  color: var(--ink-3);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.order-hero-amount {
  justify-content: center;
  gap: 10px;
  margin-top: 6px;
  color: var(--gold-h);
  font-family: var(--font-display);
  line-height: 1;
}

.order-hero-amount strong {
  overflow-wrap: anywhere;
  font-size: clamp(34px, 8vw, 58px);
  font-weight: 600;
  letter-spacing: -0.04em;
}

.order-hero-coin { color: var(--gold); font-size: clamp(16px, 3vw, 24px); font-weight: 600; }
.order-hero-usd,
.order-hero-net { margin-top: 10px; color: var(--ink-3); font-size: 13px; }
.order-hero-net strong { color: var(--ink-2); }

.order-deposit {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(22px, 5vw, 42px);
  margin-top: 24px;
  padding: clamp(18px, 4vw, 28px);
  border: 1px solid var(--line);
  border-radius: var(--r-xl);
  background: rgba(0, 0, 0, 0.22);
}

.order-deposit-text { min-width: 0; }
.order-addr-label { display: block; margin-bottom: 8px; }
.order-addr-required { margin-left: 6px; color: var(--negative); font-size: 9px; }

.order-addr {
  min-width: 0;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 12px 12px 14px;
  border: 1px solid var(--line-2);
  border-radius: var(--r-md);
  background: var(--surface);
}

.order-addr code,
.order-dest {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--ink);
  font-family: var(--font-mono);
  font-size: 12px;
}

.order-copy {
  flex: 0 0 auto;
  gap: 6px;
  padding: 7px 10px;
  border-radius: var(--r-sm);
  font-size: 11px;
  font-weight: 700;
}

.order-addr-hint { margin: 9px 2px 0; color: var(--ink-3); font-size: 11.5px; }
.order-memo-hint { color: #e1bd72; }
.order-memo-hint-ok { color: var(--positive); }
.order-addr-none { color: var(--ink-3); }

.order-qr { display: grid; justify-items: center; gap: 8px; }
.order-qr-img {
  width: 154px;
  height: 154px;
  padding: 8px;
  border-radius: var(--r-md);
  background: #fff;
}

.order-qr-fallback { display: grid; place-items: center; color: #222; font-size: 12px; }
.order-qr-cap { color: var(--ink-3); font-size: 10.5px; }

.order-warn,
.order-expiry {
  align-items: flex-start;
  gap: 11px;
  margin-top: 16px;
  padding: 14px 16px;
  border: 1px solid rgba(232, 192, 99, 0.24);
  border-radius: var(--r-md);
  color: var(--ink-2);
  background: rgba(232, 192, 99, 0.055);
  font-size: 12.5px;
  line-height: 1.6;
}

.order-warn > i,
.order-expiry > i { flex: 0 0 auto; margin-top: 2px; color: var(--gold); font-size: 18px; }
.order-warn strong,
.order-expiry strong { color: var(--ink); }
.order-warn code { color: var(--gold-h); font-family: var(--font-mono); }

.order-meta {
  margin-top: 24px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  list-style: none;
  background: rgba(0, 0, 0, 0.17);
}

.order-meta > li {
  display: grid;
  grid-template-columns: minmax(116px, 0.34fr) minmax(0, 1fr);
  gap: 18px;
  padding: 14px 17px;
  border-bottom: 1px solid var(--line);
}

.order-meta > li:last-child { border-bottom: 0; }
.order-meta-key { padding-top: 2px; }
.order-meta-val {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--ink-2);
  font-size: 12.5px;
  text-align: right;
}

.order-meta-val strong { color: var(--ink); }
.order-meta-val em { color: var(--ink-3); font-style: normal; }
.order-meta-usd { display: block; margin-top: 3px; color: var(--ink-3); }
.order-pending { color: var(--ink-3); }
.hash-copy { margin-left: 7px; padding: 2px 7px; border-radius: var(--r-pill); font-size: 9px; text-transform: uppercase; }

.order-fineprint {
  max-width: 68ch;
  margin: 22px auto 0;
  color: var(--ink-3);
  font-size: 11.5px;
  line-height: 1.65;
  text-align: center;
}

.order-fineprint-final { color: var(--ink-2); }
.order-aml {
  padding: clamp(22px, 5vw, 38px);
  border: 1px solid rgba(224, 165, 96, 0.3);
  border-radius: var(--r-xl);
  background: rgba(224, 165, 96, 0.055);
  text-align: center;
}

.order-aml-mark {
  width: 54px;
  height: 54px;
  display: grid;
  margin: 0 auto 15px;
  place-items: center;
  border: 1px solid rgba(224, 165, 96, 0.35);
  border-radius: 50%;
  color: #e0a560;
  background: rgba(224, 165, 96, 0.08);
  font-size: 27px;
}

.order-aml-title { font-family: var(--font-display); font-size: clamp(25px, 5vw, 34px); font-weight: 600; }
.order-aml-lede,
.order-aml-body,
.order-aml-fine { max-width: 62ch; margin: 12px auto 0; color: var(--ink-2); }
.order-aml-body,
.order-aml-fine { color: var(--ink-3); font-size: 12.5px; }
.order-aml-meta {
  width: fit-content;
  margin: 20px auto 0;
  padding: 10px 14px;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  background: rgba(0, 0, 0, 0.2);
}

.order-aml-meta-key { display: block; color: var(--ink-3); font-size: 10px; text-transform: uppercase; }
.order-aml-meta-val { color: var(--ink); font-family: var(--font-mono); font-size: 12px; }
.order-aml-actions { display: flex; justify-content: center; gap: 10px; margin-top: 20px; }

/* Dashboard */

.dash-grid,
.settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }

.dash-card,
.settings-card,
.setup-2fa,
.table-card,
.empty-state {
  border: 1px solid var(--line-2);
  border-radius: var(--r-xl);
  background: linear-gradient(155deg, rgba(27, 21, 13, 0.78), rgba(8, 6, 4, 0.84));
  box-shadow: inset 0 1px rgba(255, 245, 215, 0.025);
}

.dash-card,
.settings-card { padding: clamp(18px, 3vw, 24px); }
.dash-card-wide,
.settings-card-wide { grid-column: 1 / -1; }
.dash-head,
.settings-head { display: flex; align-items: center; gap: 11px; margin-bottom: 18px; }

.dash-ic,
.settings-head > i {
  width: 36px;
  height: 36px;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid var(--line-2);
  border-radius: 50%;
  color: var(--gold);
  background: var(--gold-soft);
  font-size: 19px;
}

.dash-h,
.settings-head h2 {
  color: var(--ink);
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.015em;
}

.settings-head > div { min-width: 0; }
.settings-head p { margin-top: 3px; color: var(--ink-3); font-size: 11.5px; }
.dash-more { margin-left: auto; font-size: 11.5px; font-weight: 600; }
.dash-list { display: grid; gap: 0; }

.dash-list > div {
  display: grid;
  grid-template-columns: minmax(105px, 0.45fr) minmax(0, 1fr);
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
}

.dash-list > div:last-child { border-bottom: 0; }
.dash-list dt { color: var(--ink-3); font-size: 11.5px; }
.dash-list dd { min-width: 0; overflow-wrap: anywhere; color: var(--ink-2); font-size: 12px; text-align: right; }
.mono { font-family: var(--font-mono); }
.role-pill { padding: 3px 8px; }

.dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  list-style: none;
}

.dash-stats li { display: grid; gap: 3px; padding: 15px 10px; border-right: 1px solid var(--line); text-align: center; }
.dash-stats li:last-child { border-right: 0; }
.ds-num { color: var(--gold-h); font-family: var(--font-display); font-size: 22px; font-weight: 600; }
.ds-lab { color: var(--ink-3); font-size: 9.5px; text-transform: uppercase; }
.dash-favourite { margin-top: 13px; color: var(--ink-3); font-size: 11.5px; }
.dash-favourite i { color: var(--gold); }
.dash-muted { color: var(--ink-3); }
.dash-link { display: flex; align-items: center; gap: 8px; margin-top: 14px; font-size: 12px; font-weight: 600; }

.dash-orders,
.sess-list,
.dash-events { overflow: hidden; border: 1px solid var(--line); border-radius: var(--r-md); list-style: none; }
.dash-orders li,
.sess-row,
.dash-events li { border-bottom: 1px solid var(--line); }
.dash-orders li:last-child,
.sess-row:last-child,
.dash-events li:last-child { border-bottom: 0; }

.dash-order-link {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) auto auto;
  align-items: center;
  gap: 13px;
  padding: 12px 14px;
  color: var(--ink-2);
}

.dash-order-link:hover { color: var(--ink); background: var(--gold-faint); }
.dash-pair { display: inline-flex; align-items: center; gap: 7px; }
.dash-coin { color: var(--ink); font-family: var(--font-mono); font-size: 11.5px; font-weight: 700; }
.dash-status,
.status-badge,
.sess-tag,
.ev-type { padding: 3px 8px; }
.dash-when { color: var(--ink-3); font-size: 10.5px; }
.status-success,
.status-finished,
.status-completed,
.status-done { border-color: rgba(181, 201, 122, 0.3); color: var(--positive); background: rgba(181, 201, 122, 0.07); }
.status-failed,
.status-expired,
.status-overdue,
.status-cancelled { border-color: rgba(224, 112, 96, 0.3); color: var(--negative); background: rgba(224, 112, 96, 0.07); }
.dash-empty,
.dash-fineprint { color: var(--ink-3); font-size: 12px; }
.dash-fineprint { margin-top: 11px; }
.dash-inline-form { margin-left: auto; }

.dash-pill-btn,
.sess-revoke,
.dash-pagebtn {
  padding: 6px 10px;
  border: 1px solid var(--line-2);
  border-radius: var(--r-pill);
  color: var(--ink-2);
  font-size: 10.5px;
}

.dash-pill-btn:hover,
.sess-revoke:hover,
.dash-pagebtn:hover { border-color: var(--line-3); color: var(--gold); }
.sess-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px 14px; }
.sess-icon {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--positive);
  background: rgba(181, 201, 122, 0.07);
}

.sess-meta { display: grid; }
.sess-meta strong { color: var(--ink-2); font-size: 12px; }
.sess-when { color: var(--ink-3); font-size: 10.5px; }
.sess-tag { color: var(--positive); }
.dash-cta-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 15px; color: var(--ink-2); }
.dash-cta-card:hover { border-color: var(--line-3); color: var(--ink); }
.dash-cta-ic { color: var(--gold); font-size: 25px; }
.dash-cta-text { display: grid; gap: 3px; font-size: 11.5px; }
.dash-cta-text strong { color: var(--ink); font-size: 13px; }
.dash-cta-arrow { color: var(--gold); }
.dash-events li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 13px; }
.ev-when { color: var(--ink-3); font-size: 10.5px; }
.dash-pageinfo { margin-left: auto; color: var(--ink-3); font-size: 10px; }
.dash-events-pager { display: flex; justify-content: space-between; margin-top: 12px; }
.dash-pagebtn.is-disabled { opacity: 0.4; pointer-events: none; }

.ref-box { display: grid; gap: 16px; }
.ref-desc,
.ref-fine,
.ref-hint { color: var(--ink-3); font-size: 11.5px; }
.ref-label { display: block; margin-bottom: 7px; color: var(--ink-2); font-size: 11.5px; font-weight: 600; }
.ref-input-row { display: flex; gap: 8px; }
.ref-input,
.settings-form input,
.settings-form-inline input,
.form-input {
  min-width: 0;
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid var(--line-2);
  border-radius: var(--r-sm);
  outline: none;
  color: var(--ink);
  background: rgba(0, 0, 0, 0.28);
}

.ref-input:focus,
.settings-form input:focus,
.settings-form-inline input:focus,
.form-input:focus { border-color: var(--gold); box-shadow: 0 0 0 3px var(--gold-soft); }
.ref-btn { flex: 0 0 auto; }

.btn-gold,
.btn-danger-solid {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 15px;
  border: 1px solid rgba(122, 94, 27, 0.55);
  border-radius: var(--r-pill);
  color: #0a0703;
  background: linear-gradient(180deg, var(--gold-h), var(--gold-2));
  font-size: 12px;
  font-weight: 700;
}

.btn-gold:hover { color: #0a0703; filter: brightness(1.07); }
.btn-danger-solid { border-color: #9d493e; color: #fff3ef; background: #a9493d; }
.btn-danger-solid:hover { color: #fff; background: #bd5345; }
.btn-ghost-block { width: 100%; justify-content: center; }
.settings-grid { margin-top: 4px; }
.settings-form { display: grid; gap: 13px; }
.settings-form label { display: grid; gap: 7px; }
.settings-form label > span,
.settings-form-inline label > span { color: var(--ink-2); font-size: 11px; font-weight: 600; }
.settings-fine { color: var(--ink-3); font-size: 10.5px; line-height: 1.55; }
.settings-form-inline { display: flex; align-items: end; gap: 10px; }
.settings-form-inline label { min-width: 0; flex: 1; display: grid; gap: 7px; }

.settings-input-with-prefix {
  display: flex;
  align-items: center;
  overflow: hidden;
  border: 1px solid var(--line-2);
  border-radius: var(--r-sm);
  background: rgba(0, 0, 0, 0.28);
}

.settings-input-with-prefix:focus-within { border-color: var(--gold); box-shadow: 0 0 0 3px var(--gold-soft); }
.settings-prefix { padding-left: 12px; color: var(--gold); font-family: var(--font-mono); }
.settings-input-with-prefix input { border: 0; background: transparent; box-shadow: none; }
.settings-status,
.settings-alert { padding: 12px 14px; border: 1px solid var(--line-2); border-radius: var(--r-md); font-size: 12px; }
.settings-status { margin-bottom: 14px; }
.settings-status-on,
.settings-alert-ok { border-color: rgba(181, 201, 122, 0.3); color: var(--positive); background: rgba(181, 201, 122, 0.06); }
.settings-status-off { color: var(--ink-2); background: rgba(0, 0, 0, 0.2); }
.settings-alert { margin-bottom: 16px; }
.settings-alert-error { border-color: rgba(224, 112, 96, 0.3); color: #efa091; background: rgba(224, 112, 96, 0.06); }
.settings-priv { display: grid; gap: 10px; color: var(--ink-3); font-size: 11.5px; }
.settings-danger { border-color: rgba(224, 112, 96, 0.28); }
.settings-danger .settings-head > i { border-color: rgba(224, 112, 96, 0.3); color: var(--negative); background: rgba(224, 112, 96, 0.06); }

.setup-2fa { padding: clamp(20px, 4vw, 30px); }
.setup-steps { display: grid; gap: 11px; list-style: none; }
.setup-steps li { display: grid; grid-template-columns: auto 1fr; gap: 12px; color: var(--ink-2); font-size: 12.5px; }
.setup-num {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line-2);
  border-radius: 50%;
  color: var(--gold);
  background: var(--gold-soft);
  font-family: var(--font-mono);
  font-size: 11px;
}

.setup-steps strong { display: block; color: var(--ink); }
.setup-qr-row { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 22px; margin-top: 24px; }
.setup-qr { width: 180px; height: 180px; padding: 8px; border-radius: var(--r-md); background: #fff; }
.setup-secret-box { min-width: 0; display: grid; gap: 8px; }
.setup-secret { overflow-wrap: anywhere; color: var(--gold-h); font-family: var(--font-mono); }
.setup-secret-hint,
.setup-fine { color: var(--ink-3); font-size: 11px; }
.setup-confirm { display: grid; gap: 8px; margin-top: 22px; }
.setup-confirm-row { display: flex; gap: 10px; }
.setup-code-input { max-width: 180px; letter-spacing: 0.18em; text-align: center; }
.setup-cancel { margin-top: 12px; }
.setup-fine { margin-top: 18px; }

.page-section { width: 100%; padding: clamp(34px, 6vw, 68px) 20px clamp(52px, 8vw, 90px); }
.container { width: min(100%, 1120px); margin: 0 auto; }
.container-md { max-width: 1000px; }
.page-header { margin-bottom: 24px; }
.page-title { font-family: var(--font-display); font-size: clamp(34px, 5vw, 52px); font-weight: 600; letter-spacing: -0.035em; }
.page-sub { margin-top: 8px; color: var(--ink-3); }
.table-card { overflow: hidden; }
.table-wrap { overflow-x: auto; }
.data-table { width: 100%; border-collapse: collapse; white-space: nowrap; }
.data-table th,
.data-table td { padding: 13px 15px; border-bottom: 1px solid var(--line); text-align: left; font-size: 11.5px; }
.data-table th { color: var(--ink-3); font-size: 9.5px; letter-spacing: 0.08em; text-transform: uppercase; }
.data-table tbody tr:last-child td { border-bottom: 0; }
.data-table tbody tr:hover { background: var(--gold-faint); }
.td-mono { font-family: var(--font-mono); }
.td-date { color: var(--ink-3); }
.pair-arrow { margin: 0 5px; color: var(--ink-3); }
.pair-from,
.pair-to { color: var(--ink); font-family: var(--font-mono); font-weight: 700; }
.btn-xs { padding: 5px 10px; font-size: 10px; }
.pagination { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 14px; border-top: 1px solid var(--line); }
.page-btn { padding: 5px 9px; border: 1px solid var(--line-2); border-radius: var(--r-pill); font-size: 10.5px; }
.page-info { color: var(--ink-3); font-size: 10.5px; }
.empty-state { padding: clamp(32px, 7vw, 60px); text-align: center; }
.empty-icon { display: flex; justify-content: center; color: var(--gold); }
.empty-title { margin-top: 14px; font-family: var(--font-display); font-size: 22px; }
.empty-text { max-width: 45ch; margin: 8px auto 18px; color: var(--ink-3); }

/* Footer refinement */

.footer-onion-link {
  min-height: 38px;
  padding: 6px 11px 6px 7px;
  border-radius: var(--r-pill);
  font-size: 11.5px;
  letter-spacing: 0.01em;
}

.footer-onion-svg { width: 24px; height: 24px; }
.footer-copy { opacity: 0.72; font-size: 10px; letter-spacing: 0.055em; }

@media (max-width: 760px) {
  .order-stage { padding-inline: 12px; }
  .order-card { border-radius: var(--r-xl); }
  .order-head-row { align-items: flex-start; }
  .order-id-group { align-items: flex-start; flex-wrap: wrap; }
  .order-id-label { width: 100%; }
  .order-deposit { grid-template-columns: 1fr; }
  .order-qr { order: -1; }
  .order-meta > li { grid-template-columns: 1fr; gap: 5px; }
  .order-meta-val { text-align: left; }
  .dash-grid,
  .settings-grid { grid-template-columns: 1fr; }
  .dash-card-wide,
  .settings-card-wide { grid-column: auto; }
  .dash-order-link { grid-template-columns: 1fr auto; }
  .dash-when { grid-column: 1 / -1; }
  .settings-form-inline { align-items: stretch; flex-direction: column; }
  .setup-qr-row { grid-template-columns: 1fr; justify-items: center; text-align: center; }
}

@media (max-width: 480px) {
  .nav-inner { padding-inline: 11px; gap: 8px; }
  .nav-brand { gap: 7px; font-size: 17px; }
  .nav-logo { width: 36px; height: 36px; }
  .nav-actions { gap: 6px; }
  .nav-actions .btn-sm { padding: 8px 11px; font-size: 11px; }
  .order-head,
  .order-body { padding: 17px; }
  .order-refresh-text,
  .order-copy-text { display: none; }
  .order-copy { width: 34px; height: 34px; justify-content: center; padding: 0; }
  .order-status { align-items: flex-end; }
  .order-hero { padding-inline: 14px; }
  .order-hero-amount { align-items: baseline; flex-wrap: wrap; }
  .order-qr-img { width: 142px; height: 142px; }
  .order-aml-actions,
  .setup-confirm-row,
  .ref-input-row { align-items: stretch; flex-direction: column; }
  .setup-code-input { max-width: none; }
  .dash-stats { grid-template-columns: 1fr; }
  .dash-stats li { border-right: 0; border-bottom: 1px solid var(--line); }
  .dash-stats li:last-child { border-bottom: 0; }
  .sess-row { grid-template-columns: auto minmax(0, 1fr); }
  .sess-row .sess-tag,
  .sess-row form { grid-column: 2; justify-self: start; }
  .data-table th,
  .data-table td { padding: 11px 12px; }
}