/* Readable accounting, profile and comparison panels inside the results drawer. */
.zrsld-lf-panel-intro { padding: 12px 14px 4px; color: #18334c; }
.zrsld-lf-panel-intro > strong { font-size: 14px; }
.zrsld-lf-panel-intro p, .zrsld-lf-panel-note { font-size: 12px; line-height: 1.55; color: #42586b; margin: 5px 0; overflow-wrap: anywhere; }
.zrsld-lf-panel-note { padding: 4px 14px; }
.zrsld-lf-panel-callout { margin: 8px 14px; padding: 10px 12px; border-left: 3px solid #356d9e; background: #edf4fb; color: #24435e; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.zrsld-lf-accounting-table { border-collapse: collapse; width: calc(100% - 28px); min-width: 330px; margin: 4px 14px 8px; font-size: 12px; color: #253e53; table-layout: auto; }
.zrsld-lf-accounting-table caption { text-align: left; color: #526576; padding: 5px 0 8px; font-size: 11px; }
.zrsld-lf-accounting-table th, .zrsld-lf-accounting-table td { padding: 8px 10px; border-bottom: 1px solid #dce5ec; text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.zrsld-lf-accounting-table td, .zrsld-lf-accounting-table thead th:not(:first-child) { white-space: nowrap; overflow-wrap: normal; word-break: normal; }
.zrsld-lf-accounting-table th:first-child { text-align: left; width: 50%; }
.zrsld-lf-accounting-table thead th { background: #f0f4f8; color: #314b62; font-weight: 650; }
.zrsld-lf-accounting-table tbody th { font-weight: 500; }
.zrsld-lf-accounting-table .is-mismatch th, .zrsld-lf-accounting-table .is-mismatch td { border-top: 2px solid #9fb0bf; font-weight: 650; }
.zrsld-lf-profile-grid { padding: 0 14px 12px; min-width: 620px; }
.zrsld-lf-profile-axis, .zrsld-lf-profile-row { display: grid; grid-template-columns: minmax(145px, 1fr) minmax(230px, 2.5fr) minmax(145px, 1fr); gap: 20px; align-items: center; }
.zrsld-lf-profile-axis { position: sticky; top: 0; z-index: 2; padding: 10px 10px; color: #506679; font-size: 11px; background: #f4f7fa; border-bottom: 1px solid #d9e2eb; }
.zrsld-lf-profile-axis > div { position: relative; height: 22px; }
.zrsld-lf-axis-tick { position: absolute; top: 3px; transform: translateX(-50%); font-variant-numeric: tabular-nums; white-space: nowrap; }
.zrsld-lf-axis-tick.is-tick-0 { transform: none; }
.zrsld-lf-axis-tick.is-tick-4 { transform: translateX(-100%); }
.zrsld-lf-workbench .zrsld-lf-profile-row { width: 100%; min-height: 64px; padding: 8px 10px; border: 0; border-bottom: 1px solid #e2e8ee; border-radius: 0; text-align: left; background: #fff; font-size: 12px; line-height: 1.4; color: #263e53; font-weight: 400; }
.zrsld-lf-workbench .zrsld-lf-profile-row:hover:not(:disabled) { background: #f1f6fb; }
.zrsld-lf-workbench .zrsld-lf-profile-row.is-selected { background: #e8f1fa; box-shadow: inset 3px 0 #2b69a0; }
.zrsld-lf-workbench .zrsld-lf-profile-row:focus-visible { outline: 2px solid #176cac; outline-offset: -2px; }
.zrsld-lf-workbench .zrsld-lf-profile-row:disabled { opacity: 1; cursor: default; color: #536476; }
.zrsld-lf-profile-label { font-weight: 600; overflow-wrap: anywhere; min-width: 0; }
.zrsld-lf-profile-track { display: block; position: relative; min-width: 0; height: 38px; }
.zrsld-lf-profile-guide { position: absolute; left: 0; right: 0; top: 18px; border-top: 1px solid #bccbd7; }
.zrsld-lf-profile-band { display: block; position: absolute; top: 5px; height: 27px; background: #dfebe7; border-inline: 1px solid #a1bdb3; }
.zrsld-lf-profile-point { position: absolute; width: 11px; height: 11px; top: 13px; margin-left: -6px; border-radius: 50%; background: #246b59; border: 2px solid #fff; box-shadow: 0 0 0 1px #246b59; }
.zrsld-lf-profile-point.is-warning, .zrsld-lf-profile-point.is-danger { background: #a24306; box-shadow: 0 0 0 1px #a24306; }
.zrsld-lf-profile-reading { display: grid; gap: 2px; overflow-wrap: anywhere; font-size: 11px; }
.zrsld-lf-profile-reading strong { font-size: 12px; font-variant-numeric: tabular-nums; }
.zrsld-lf-profile-reading small { color: #556a7a; font-size: 10px; }
.zrsld-lf-compare-runs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 8px 14px; }
.zrsld-lf-compare-runs > section { border: 1px solid #cfdae4; border-radius: 5px; padding: 7px 10px; background: #f7f9fc; min-width: 0; overflow-wrap: anywhere; }
.zrsld-lf-compare-runs h3 { margin: 0 0 3px; color: #355571; font-size: 11px; font-weight: 600; }
.zrsld-lf-compare-runs strong { display: block; color: #1f3b54; font-size: 13px; }
.zrsld-lf-compare-runs p { margin: 4px 0 0; color: #52687a; font-size: 11px; line-height: 1.5; }
.zrsld-lf-compare-intro { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; padding: 10px 14px 0; color: #18334c; font-size: 14px; }
.zrsld-lf-compare-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.zrsld-lf-compare-actions > span { font-size: 11px; color: #586c7e; }
.zrsld-lf-compare-context, .zrsld-lf-compare-panel .zrsld-lf-changes { margin: 8px 14px; padding: 8px 10px; background: #f5f8fb; border: 1px solid #d7e1eb; color: #3d5569; font-size: 12px; line-height: 1.5; }
.zrsld-lf-compare-context summary, .zrsld-lf-compare-panel .zrsld-lf-changes summary { cursor: pointer; font-weight: 600; }
.zrsld-lf-compare-context ul, .zrsld-lf-compare-panel .zrsld-lf-changes ul { margin: 7px 0 0; padding-left: 18px; }
.zrsld-lf-compare-context li { margin: 4px 0; overflow-wrap: anywhere; }
.zrsld-lf-compare-totals { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 8px 14px; padding: 8px 0; border-top: 1px solid #dce5ee; border-bottom: 1px solid #dce5ee; font-size: 12px; line-height: 1.5; color: #344e63; }
.zrsld-lf-compare-panel .zrsld-lf-change { text-align: left; overflow-wrap: anywhere; white-space: normal; }
.zrsld-lf-compare-panel .zrsld-lf-change:disabled { color: #556878; opacity: 1; }
.zrsld-lf-status.is-neutral { color: #445c70; background: #edf1f5; }
@media (max-width: 620px) {
  .zrsld-lf-compare-runs { grid-template-columns: minmax(0, 1fr); }
  .zrsld-lf-accounting-table th, .zrsld-lf-accounting-table td { padding: 7px 6px; }
  .zrsld-lf-accounting-table th:first-child { width: 44%; }
}

.zrsld-lf-compare-runs p.is-partial { color: #854700; font-weight: 650; }
