.payroll-facts { margin-top: 24px; }
.payroll-facts-heading, .payroll-facts-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.payroll-facts-heading { margin-bottom: 16px; }
.payroll-facts-heading h2 { margin: 0 auto 0 0; }
.payroll-facts .ui-card { margin-bottom: 16px; }
.payroll-facts fieldset { padding: 0; margin: 0; border: 0; min-width: 0; }
.payroll-facts .form-field { display: grid; gap: 6px; min-width: 0; margin-bottom: 12px; }
.payroll-facts input, .payroll-facts select, .payroll-facts textarea { width: 100%; box-sizing: border-box; }
.payroll-facts textarea { resize: vertical; }
.payroll-facts-metric { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr); align-items: center; gap: 18px; }
.payroll-facts-metric .form-field { margin: 0 0 12px; }
.payroll-facts-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.payroll-facts-summary-row { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; font-size: 13px; }
.payroll-facts-summary-row p { flex-basis: 100%; margin: 0; }
.payroll-facts-calculation { flex-basis: 100%; min-width: 0; font-size: 12px; line-height: 1.6; }
.payroll-facts-calculation > summary { cursor: pointer; color: var(--c-text-2); padding: 8px 0; }
.payroll-facts-calculation-list { list-style: none; margin: 0 0 10px; padding: 0; }
.payroll-facts-calculation-list > li { margin: 0; padding: 10px 0; border-top: 1px solid var(--c-border-soft); overflow-wrap: anywhere; }
.payroll-facts-calculation-list p { margin-top: 4px; font-variant-numeric: tabular-nums; }
.payroll-facts-inspection-editor { margin: 16px 0; padding: 16px; border: 1px solid var(--c-border); border-radius: 8px; }
.payroll-facts-inspection, .payroll-facts-history details { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--c-border-soft); font-size: 13px; line-height: 1.6; }
.payroll-facts summary { cursor: pointer; }
.payroll-facts-inspection button { margin: 8px 8px 0 0; }
.payroll-facts p { overflow-wrap: anywhere; }
.payroll-facts .dds-field-note { font-size: 12px; line-height: 1.6; }
@media (max-width: 560px) { .payroll-facts-metric, .payroll-facts-summary { grid-template-columns: 1fr; gap: 8px; } .payroll-facts-heading h2 { flex-basis: 100%; } }