@import url('/shared/sc001/pdfjs/pdf_viewer.css');
[data-pdf-related] button strong {display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.5;font-weight:550;}
[data-pdf-related] button span {display:block;color:#626a6e;font-size:12px;margin-top:7px;}
body.j7-document-preview-open { overflow: hidden; }
.j7-document-preview { box-sizing: border-box; display: grid; grid-template-rows: auto auto minmax(0,1fr) auto; width: min(1080px, calc(100vw - 40px)); height: min(900px, calc(100dvh - 64px)); max-width: none; max-height: none; margin: auto; padding: 0; overflow: hidden; border: 1px solid #dadde0; border-radius: 14px; background: #fff; color: #202428; box-shadow: 0 24px 80px #0005; font: 14px/1.5 var(--j7-font-family, Inter, Arial, sans-serif); }
.j7-document-preview:not([open]) { display: none; }
.j7-document-preview::backdrop { background: rgb(15 17 19 / 66%); backdrop-filter: blur(3px); }
.j7-document-preview * { box-sizing: border-box; }
.j7-document-preview button, .j7-document-preview input, .j7-document-preview select { font: inherit; }
.j7-document-preview button { cursor: pointer; }
.j7-document-preview button:disabled { cursor: default; opacity: .4; }
.j7-document-preview :focus-visible { outline: 3px solid #e57327; outline-offset: 2px; }
.j7-document-preview__header { display: flex; align-items: start; justify-content: space-between; gap: 20px; padding: 18px 22px; min-width: 0; border-bottom: 1px solid #e3e5e7; }
.j7-document-preview__header > div { min-width: 0; }
.j7-document-preview__header h2 { margin: 2px 0 4px; font-size: 18px; line-height: 1.35; font-weight: 650; overflow-wrap: anywhere; }
.j7-document-preview__header p { margin: 0; color: #626b72; font-size: 12px; overflow-wrap: anywhere; }
.j7-document-preview__header .j7-document-preview__eyebrow { color: #982a31; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.j7-document-preview [data-pdf-close] { flex: 0 0 34px; width: 34px; height: 34px; border: 1px solid #dce0e3; border-radius: 7px; background: #fff; color: #333b41; font-size: 24px; line-height: 1; }
.j7-document-preview__toolbar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px 16px; padding: 10px 18px; color: #fff; background: #272d32; font-size: 12px; }
.j7-document-preview__control-group { display: flex; align-items: center; gap: 6px; }
.j7-document-preview__toolbar button, .j7-document-preview__toolbar select, .j7-document-preview__toolbar input { min-height: 32px; margin: 0; padding: 4px 9px; border: 1px solid #556068; border-radius: 5px; color: #fff; background: #353d44; }
.j7-document-preview__toolbar button { min-width: 32px; }
.j7-document-preview__toolbar label { display: flex; align-items: center; gap: 6px; }
.j7-document-preview__toolbar input { width: 48px; }
.j7-document-preview__toolbar select { max-width: 110px; }
.j7-document-preview { grid-template-rows: auto auto auto minmax(0,1fr) auto; }
.j7-document-preview__header { grid-row: 1; }
.j7-document-preview__toolbar { grid-row: 2; }
.j7-document-preview__find { grid-row: 3; }
.j7-document-preview__body { grid-row: 4; }
.j7-document-preview__receipt { grid-row: 5; }
.j7-document-preview__body { display: flex; min-height: 0; min-width: 0; position: relative; }
.j7-document-preview__viewport { position: relative; flex: 1; min-width: 0; min-height: 0; }
.j7-document-preview__canvas { position: absolute; inset: 0; overflow: auto; padding: 14px 0; background: #d8dbde; overscroll-behavior: contain; scrollbar-gutter: stable; }
.j7-document-preview__loading { position: absolute; inset: 0; pointer-events: none; }
.j7-document-preview__loading button { pointer-events: auto; }
.j7-document-preview__contents { flex: 0 0 240px; overflow: auto; padding: 18px; border-right: 1px solid #dce0e3; background: #f7f8f9; font-size: 12px; }
.j7-document-preview__contents h3 { margin: 0 0 16px; font-size: 15px; }
.j7-document-preview__contents ol { list-style: none; padding: 0; margin: 0; }
.j7-document-preview__contents ol ol { padding-left: 12px; border-left: 1px solid #dce0e3; }
.j7-document-preview__contents button { display: block; width: 100%; padding: 9px 8px; border: 0; border-radius: 5px; background: transparent; color: #30383d; text-align: left; font-size: inherit; }
.j7-document-preview__contents button:hover { background: #e7ecef; }
.j7-document-preview__find { display: flex; gap: 8px; align-items: center; padding: 8px 18px; border-bottom: 1px solid #dce0e3; font-size: 12px; }
.j7-document-preview__find label { display: flex; gap: 10px; align-items: center; flex: 1; }
.j7-document-preview__find input { min-width: 0; width: min(300px,100%); padding: 8px; border: 1px solid #aab3ba; border-radius: 5px; }
.j7-document-preview__find button { padding: 7px 12px; border: 1px solid #dce0e3; border-radius: 5px; background: white; }
.j7-document-preview .pdfViewer .page { box-sizing: content-box; }
.j7-document-preview .pdfViewer .textLayer span { font-family: sans-serif; }
.j7-document-preview__message { padding: 40px 12px 15px; color: #343d44; text-align: center; }
.j7-document-preview [data-pdf-retry] { display: block; margin: 0 auto; padding: 8px 18px; border: 1px solid #adb5bc; border-radius: 6px; background: #fff; color: #202428; }
.j7-document-preview [hidden] { display: none !important; }
.j7-document-preview__page { position: relative; margin: 0 auto; background: #fff; box-shadow: 0 3px 14px #0003; }
.j7-document-preview__page canvas { display: block; }
.j7-document-preview__text { position: absolute; inset: 0; overflow: clip; opacity: 1; line-height: 1; text-align: initial; text-size-adjust: none; forced-color-adjust: none; transform-origin: 0 0; caret-color: CanvasText; --scale-round-x: 1px; --scale-round-y: 1px; --min-font-size: 1; --text-scale-factor: calc(var(--total-scale-factor) * var(--min-font-size)); --min-font-size-inv: calc(1 / var(--min-font-size)); }
.j7-document-preview__text :is(span,br) { position: absolute; color: transparent; white-space: pre; cursor: text; transform-origin: 0 0; }
.j7-document-preview__text > :not(.markedContent), .j7-document-preview__text .markedContent span:not(.markedContent) { z-index: 1; --font-height: 0; font-size: calc(var(--text-scale-factor) * var(--font-height)); --scale-x: 1; --rotate: 0deg; transform: rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv)); }
.j7-document-preview__text .markedContent { display: contents; }
.j7-document-preview__text ::selection { background: rgb(0 100 255 / 25%); }
.j7-document-preview__receipt { min-height: 0; margin: 0; padding: 0 20px; color: #555f67; background: #fff; font-size: 12px; }
.j7-document-preview__receipt:not(:empty) { padding-block: 8px; border-top: 1px solid #dce0e3; }
@media (max-width: 600px) {
  .j7-document-preview { width: calc(100vw - 16px); height: calc(100dvh - 24px); border-radius: 10px; }
  .j7-document-preview__header { padding: 13px; gap: 10px; }
  .j7-document-preview__header h2 { font-size: 15px; }
  .j7-document-preview__toolbar { padding: 8px; gap: 7px; }
  .j7-document-preview__toolbar button, .j7-document-preview__toolbar select, .j7-document-preview__toolbar input { min-height: 44px; }
  .j7-document-preview__toolbar button { min-width: 44px; }
  .j7-document-preview__toolbar > [data-pdf-download] { width: 100%; }
  .j7-document-preview__toolbar .j7-document-preview__control-group { gap: 6px; }
  .j7-document-preview__toolbar input { width: 42px; }
  .j7-document-preview__toolbar select { max-width: 120px; padding-inline: 6px; }
  .j7-document-preview__canvas { padding: 10px 0; }
  .j7-document-preview__contents { position: absolute; inset: 0 auto 0 0; width: min(85%,300px); z-index: 4; box-shadow: 8px 0 30px #0003; }
  .j7-document-preview__find { padding: 8px; flex-wrap: wrap; }
  .j7-document-preview__find label { min-width: 100%; }
}