/* The printed approval sheet.

   Two jobs. On screen it renders the sheet inside the slide-over as a sheet of
   paper — white ground, generous leading, a hairline border — so that what will
   come out of the printer is what is being looked at. On paper it removes
   everything else: the shell, the navigation, the panel chrome and the buttons
   that produced it.

   Printing the panel rather than a separate route is deliberate. A print page
   at its own URL would be a second rendering of the same record, and the two
   would drift — the version on screen is the one people check before signing. */

.paper{
  max-width:660px;margin:0 auto;padding:24px 28px;
  background:#fff;color:#111;
  border:1px solid var(--rule);
  font-size:13px;line-height:1.7;
}
.paper-org{
  text-align:center;font-family:var(--head);
  font-variation-settings:'wdth' 110,'wght' 600;font-size:15px;
}
.paper-title{text-align:center;margin:14px 0 20px;font-weight:600}
.paper-num{font-family:var(--mono);font-size:12px;font-weight:400}
.paper-list{margin:6px 0 0 18px;padding:0}
.paper-cmt{padding:6px 0;border-bottom:1px dotted var(--rule2)}
.paper-foot{margin-top:18px;font-size:11.5px;color:var(--ink3)}

/* Inside .paper the tables are part of the document, not part of the
   interface: no card background, no sticky header, no hover. */
.paper .tw{border:none;background:transparent;margin-top:6px}
.paper thead th{background:transparent;color:#111;border-bottom:1px solid #111}
.paper td{color:#111}
.paper tr.mine{box-shadow:none}

@media print{
  /* Everything except the sheet. The panel is a fixed overlay, so it has to be
     unpinned as well as unhidden, or it prints as one screen-sized page with
     the rest of the document blank behind it. */
  body > *{display:none !important}
  body > #panel-host{display:block !important}
  #panel-host .ov{position:static;background:none;display:block}
  #panel-host .win{
    position:static;width:auto;max-width:none;box-shadow:none;border:none;
    animation:none;
  }
  #panel-host .wh,#panel-host .wf{display:none !important}
  #panel-host .wb{overflow:visible;padding:0}
  .paper{border:none;max-width:none;padding:0}
}

/* The workspace's mark on the printed бланк.
   print-color-adjust because browsers drop backgrounds and flatten images when
   printing to save ink, and a logo that vanishes on paper is the one place it
   most needs to be. */
.paper-logo{display:block;margin:0 auto 10px;max-height:56px;max-width:280px;
  object-fit:contain;print-color-adjust:exact;-webkit-print-color-adjust:exact}