/* Historico (D7): lista de auditoria e painel de detalhe. Usa os componentes de Lancamentos e Usuarios. */
.historico .filtros .linha { align-items: center; }
.historico .hist-sel { width: auto; min-width: 170px; }
.hist-pessoa { display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; }
.hist-pessoa .usu-avatar { width: 28px; height: 28px; font-size: calc(11.5px * var(--fs, 1)); }
.hist-reg { max-width: 300px; }
.sem-detalhe .hist-reg { max-width: calc(560px * var(--fs, 1)); }
.hist-reg b, .hist-reg span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hist-detalhe { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-width: 340px; color: var(--color-neutral-300); font-size: calc(12.5px * var(--fs, 1)); }
.hist-origem { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; color: var(--color-neutral-300); font-size: calc(12.5px * var(--fs, 1)); }

.hist-det { display: flex; flex-direction: column; }
.hist-par { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 11px 0; border-bottom: 1px solid var(--color-divider); font-size: calc(13px * var(--fs, 1)); }
.hist-par > span { color: var(--color-neutral-300); flex: none; }
.hist-par > b { font-weight: 600; text-align: right; overflow-wrap: anywhere; }
.hist-diff { margin-top: 16px; border-radius: 12px; box-shadow: inset 0 0 0 1px var(--color-divider); overflow: hidden; }
.hist-diff table { width: 100%; border-collapse: collapse; font-size: calc(13px * var(--fs, 1)); }
.hist-diff th { padding: 10px 14px; text-align: left; font-size: calc(11.5px * var(--fs, 1)); font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--color-neutral-300); }
.hist-diff tbody th { text-transform: none; letter-spacing: 0; font-size: calc(13px * var(--fs, 1)); font-weight: 600; color: var(--color-text); }
.hist-diff td, .hist-diff tbody th { padding: 12px 14px; border-top: 1px solid var(--color-divider); vertical-align: top; overflow-wrap: anywhere; }
.hist-diff td.antes { color: var(--color-neutral-300); text-decoration: line-through; }
.hist-diff td.sem { color: var(--color-neutral-300); }
.hist-diff td.depois { font-weight: 600; }
.hist-vazio { display: flex; align-items: center; gap: 8px; margin-top: 16px; padding: 14px; border-radius: 12px; background: var(--color-bg); color: var(--color-neutral-300); font-size: calc(13px * var(--fs, 1)); }
.hist-nota { display: flex; align-items: center; gap: 7px; margin: 14px 0 0; font-size: calc(12px * var(--fs, 1)); color: var(--color-neutral-300); }