/* Settings > Audit Trail (audittrail.js). Prefix at-. */
.at-filters { display: flex; flex-wrap: wrap; gap: .9rem 1.2rem; align-items: flex-end; margin-bottom: 1.1rem; }
.at-filters input[type="text"] { border: 1.5px solid var(--line); border-radius: var(--radius-s); padding: .4rem .6rem; font: inherit; font-size: .84rem; color: var(--navy); width: 11rem; }
.at-filters .at-record input { width: 18rem; max-width: 100%; }
.at-filters .knop { padding: .5rem 1.3rem; }
.at-mono, .at-veld, .at-id, .at-velden, .at-tabel { font-family: Consolas, monospace; }
.at-scroll { overflow-x: auto; }
.at-lijst td { vertical-align: top; }
.at-rij { cursor: pointer; }
.at-rij:hover td, .at-rij.at-open td { background: var(--bg-soft); }
.at-tijd { white-space: nowrap; }
.at-pijl { display: inline-block; width: 1rem; color: var(--grey); font-size: .72rem; }
.at-wie { color: var(--navy); }
.at-sub { color: var(--grey); font-size: .74rem; margin-top: .1rem; }
.at-id { word-break: break-all; }
.at-tabel { font-size: .8rem; color: var(--navy); }
.at-velden { font-size: .74rem; color: var(--grey); }
.at-lijst .chip { white-space: nowrap; margin-right: 0; }
.at-detailrij td { background: var(--bg-soft); padding: .6rem .9rem .8rem 1.6rem; }
.at-details { width: 100%; border-collapse: collapse; font-size: .8rem; }
.at-details th { text-align: left; color: var(--grey); font-weight: 500; font-size: .7rem; text-transform: uppercase; letter-spacing: .06em; padding: .25rem .8rem .25rem 0; }
.at-details td { padding: .3rem .8rem .3rem 0; border-top: 1px solid var(--line); vertical-align: top; background: transparent; }
.at-veld { font-size: .74rem; color: var(--grey); white-space: nowrap; width: 1%; }
.at-details th + th, .at-details td + td { width: 49%; }
.at-waarde { white-space: pre-wrap; word-break: break-all; }
.at-leeg { color: var(--grey); font-style: italic; }
.at-geen { color: var(--neutraal-donker); }
.at-hint { color: var(--grey); font-size: .86rem; }
.at-fout { color: var(--orange-dark); font-size: .86rem; margin-bottom: .8rem; }
.at-meer { display: flex; justify-content: center; margin-top: .8rem; }