.transactions-page .panel-header h1 { margin: 0; font-size: 16px; font-weight: 650; }
.transactions-page .history-explanation,
.transactions-page .history-coverage { color: var(--muted); font-size: 12px; line-height: 1.6; }
.transactions-page .history-explanation { max-width: 920px; }
.transactions-page .history-search { max-width: 760px; margin: 20px 0 16px; }
.transactions-page .history-search label { display: block; margin-bottom: 7px; color: var(--muted); font-size: 12px; }
.transactions-page .history-search-controls { display: flex; align-items: stretch; gap: 8px; }
.transactions-page .history-search input { flex: 1; min-width: 0; width: 100%; min-height: 40px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 5px; background: var(--bg); color: var(--text); font: inherit; font-size: 14px; }
.transactions-page .history-search input::placeholder { color: var(--subtle); }
.transactions-page .history-search input:focus-visible { outline: 2px solid var(--accent-strong); outline-offset: 2px; }
.transactions-page .history-search input[aria-invalid="true"] { border-color: #e7abab; }
.transactions-page .history-search p { margin: 7px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.transactions-page .history-search [data-history-search-message] { color: #e7abab; }
.transactions-page .history-search [data-history-search-message]:empty { margin: 0; }
.transactions-page .history-filter { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 16px 0; font-size: 12px; color: var(--muted); }
.transactions-page .history-filter select { max-width: 100%; min-height: 40px; padding: 8px 30px 8px 10px; border: 1px solid var(--line); border-radius: 5px; background: var(--bg); color: var(--text); font: inherit; }
.transactions-page .validator-history-summary { display: flex; flex-wrap: wrap; gap: 8px 20px; color: var(--muted); font-size: 12px; }
.transactions-page .validator-history-summary p { margin: 0 0 12px; }
.transactions-page[data-validator-found="false"] .data-grid { opacity: 1; }
.transactions-page .history-message { color: var(--muted); font-size: 13px; }
.transactions-page .history-message.is-error { color: #e7abab; }
.transactions-page [hidden] { display: none !important; }
.transactions-page .history-retry { margin-bottom: 12px; }
.transactions-page .history-table { width: 100%; min-width: 0; table-layout: fixed; }
.transactions-page .history-table th:nth-child(1) { width: 175px; }
.transactions-page .history-table th:nth-child(2) { width: auto; }
.transactions-page .history-table th:nth-child(3) { width: 175px; }
.transactions-page .history-table td { vertical-align: top; white-space: normal; }
.transactions-page .history-table td:nth-child(n) { width: auto; }
.transactions-page .history-table code { overflow-wrap: anywhere; white-space: normal; }
.transactions-page .history-table .hash-link { min-width: 0; }
.transactions-page .history-table .copy-button { flex-shrink: 0; }
.transactions-page .history-table time { white-space: normal; line-height: 1.5; }
.transactions-page .history-badges { display: flex; gap: 5px; flex-wrap: wrap; }
.transactions-page .history-badge { padding: 3px 7px; border: 1px solid var(--line); border-radius: 4px; color: var(--accent-strong); font-size: 11px; }
.transactions-page .history-context { display: block; margin-top: 5px; color: var(--muted); font-size: 11px; }
.transactions-page .history-pagination { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 20px 0; font-size: 12px; }
.transactions-page .history-pagination [data-history-page] { min-width: 78px; text-align: center; font-variant-numeric: tabular-nums; }
.transactions-page .history-pagination button { min-width: 40px; min-height: 40px; }
.transactions-page .history-pagination-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; margin: 20px 0; }
.transactions-page .history-pagination-bar .history-pagination { flex-wrap: wrap; margin: 0; }
.transactions-page .history-page-size { display: inline-flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; }
.transactions-page .history-page-size select { min-height: 40px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 5px; background: var(--bg); color: var(--text); font: inherit; }
.transactions-page .text-button { color: var(--text); padding: 7px 12px; cursor: pointer; }
.transactions-page button:disabled { opacity: .45; cursor: default; }
.transactions-page :is(button, a, summary, [tabindex]):focus-visible { outline: 2px solid var(--accent-strong); outline-offset: 3px; }
.transactions-page .history-coverage { border-top: 1px solid var(--line-soft); padding-top: 12px; }
.transactions-page .history-coverage summary { cursor: pointer; color: var(--text); }
.transactions-page .history-coverage ul { padding-left: 20px; }
.transactions-page .history-coverage li { overflow-wrap: anywhere; }
.transactions-page { --details-width: min(560px, 46vw); }
.transactions-page .history-detail-trigger { display: inline; padding: 0; border: 0; background: none; color: inherit; text-align: left; cursor: pointer; }
.transactions-page .history-table tbody tr[data-transaction-hash] { cursor: pointer; }
.transactions-page .history-table tbody tr.is-selected { background: var(--surface-3); box-shadow: inset 2px 0 var(--accent-strong); }
.transactions-page .history-table tbody tr:hover { background: var(--surface-2); }
.transactions-page .history-table td:last-child { position: relative; padding-right: 26px; }
.transactions-page .history-row-indicator { position: absolute; right: 10px; top: 13px; color: var(--subtle); font-size: 20px; line-height: 1; }
.transactions-page .is-selected .history-row-indicator { color: var(--accent-strong); }
.transactions-page.detail-open .dashboard { margin-right: var(--details-width); }
.transactions-page.detail-open .history-table { min-width: 520px; }
.transactions-page.detail-open .history-detail-trigger code { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.transactions-page .data-grid.single-column { grid-template-columns: minmax(0, 1fr); }
.transactions-page .table-panel { min-width: 0; }
.transactions-page .transaction-details { position: fixed; z-index: 20; top: 96px; right: 0; bottom: 0; width: var(--details-width); overflow: auto; overscroll-behavior: contain; background: var(--surface); border-left: 1px solid var(--line); box-shadow: -10px 0 28px #0003; scrollbar-gutter: stable; }
.transactions-page .transaction-details-header { position: sticky; top: 0; z-index: 1; padding: 20px 24px 16px; background: var(--surface); border-bottom: 1px solid var(--line-soft); }
.transactions-page .detail-title-row, .transactions-page .detail-hash-row { display: flex; align-items: center; gap: 10px; }
.transactions-page .detail-title-row { justify-content: space-between; margin-bottom: 10px; }
.transactions-page .detail-title-row h2 { font-size: 17px; font-weight: 650; margin: 0; }
.transactions-page .detail-hash-row code { min-width: 0; overflow: hidden; text-overflow: ellipsis; font-size: 12px; color: var(--muted); }
.transactions-page .detail-hash-row :is(button, a) { flex-shrink: 0; }
.transactions-page .detail-hash-row .cexplorer-icon-button { margin-left: auto; }
.transactions-page .transaction-details-content { padding: 16px 24px 28px; }
.transactions-page .detail-note, .transactions-page .detail-message { color: var(--muted); font-size: 11px; line-height: 1.6; margin: 0 0 12px; }
.transactions-page .detail-note:empty, .transactions-page .detail-message:empty { display: none; }
.transactions-page .detail-output-chooser { display: grid; gap: 7px; margin: 18px 0 22px; }
.transactions-page .detail-output-chooser label { color: var(--muted); font-size: 11px; }
.transactions-page .detail-output-chooser select { width: 100%; min-width: 0; padding: 10px 8px; font: inherit; font-size: 12px; color: var(--text); background: var(--bg); border: 1px solid var(--line); border-radius: 5px; text-overflow: ellipsis; }
.transactions-page .detail-more { margin-bottom: 18px; }
.transactions-page .detail-output-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 16px; }
.transactions-page .detail-output-heading h3 { margin: 0; font-size: 14px; font-weight: 600; }
.transactions-page .detail-output-heading small { color: var(--muted); font-size: 11px; }
.transactions-page .detail-amounts { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 18px 0; border-top: 1px solid var(--line-soft); }
.transactions-page .detail-amount { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; min-width: 0; }
.transactions-page .detail-amount + .detail-amount { padding-left: 16px; border-left: 1px solid var(--line-soft); }
.transactions-page .detail-amount span:first-child { font-size: 11px; color: var(--muted); }
.transactions-page .detail-amount strong { font-size: 26px; font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; max-width: 100%; }
.transactions-page .detail-amount-primary strong { font-size: 30px; }
.transactions-page .detail-asset-label { font-size: 12px; color: var(--accent-strong); overflow-wrap: anywhere; }
.transactions-page .detail-amount small { color: var(--muted); font-size: 11px; line-height: 1.5; }
.transactions-page .detail-evidence { margin: 14px 0 20px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 5px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.transactions-page .detail-fields { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 0; }
.transactions-page .detail-field { grid-column: span 6; min-width: 0; padding: 14px 0; border-top: 1px solid var(--line-soft); }
.transactions-page .detail-field-half { grid-column: span 3; padding-right: 8px; }
.transactions-page .detail-field-third { grid-column: span 2; padding-right: 8px; }
.transactions-page .detail-field dt { color: var(--muted); font-size: 11px; margin-bottom: 6px; }
.transactions-page .detail-field dd { margin: 0; min-width: 0; display: flex; align-items: center; gap: 6px; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.transactions-page .detail-field :is(a, code) { min-width: 0; color: var(--text); text-decoration: none; font: inherit; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.transactions-page .detail-field a:hover { color: var(--accent-strong); text-decoration: underline; }
.transactions-page .detail-field .copy-button { flex-shrink: 0; }
.transactions-page .detail-technical { margin-top: 8px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 12px; }
.transactions-page .detail-technical summary { cursor: pointer; padding: 4px 0; }
.transactions-page .detail-technical[open] > summary { margin-bottom: 12px; }
.transactions-page .detail-json { position: relative; padding: 10px 0; }
.transactions-page .detail-json summary { min-height: 32px; padding-right: 40px; }
.transactions-page .detail-json > .copy-button { position: absolute; right: 0; top: 10px; }
.transactions-page .detail-json pre { padding: 14px; max-height: 360px; overflow: auto; background: var(--bg); border: 1px solid var(--line-soft); font-size: 11px; line-height: 1.6; }
.transactions-page [data-output-detail] h4 { margin: 14px 0 8px; font-size: 12px; font-weight: 600; }
.transactions-page .detail-token { margin: 12px 0; padding: 14px; background: var(--bg); border: 1px solid var(--line-soft); border-radius: 5px; }
.transactions-page .detail-token h4 { margin: 0 0 6px; overflow-wrap: anywhere; color: var(--accent-strong); }
.transactions-page .detail-token-pricing { margin: 0 0 12px; font-size: 11px; color: var(--muted); }
.transactions-page .detail-token .detail-parameter code { white-space: normal; overflow-wrap: anywhere; }
.transactions-page .detail-configuration-warnings { padding-left: 18px; color: var(--muted); font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; }
.transactions-page select:focus-visible { outline: 2px solid var(--accent-strong); outline-offset: 3px; }
@media (max-width: 1260px) {
  .transactions-page .transaction-details { top: 144px; }
}
@media (max-width: 1100px) {
  .transactions-page .history-table th:nth-child(1) { width: 150px; }
  .transactions-page .history-table th:nth-child(3) { width: 165px; }
}
@media (max-width: 760px) {
  .transactions-page .history-search input { font-size: 16px; }
  .transactions-page.detail-open .dashboard { margin-right: 0; }
  .transactions-page.detail-modal-open { overflow: hidden; }
  .transactions-page .transaction-details { inset: 0; width: 100%; height: 100dvh; border-left: 0; }
  .transactions-page .transaction-details-header { padding: 16px; }
  .transactions-page .transaction-details-content { padding: 16px; }
  .transactions-page .detail-title-row .icon-button { width: 40px; height: 40px; }
  .transactions-page .detail-field .copy-button { width: 32px; height: 32px; }
  .transactions-page .panel-header { flex-direction: row; align-items: center; }
  .transactions-page .history-table { min-width: 520px; }
  .transactions-page .history-table th:nth-child(2) { width: 185px; }
  .transactions-page .history-table .hash-link code { font-size: 11px; }
  .transactions-page .history-table .copy-button { width: 32px; height: 32px; }
  .transactions-page .text-button { min-height: 40px; }
  .transactions-page .footer-link { line-height: 1.6; }
}