/* End-of-session reports (B22) — page layout only. Components, tokens, icons and themes come from lifeos.css («مِحْوَر»). */

.rp-page [hidden] { display: none !important; }
.rp-split { grid-template-columns: minmax(0, 1fr) 400px; }
.rp-head { align-items: flex-start; }
.rp-title { font-size: 30px; margin-top: 4px; overflow-wrap: anywhere; }
.rp-back { display: none; margin-bottom: 4px; }
.rp-private { border-color: var(--line-2); }
.rp-private .h3 .ic { vertical-align: -4px; }

/* the five sections */
.rp-sections .sec-h .h3 { display: inline-flex; align-items: baseline; gap: 4px; }
.rp-item { align-items: flex-start; }
.rp-item .t { overflow-wrap: anywhere; }
.rp-toggles { margin-top: 6px; }
.rp-check { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--ink-2); min-height: 32px; cursor: pointer; }
.rp-check input { width: 18px; height: 18px; accent-color: var(--accent); margin: 0; }
.rp-gaps { margin-top: 4px; padding-inline-start: 18px; list-style: disc; }
.rp-issues { margin-top: 4px; padding-inline-start: 18px; list-style: disc; }
.rp-add > summary { font-weight: 500; }

/* preview sheet (also the only thing printed) */
.rp-sheet { padding: 20px 22px; }
.rp-sheet-title { font-size: 26px; overflow-wrap: anywhere; }
.rp-sheet ul { list-style: none; }
.rp-excluded { display: flex; flex-direction: column; gap: 6px; }
.rp-excluded li { display: flex; flex-direction: column; gap: 1px; padding-bottom: 6px; border-bottom: 1px solid var(--line); }
.rp-excluded li:last-child { border-bottom: 0; }
.rp-bytes { max-height: 320px; overflow: auto; }

/* previous reports: rows of the design's history list, as real buttons */
.rp-hist { width: 100%; text-align: start; cursor: pointer; border-radius: 8px; }
.rp-hist:hover { background: var(--surface-2); }
.rp-hist.is-sel { background: var(--accent-soft); }
.rp-hist bdi { font-weight: 500; }

.w4b-fold > summary { cursor: pointer; font-size: 13px; color: var(--ink-2); padding: 6px 0; }
.w4b-fold[open] > summary { margin-bottom: 6px; }

@media (max-width: 1023px) {
  .rp-split { grid-template-columns: 1fr; }
  .rp-split[data-view="list"] .rp-aside { order: -1; }
  .rp-back { display: inline-flex; }
}
@media (max-width: 640px) {
  .rp-page .btn, .rp-page .seg button, .rp-hist, .rp-check { min-height: 44px; }
  .rp-page .input, .rp-page .select, .rp-page .textarea { font-size: 16px; }
  .rp-title { font-size: 26px; }
  .rp-item { flex-wrap: wrap; }
  .w4b-fold > summary { min-height: 44px; display: flex; align-items: center; }
}

@media print {
  body.rp-printing * { visibility: hidden !important; }
  body.rp-printing .rp-sheet, body.rp-printing .rp-sheet * { visibility: visible !important; }
  body.rp-printing .rp-sheet { position: absolute; inset-inline: 0; top: 0; border: 0; background: #fff; color: #000; }
}