/* reports.css — Reports in two kinds (docs/briefs/reports-two-kinds.md, design Option B).
   The picker, the list rows, and the report page: a paper document (journal or letterhead invoice) beside a side
   panel. Documents are paper in both themes (fixed --paper-* colours), and the document itself is what prints. */

/* ── Paper and cover colours ───────────────────────────────────────────── */
#report-viewer, #report-modal, #view-reports {
  --paper: #FFFFFF; --paper-warm: #FFFBF2; --paper-ink: #1C1838; --paper-mid: #4A4568; --paper-line: #E6E1F7;
  --paper-violet: #6858F9; --paper-violet-ink: #5443E0; --paper-violet-dim: #ECE9FF; --paper-green: #0E7A52;
  --paper-lime: #C9F27A; --paper-lime-ink: #2F4A00; --paper-red: #B3261E;
  --font-hand: 'Caveat', 'Bradley Hand', 'Segoe Print', cursive;
}
.cover-default { --cover-from: #5443E0; --cover-to: #A33573; }
.cover-gradient-aurora { --cover-from: #0E5952; --cover-to: #1F7A60; }
.cover-gradient-sunset { --cover-from: #C2412D; --cover-to: #A8541B; }
.cover-gradient-ocean { --cover-from: #1D3557; --cover-to: #3A5FB5; }
.cover-gradient-forest { --cover-from: #2D4A3A; --cover-to: #4C6628; }
.cover-gradient-dusk { --cover-from: #6D2839; --cover-to: #A3336A; }

/* ── New report: Personal or Business ──────────────────────────────────── */
.rpt-kinds { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.rpt-kind { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 14px; text-align: left; border: 0; border-radius: 22px;
  background: var(--surface-2); box-shadow: inset 0 0 0 1.5px var(--border-hi); color: var(--text); font-family: var(--font-sans); cursor: pointer; }
.rpt-kind:hover { box-shadow: inset 0 0 0 1.5px var(--accent); }
.rpt-kind.selected { background: var(--accent-dim); box-shadow: inset 0 0 0 2px var(--accent); }
.rpt-kind:focus-visible { outline: 2px solid var(--accent-hi); outline-offset: 2px; }
.rpt-kind-mini { position: relative; display: block; width: 100%; height: 132px; margin-bottom: 6px; border-radius: 12px; overflow: hidden; }
.rpt-kind-mini i { display: block; font-style: normal; }
.rpt-kind-mini.is-personal { background: var(--paper-warm); }
.rpt-kind-mini .m-cover { padding: 9px 11px; background: linear-gradient(120deg, #5443E0, #A33573); color: #fff; }
.rpt-kind-mini .m-cover b { display: block; font: 800 13px var(--font-display); }
.rpt-kind-mini .m-cover small { font-size: 10.5px; }
.rpt-kind-mini .m-pol { position: absolute; right: 12px; top: 48px; width: 62px; height: 60px; padding: 4px 4px 12px; background: #fff; box-shadow: 0 4px 12px rgba(40,25,120,.22); transform: rotate(5deg); }
.rpt-kind-mini .m-pol::before { content: ""; display: block; height: 100%; background: linear-gradient(180deg, #9EDCFF 0 45%, #4F7BD8 45% 62%, #2D9E7E 62%); }
.rpt-kind-mini .m-l { height: 6px; margin: 8px 90px 0 12px; border-radius: 3px; background: var(--paper-line); }
.rpt-kind-mini .m-chip { position: absolute; left: 12px; bottom: 10px; padding: 3px 10px; border-radius: 999px; background: var(--paper-lime); color: var(--paper-lime-ink); font: 800 12px var(--font-display); transform: rotate(-4deg); }
.rpt-kind-mini.is-business { padding: 11px 12px; background: var(--paper); color: var(--paper-ink); box-shadow: inset 0 5px 0 var(--paper-violet); }
.rpt-kind-mini .m-head { display: flex; align-items: center; gap: 8px; margin-top: 2px; font-size: 12px; }
.rpt-kind-mini .m-head b { font-weight: 700; }
.rpt-kind-mini .m-logo { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 7px; background: var(--paper-ink); color: var(--paper-lime); font: 800 9.5px var(--font-display); }
.rpt-kind-mini .m-stamp { margin-left: auto; padding: 1px 6px; border: 2px solid var(--paper-green); border-radius: 5px; color: var(--paper-green); font: 800 8.5px var(--font-sans); text-transform: uppercase; transform: rotate(8deg); }
.rpt-kind-mini.is-business .m-l { margin-right: 12px; margin-left: 0; }
.rpt-kind-mini .m-total { display: flex; justify-content: space-between; margin-top: 12px; padding: 5px 8px; border-radius: 7px; background: var(--paper-violet-dim); font-size: 10.5px; font-weight: 700; }
.rpt-kind-mini .m-total b { color: var(--paper-violet-ink); }
.rpt-kind-tag { padding: 3px 10px; border-radius: 999px; background: var(--accent-dim); color: var(--accent-hi); font: 700 12px var(--font-sans); }
.rpt-kind[data-type="business"] .rpt-kind-tag { background: var(--pink-dim); color: var(--pink-ink); }
.rpt-kind-title { font: 700 16px var(--font-sans); color: var(--text); }
.rpt-kind-desc { font-size: 13.5px; line-height: 1.45; color: var(--text-mid); }
.rpt-for { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.rpt-for-label { margin-right: 4px; font: 700 13px var(--font-sans); color: var(--text-dim); }
.rpt-for-chip { height: 36px; padding: 0 14px; border: 0; border-radius: 999px; background: var(--surface-2); color: var(--text); font: 600 13.5px var(--font-sans); cursor: pointer; }
.rpt-for-chip.selected { background: var(--accent-dim); color: var(--accent-hi); box-shadow: inset 0 0 0 1.5px var(--accent); }
/* Editing shows both steps: the kind cards, then the title */
#rpt-modal-step1:not(.hidden) + #rpt-modal-step2:not(.hidden) { padding-top: 0; }
@media (max-width: 560px) { .rpt-kinds { grid-template-columns: 1fr; } .rpt-kind-mini { height: 112px; } }

/* ── Reports list: a thumbnail in each document's own look ─────────────── */
#view-reports .st-report.rd-row { grid-template-columns: 34px minmax(0, 1fr) 110px auto; min-height: 60px; }
.rd-thumb { width: 34px; height: 42px; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,.25); }
.rd-thumb.is-personal { background: linear-gradient(180deg, var(--cover-from) 0 32%, var(--paper-warm) 32%); }
.rd-thumb.is-business { background: var(--paper); box-shadow: inset 0 4px 0 var(--paper-violet), 0 2px 6px rgba(0,0,0,.25); }
@media (max-width: 768px) {
  #view-reports .st-report.rd-row { grid-template-columns: 34px minmax(0, 1fr) auto; }
  #view-reports .st-report.rd-row .rd-thumb { grid-column: 1; grid-row: 1 / 3; align-self: center; }
  #view-reports .st-report.rd-row .lg-ellip { grid-column: 2; grid-row: 1; }
  #view-reports .st-report.rd-row .st-report-total { grid-column: 3; grid-row: 1; }
  #view-reports .st-report.rd-row .st-rule-actions { grid-column: 2 / 4; grid-row: 2; }
}

/* ── The report page ───────────────────────────────────────────────────── */
#report-viewer { position: fixed; inset: 0; z-index: 500; display: flex; flex-direction: column; overflow: hidden; background: var(--bg); color: var(--text); font-family: var(--font-sans); }
#report-viewer.hidden { display: none; }
#report-viewer .rd-bar { flex: none; display: flex; align-items: center; gap: 10px; padding: 12px 20px; background: var(--surface); box-shadow: var(--shadow-sm); }
#report-viewer .rd-crumb { flex: 1; min-width: 0; display: flex; gap: 8px; align-items: baseline; overflow: hidden; white-space: nowrap; }
#report-viewer .rd-crumb span { color: var(--text-dim); font-size: 13.5px; font-weight: 600; }
#report-viewer .rd-crumb b { overflow: hidden; text-overflow: ellipsis; font-size: 15px; }
#report-viewer .rd-body { flex: 1; overflow-y: auto; padding: 28px 24px 60px; }
#report-viewer .rd-split { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 28px; align-items: start; max-width: 1140px; margin: 0 auto; }
#report-viewer .rd-paper { min-width: 0; }
#report-viewer .rd-dock { display: none; }
#report-viewer .rd-state { max-width: 760px; margin: 40px auto; padding: 28px; border-radius: var(--r-card, 24px); background: var(--surface); color: var(--text-mid); text-align: center; }
#report-viewer .rd-state.is-error { color: var(--text); }

/* Side panel */
#report-viewer .rd-panel { position: sticky; top: 0; display: flex; flex-direction: column; gap: 18px; padding: 18px; border-radius: var(--r-card, 24px); background: var(--surface); box-shadow: var(--shadow-sm); }
#report-viewer .rd-sec h4 { margin: 0 0 8px; font: 700 12px var(--font-sans); letter-spacing: .05em; text-transform: uppercase; color: var(--text-dim); }
#report-viewer .rd-chips, #report-viewer .rd-swatches { display: flex; flex-wrap: wrap; gap: 8px; }
#report-viewer .rd-chip { min-height: 36px; padding: 0 14px; border: 0; border-radius: 999px; background: var(--surface-2); color: var(--text); font: 600 13.5px var(--font-sans); cursor: pointer; }
#report-viewer .rd-chip:hover { background: var(--surface-3); }
#report-viewer .rd-chip.is-on { background: var(--accent-dim); color: var(--accent-hi); box-shadow: inset 0 0 0 1.5px var(--accent); }
#report-viewer .rd-sw { width: 30px; height: 30px; padding: 0; border: 0; border-radius: 50%; cursor: pointer; background: linear-gradient(120deg, var(--cover-from), var(--cover-to)); }
#report-viewer .rd-sw.is-on { box-shadow: 0 0 0 2px var(--surface), 0 0 0 4px var(--accent-hi); }
#report-viewer .rd-chip:focus-visible, #report-viewer .rd-sw:focus-visible { outline: 2px solid var(--accent-hi); outline-offset: 2px; }
#report-viewer .rd-hint { margin: 8px 0 0; font-size: 12.5px; color: var(--text-dim); }
#report-viewer .rd-field { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; font-size: 13.5px; color: var(--text-mid); }
#report-viewer .rd-field input, #report-viewer .rd-input { min-height: 38px; padding: 8px 12px; border: 1px solid var(--border); border-radius: var(--r-input, 14px); background: var(--surface-2); color: var(--text); font: 500 14px var(--font-sans); color-scheme: dark; }
[data-theme="light"] #report-viewer .rd-field input { color-scheme: light; }
#report-viewer .rd-input { width: 100%; resize: vertical; }
#report-viewer .rd-field input:focus, #report-viewer .rd-input:focus { outline: none; border-color: var(--accent); }
#report-viewer .rd-sheet-close { display: none; }
#report-viewer .rd-phone-only { display: none; }
#report-viewer .rd-phs { display: grid; gap: 8px; margin-bottom: 8px; }
#report-viewer .rd-phs:empty { display: none; }
#report-viewer .rd-ph { display: grid; grid-template-columns: 44px minmax(0, 1fr) 26px; gap: 8px; align-items: center; }
#report-viewer .rd-ph img { width: 44px; height: 44px; border-radius: 10px; object-fit: cover; }
#report-viewer .rd-ph .rd-x, #report-viewer .rd-pick .rd-x { width: 26px; height: 26px; padding: 0; border: 0; border-radius: 50%; background: var(--surface-2); color: var(--text); cursor: pointer; }
#report-viewer .rd-pick { list-style: none; margin: 8px 0 0; padding: 0; }
#report-viewer .rd-pick li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 13.5px; }
#report-viewer .rd-pick li.rd-hint { display: block; border: 0; }
#report-viewer .rd-pick b { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 600; }
#report-viewer .rd-pick small { color: var(--text-dim); font-size: 12px; }
#report-viewer .rd-pick-amt { font-variant-numeric: tabular-nums; color: var(--text-mid); }
#report-viewer .rd-pick .rd-chip { min-height: 32px; padding: 0 12px; }

/* ── The document (shared) ─────────────────────────────────────────────── */
.rd-doc { position: relative; max-width: 760px; margin: 0 auto; overflow: hidden; border-radius: 18px; background: var(--paper); color: var(--paper-ink);
  box-shadow: var(--shadow-lg); font-family: var(--font-sans); line-height: 1.45; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.rd-doc small { color: var(--paper-mid); }
.rd-doc .rd-x { width: 26px; height: 26px; padding: 0; border: 0; border-radius: 50%; background: var(--paper-violet-dim); color: var(--paper-violet-ink); font: 700 16px/1 var(--font-sans); cursor: pointer; }
.rd-doc .rd-x:hover { background: #FFE1DC; color: var(--paper-red); }
.rd-doc .rd-placeholder { color: var(--paper-mid); font-style: italic; }
.rd-doc .rd-empty { padding: 26px 0; color: var(--paper-mid); text-align: center; }
.rd-foot { display: flex; justify-content: space-between; gap: 16px; margin-top: 26px; padding-top: 12px; border-top: 1.5px solid var(--paper-line); font-size: 12px; color: var(--paper-mid); }

/* Personal: a journal page on warm dotted paper */
.rd-journal { padding: 32px 38px 26px; background-color: var(--paper-warm);
  background-image: radial-gradient(rgba(104,88,249,.10) 1.2px, transparent 1.3px); background-size: 18px 18px; }
.rd-cover-photo { margin: -32px -38px 22px; height: 220px; overflow: hidden; }
.rd-cover-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rd-washi { display: inline-block; padding: 5px 18px; background: linear-gradient(120deg, var(--cover-from), var(--cover-to)); color: #fff; font: 700 13px var(--font-sans);
  transform: rotate(-2deg); box-shadow: 0 2px 6px rgba(28,24,56,.15); }
.rd-title { margin: 14px 0 4px; font: 800 38px/1.05 var(--font-display); letter-spacing: -.01em; color: var(--paper-ink); overflow-wrap: anywhere; }
.rd-journal.font-hand .rd-title { font: 700 56px/1 var(--font-hand); letter-spacing: 0; }
.rd-note { margin: 0; font-size: 15px; color: var(--paper-mid); }
.rd-journal.font-hand .rd-note { font: 600 22px/1.25 var(--font-hand); color: var(--cover-from); }
.rd-strip { display: flex; flex-wrap: wrap; gap: 16px; margin: 24px 0 8px; }
.rd-pol { position: relative; width: 158px; margin: 0; padding: 8px 8px 30px; background: #fff; box-shadow: 0 8px 22px rgba(40,25,120,.2); transform: rotate(-3deg); }
.rd-pol:nth-child(2) { transform: rotate(2deg); margin-top: 10px; }
.rd-pol:nth-child(3) { transform: rotate(-1deg); }
.rd-pol:nth-child(4) { transform: rotate(3deg); margin-top: 6px; }
.rd-pol img { display: block; width: 100%; height: 118px; object-fit: cover; }
.rd-pol i { position: absolute; top: -9px; left: 50%; width: 58px; height: 18px; margin-left: -29px; background: rgba(201,242,122,.85); transform: rotate(-4deg); }
.rd-pol figcaption { position: absolute; left: 10px; right: 10px; bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font: 700 18px var(--font-hand); color: var(--paper-mid); }
.rd-pol .rd-x { position: absolute; top: 4px; right: 4px; }
.rd-pol.is-add { display: grid; place-items: center; align-content: center; gap: 2px; height: 156px; width: 140px; border: 2px dashed rgba(104,88,249,.5); background: transparent; box-shadow: none;
  color: var(--paper-violet-ink); font: 700 14px var(--font-sans); cursor: pointer; transform: rotate(2deg); }
.rd-pol.is-add small { font-weight: 600; }
.rd-ticket { display: grid; grid-template-columns: minmax(0, 1fr) 178px; gap: 24px; align-items: start; margin-top: 20px; }
.rd-lines { list-style: none; margin: 0; padding: 0; }
.rd-line { display: grid; grid-template-columns: 54px minmax(0, 1fr) auto auto; gap: 10px; align-items: baseline; padding: 9px 0; border-bottom: 1.5px dashed var(--paper-line); font-size: 14.5px; }
.rd-line .rd-d { font-size: 12.5px; font-weight: 600; color: var(--paper-mid); }
.rd-line-main { min-width: 0; }
.rd-line-name { display: block; overflow-wrap: anywhere; }
.rd-line small { display: block; font-size: 12px; }
.rd-amt { font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.rd-amt.is-in { color: var(--paper-green); }
.rd-line .rd-x { align-self: center; }
.rd-sticker { position: sticky; top: 12px; display: grid; place-items: center; align-content: center; width: 170px; height: 170px; border-radius: 50%; text-align: center;
  background: var(--paper-lime); color: var(--paper-lime-ink); transform: rotate(-8deg); box-shadow: 0 6px 0 rgba(47,74,0,.15); }
.rd-sticker small { color: var(--paper-lime-ink); font-weight: 700; font-size: 12.5px; }
.rd-sticker b { display: block; margin: 2px 0; font: 800 28px/1 var(--font-display); }

/* Business: a letterhead invoice */
.rd-letter { padding: 0; }
.rd-band { height: 10px; background: var(--paper-violet); }
.rd-letter-in { padding: 32px 42px 30px; }
.rd-letter-h { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.rd-logo { display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 14px; border-radius: 14px; object-fit: contain; }
.rd-logo.is-initials { background: var(--paper-ink); color: var(--paper-lime); font: 800 19px var(--font-display); }
.rd-inv-word { font: 800 44px/1 var(--font-display); letter-spacing: .02em; }
.rd-letter-h small { display: block; margin-top: 4px; font-size: 14px; font-weight: 600; }
.rd-from { text-align: right; font-size: 13.5px; line-height: 1.5; overflow-wrap: anywhere; max-width: 50%; }
.rd-from b { font-size: 15px; }
.rd-stamp { display: table; margin: 14px 0 0 auto; padding: 6px 14px; border: 2.5px solid currentColor; border-radius: 10px; font: 800 14px var(--font-sans);
  text-transform: uppercase; letter-spacing: .06em; transform: rotate(8deg); }
.rd-stamp.is-draft { color: var(--paper-mid); }
.rd-stamp.is-sent { color: var(--paper-green); }
.rd-stamp.is-paid { color: var(--paper-violet-ink); }
.rd-stamp.is-overdue { color: var(--paper-red); }
.rd-meta { display: flex; flex-wrap: wrap; gap: 14px 36px; margin: 26px 0 10px; font-size: 14px; }
.rd-meta small { display: block; font-size: 11.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.rd-table { width: 100%; margin-top: 12px; border-collapse: collapse; font-size: 14px; }
.rd-table th { padding: 8px 6px; border-bottom: 1.5px solid var(--paper-ink); color: var(--paper-mid); font-size: 11.5px; letter-spacing: .05em; text-align: left; text-transform: uppercase; }
.rd-table td { padding: 10px 6px; font-weight: 400; border-bottom: 1px solid var(--paper-line); vertical-align: top; overflow-wrap: anywhere; }
.rd-table .rd-n, .rd-table .rd-d, .rd-table .rd-cat { color: var(--paper-mid); white-space: nowrap; }
.rd-table .rd-n { width: 28px; }
.rd-table .rd-r { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.rd-table td.rd-edit-only { width: 34px; padding: 6px 0 0 6px; }
.rd-tot { width: min(320px, 100%); margin: 18px 0 0 auto; font-size: 14px; }
.rd-tot > div { display: flex; justify-content: space-between; padding: 6px 0; font-variant-numeric: tabular-nums; }
.rd-sub { color: var(--paper-mid); }
.rd-due { margin-top: 4px; padding-top: 10px !important; border-top: 2px solid var(--paper-ink); font-weight: 800; font-size: 18px; }
.rd-letter .rd-foot .rd-note { font-size: 13px; color: var(--paper-mid); }

/* ── Narrower: panel under the document; phones: panel is a bottom sheet ── */
@media screen and (max-width: 1100px) {
  #report-viewer .rd-split { grid-template-columns: minmax(0, 1fr); }
  #report-viewer .rd-panel { position: static; max-width: 760px; width: 100%; margin: 0 auto; }
}
@media screen and (max-width: 760px) {
  #report-viewer .rd-bar { flex-wrap: wrap; padding: 10px 12px; }
  #report-viewer .rd-bar .is-primary, #report-viewer .rd-bar-edit { display: none; }
  #report-viewer .rd-body { padding: 14px 10px 96px; }
  #report-viewer .rd-dock { position: fixed; left: 12px; right: 12px; bottom: calc(14px + env(safe-area-inset-bottom, 0px)); z-index: 2; display: flex; gap: 8px; padding: 8px;
    border-radius: 999px; background: var(--surface); box-shadow: var(--shadow-md); }
  #report-viewer .rd-dock .lg-btn { flex: 1; min-height: 44px; }
  #report-viewer .rd-panel { position: fixed; top: auto; left: 0; right: 0; bottom: 0; z-index: 3; max-height: 78vh; overflow-y: auto; border-radius: 24px 24px 0 0;
    box-shadow: var(--shadow-bar, 0 -6px 24px rgba(0,0,0,.18)); transform: translateY(105%); visibility: hidden; transition: transform 220ms ease, visibility 0s linear 220ms; padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)); }
  #report-viewer.sheet-open .rd-panel { transform: none; visibility: visible; transition: transform 220ms ease; }
  #report-viewer.sheet-open .rd-dock { display: none; }
  #report-viewer .rd-sheet-close { display: block; align-self: flex-end; }
  #report-viewer .rd-phone-only { display: block; }
  #report-viewer .rd-field input { min-height: 44px; }
  #report-viewer .rd-chip { min-height: 44px; }
  .rd-journal { padding: 22px 18px 18px; }
  .rd-cover-photo { margin: -22px -18px 18px; height: 160px; }
  .rd-title { font-size: 30px; }
  .rd-journal.font-hand .rd-title { font-size: 42px; }
  .rd-ticket { grid-template-columns: 1fr; }
  .rd-sticker { position: static; width: 140px; height: 140px; justify-self: center; }
  .rd-sticker b { font-size: 23px; }
  .rd-pol { width: calc(50% - 8px); }
  .rd-pol img { height: 96px; }
  .rd-pol.is-add { width: calc(50% - 8px); height: 132px; }
  .rd-line { grid-template-columns: 46px minmax(0, 1fr) auto auto; font-size: 14px; }
  .rd-letter-in { padding: 22px 18px; }
  .rd-letter-h { flex-direction: column; }
  .rd-from { max-width: none; text-align: left; }
  .rd-stamp { margin-left: 0; }
  .rd-inv-word { font-size: 34px; }
  .rd-table .rd-cat, .rd-table th:nth-child(4) { display: none; }
}
@media (prefers-reduced-motion: reduce) { #report-viewer .rd-panel { transition: none; } }

/* ── Print: the document itself ────────────────────────────────────────── */
@media print {
  @page { margin: 12mm; }
  html, body { background: #fff !important; }
  body::before, body::after { display: none !important; }
  body.rd-open > *:not(#report-viewer) { display: none !important; }
  /* as before: the app itself never prints; the tax summary prints as its own page */
  .app-nav, #app-mobile-bottom-nav, .dash-subnav, .app-main, .rpt-fab-bar, #fx-toast-container, #report-modal, #report-modal-backdrop { display: none !important; }
  #tax-report-overlay { position: static !important; background: #fff !important; }
  #tax-report-overlay .tax-rpt-modal { max-height: none; overflow: visible; }
  #report-viewer { position: static; display: block; overflow: visible; background: #fff; }
  #report-viewer .rd-body { overflow: visible; padding: 0; }
  #report-viewer .rd-split { display: block; max-width: none; }
  #report-viewer .rd-bar, #report-viewer .rd-panel, #report-viewer .rd-dock, #report-viewer .rd-edit-only { display: none !important; }
  .rd-doc { max-width: none; border-radius: 0; box-shadow: none; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .rd-sticker { position: static; }
  .rd-line, .rd-letter tr { break-inside: avoid; }
  .rd-strip, .rd-tot, .rd-sticker { break-inside: avoid; }
}