/* Execution receipts share the approved portal typography and surfaces. */
.history-directory { overflow: hidden; }
.history-directory-heading { flex-wrap: wrap; gap: 20px; }
.history-tabs { flex-wrap: wrap; }
.history-column-head, .history-row { display: grid; grid-template-columns: minmax(220px, 1.5fr) minmax(155px, 1fr) minmax(180px, 1.1fr) 140px; gap: 22px; align-items: center; padding: 24px; }
.history-column-head { padding-block: 13px; border-top: 1px solid var(--line); background: var(--subtle); color: var(--muted); font-size: var(--text-compact); }
.history-row { border-top: 1px solid var(--line); }
.history-identity { display: flex; gap: 13px; min-width: 0; align-items: flex-start; }
.history-direction { display: grid; place-items: center; width: 38px; height: 38px; flex-shrink: 0; border: 1px solid var(--line); background: var(--subtle); border-radius: 10px; color: var(--secondary); }
.history-direction .icon { width: 18px; height: 18px; }
.history-incoming .icon { transform: rotate(180deg); }
.history-identity h3 { font-size: var(--text-action); font-weight: 600; line-height: 1.6; overflow-wrap: anywhere; }
.history-identity p, .history-identity time { display: block; color: var(--muted); font-size: var(--text-supporting); line-height: 1.65; margin-top: 4px; }
.history-cell { min-width: 0; overflow-wrap: anywhere; }
.history-cell strong { display: block; font-size: var(--text-action); font-weight: 550; line-height: 1.6; font-variant-numeric: tabular-nums; }
.history-cell small { display: block; margin-top: 4px; font-size: var(--text-supporting); line-height: 1.65; color: var(--muted); }
.history-neutral { color: var(--secondary); }
.history-mobile-label { display: none; color: var(--muted); font-size: var(--text-supporting); margin-bottom: 5px; }
.history-row-action .button-secondary { width: 100%; margin: 0; padding-inline: 12px; gap: 8px; font-size: var(--text-ui); }
.history-row-action .icon { width: 15px; height: 15px; }
.history-row-action > span, .history-reviewed { display: flex; align-items: center; justify-content: center; gap: 6px; color: var(--secondary); font-size: var(--text-supporting); }
.history-row-action > span { margin-top: 8px; }
.history-reviewed .icon { width: 15px; height: 15px; }
.history-filter-form { grid-template-columns: repeat(2, minmax(0, 1fr)) auto; }
.history-filter-form .history-search { grid-column: 1; }
.history-filter-form .history-account { grid-column: 2 / -1; }
.history-date, .history-review-form textarea { width: 100%; min-width: 0; min-height: 44px; padding: 10px 13px; border: 1px solid var(--strong-line); border-radius: 7px; color: var(--ink); background: var(--surface); font-size: var(--text-ui); line-height: 1.6; }
.history-date:focus-visible, .history-review-form textarea:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.history-filter-error { padding: 16px 24px; font-size: var(--text-ui); color: var(--semantic-danger); border-top: 1px solid var(--line); }
.history-receipt { display: grid; grid-template-columns: minmax(0, 1fr) 210px; gap: 25px; padding: 28px; border-top: 3px solid var(--ink); }
.history-receipt-result h2 { margin-top: 12px; font-size: var(--text-page-title); letter-spacing: -.035em; font-weight: 500; line-height: 1.25; overflow-wrap: anywhere; }
.history-receipt-result h2.history-unknown-result { font-size: var(--text-subheading); }
.history-receipt-result > p:not(.eyebrow) { margin-top: 10px; color: var(--secondary); font-size: var(--text-ui); line-height: 1.7; }
.history-receipt-action { align-self: center; }
.history-receipt-action > .button-primary { width: 100%; }
.history-text-link { display: inline-flex; align-items: center; gap: 8px; font-size: var(--text-ui); line-height: 1.6; text-decoration: underline; text-underline-offset: 3px; }
.history-text-link .icon { width: 15px; height: 15px; flex-shrink: 0; }
.history-fill-link { margin-top: 10px; }
.history-receipt-action .history-text-link { margin-top: 15px; }
.history-receipt-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; grid-column: 1 / -1; border-top: 1px solid var(--line); padding-top: 23px; margin: 0; }
.history-receipt-facts dt, .history-source dt { font-size: var(--text-supporting); color: var(--muted); font-weight: 400; }
.history-receipt-facts dd { font-size: var(--text-action); font-variant-numeric: tabular-nums; margin: 9px 0 0; line-height: 1.6; overflow-wrap: anywhere; }
.history-receipt-facts small { display: block; margin-top: 5px; font-size: var(--text-supporting); color: var(--muted); line-height: 1.65; }
.history-detail-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 22px; align-items: start; margin-top: 22px; }
.history-calculation-lines { margin: 0 24px; }
.history-calculation-lines > div { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; padding: 12px 0; }
.history-calculation-lines dt { font-size: var(--text-ui); color: var(--secondary); font-weight: 400; }
.history-calculation-lines dd { margin: 0; font-size: var(--text-action); text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.history-calculation-lines .history-subtotal { border-top: 1px solid var(--line); margin-top: 5px; }
.history-calculation-lines .history-calculation-total { border-top: 1px solid var(--strong-line); margin-top: 7px; padding-top: 18px; }
.history-calculation-total dt, .history-calculation-total dd { font-weight: 600; }
.history-method { margin: 12px 24px 24px; font-size: var(--text-supporting); line-height: 1.8; color: var(--muted); }
.history-purpose-body { padding: 0 24px 24px; }
.history-purpose-body > p { font-size: var(--text-body); line-height: 1.8; color: var(--secondary); }
.history-purpose-body > span { display: block; font-size: var(--text-supporting); color: var(--muted); margin-top: 12px; }
.history-purpose-body .history-text-link { display: flex; margin-top: 19px; }
.history-purpose-body p.history-order-state { font-size: var(--text-ui); margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); }
.history-review { margin-top: 22px; scroll-margin-top: 90px; }
.history-review > .crud-form-errors { margin: 0 24px 20px; }
.history-review-editor { margin: 0 24px 24px; }
.history-review-editor > summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: var(--text-ui); cursor: pointer; padding: 12px 0; border-top: 1px solid var(--line); list-style: none; }
.history-review-editor > summary::-webkit-details-marker { display: none; }
.history-review-editor > summary .icon { width: 16px; height: 16px; }
.history-review-editor[open] > summary .icon { transform: rotate(180deg); }
.history-review-form { display: grid; grid-template-columns: minmax(190px, .65fr) minmax(0, 1.5fr); gap: 22px; padding-top: 10px; align-items: start; }
.history-review-form textarea { resize: vertical; min-height: 116px; }
.history-review-form .field-help { font-size: var(--text-supporting); }
.history-review-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; padding-top: 3px; }
.history-review-actions .button-primary { margin: 0; }
.history-saved-review { padding: 0 24px 24px; }
.history-saved-review strong { font-size: var(--text-ui); font-weight: 550; }
.history-saved-review p { margin-top: 10px; font-size: var(--text-body); line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; }
.history-trail-intro { margin: 0 24px; padding: 18px 0; border-top: 1px solid var(--line); font-size: var(--text-ui); color: var(--secondary); line-height: 1.8; }
.history-trail-intro p + p { margin-top: 5px; }
.history-trail { list-style: none; padding: 0 24px; margin: 0; }
.history-trail li { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid var(--line); padding: 16px 12px; font-size: var(--text-ui); }
.history-trail li.is-current { background: var(--subtle); border-left: 2px solid var(--ink); }
.history-trail time { display: block; font-size: var(--text-supporting); color: var(--muted); margin-bottom: 7px; }
.history-trail a { text-decoration: underline; text-underline-offset: 3px; line-height: 1.7; }
.history-trail li > span { font-variant-numeric: tabular-nums; text-align: right; }
.history-source { margin: 22px 24px 24px; border-top: 1px solid var(--line); padding-top: 22px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.history-source dd { font-size: var(--text-ui); margin: 8px 0 0; overflow-wrap: anywhere; }
@media (max-width: 1199.98px) {
    .history-column-head { display: none; }
    .history-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .history-identity { grid-column: 1 / -1; }
    .history-mobile-label { display: block; }
    .history-row-action { grid-column: 1 / -1; justify-self: start; }
    .history-row-action > span { justify-content: flex-start; }
    .history-filter-form .trading-filter-submit { grid-column: 3; }
}
@media (max-width: 767.98px) {
    .history-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
    .history-tabs a { justify-content: center; text-align: center; }
    .history-row { padding: 22px 20px; gap: 19px 16px; }
    .history-row-action { justify-self: stretch; }
    .history-filter-form { grid-template-columns: minmax(0, 1fr); }
    .history-filter-form .history-search, .history-filter-form .history-account, .history-filter-form .trading-filter-submit { grid-column: 1; }
    .history-date, .history-review-form textarea, .history-review-form .record-select { font-size: var(--text-lead); }
    .history-receipt { grid-template-columns: minmax(0, 1fr); padding: 22px; }
    .history-receipt-facts { grid-template-columns: minmax(0, 1fr); }
    .history-detail-grid, .history-review-form, .history-source { grid-template-columns: minmax(0, 1fr); }
    .history-review-actions .button-primary { width: 100%; }
    .history-trail li { flex-direction: column; align-items: flex-start; gap: 10px; }
    .history-calculation-lines > div { flex-wrap: wrap; gap: 7px 16px; }
}