/* ------------------------------------------------------------
   RECORD HISTORY (K-250) — the audit module's record tool (K-257; it was
   the ERP's app.css).
   Newest on top; every change is a header row (what · who · when)
   and a before/after table of the visible fields. No new colour.
   ------------------------------------------------------------ */
.rax-history {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--sp-4);
}

.rax-history > li {
    border-left: 2px solid var(--c-field-line);
    padding-left: var(--sp-3);
}

.rax-history-head {
    display: flex;
    gap: var(--sp-2);
    align-items: baseline;
    font-size: var(--fs-table);
    color: var(--c-ink-2);
    margin-bottom: var(--sp-2);
}

.rax-history-head strong { color: var(--c-ink); }
.rax-history-head time { margin-left: auto; color: var(--c-ink-3); font-variant-numeric: tabular-nums; }

.rax-history-table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-table);
}

.rax-history-table th {
    text-align: left;
    font-weight: 500;
    color: var(--c-ink-3);
    border-bottom: 1px solid var(--c-line);
    padding: var(--sp-1) var(--sp-2);
}

.rax-history-table td {
    border-bottom: 1px solid var(--c-line-2);
    padding: var(--sp-1) var(--sp-2);
    vertical-align: top;
    width: 37%;
}

.rax-history-table td:first-child { width: 26%; color: var(--c-ink-2); }
.rax-history-before { color: var(--c-ink-3); text-decoration: line-through; }

.rax-history-empty { color: var(--c-ink-3); font-size: var(--fs-table); margin: 0; }