.document-preview-form { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.document-preview-form > button { align-self: end; }
.document-record { padding: 12px 0; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.document-record h3 { font-size: 16px; margin-bottom: 8px; }
.document-preview-result { margin-top: 20px; }
.document-admin-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.document-version-content { margin-top: 16px; }
@media (max-width: 950px) { .document-preview-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .document-preview-form { grid-template-columns: minmax(0, 1fr); } }
.document-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 20px 0; }
.document-summary > div { display: grid; gap: 6px; padding: 20px 22px; background: #fff; border: 1px solid var(--line); border-radius: 12px; }
.document-summary strong { color: var(--hess-navy); font-size: 18px; }
.document-summary span { color: #697185; font-size: 12px; }
.document-dialog { width: min(1260px, calc(100vw - 40px)); }
.document-dialog .bonus-card { padding: 20px 26px 26px; }
.document-loading { padding: 26px; }
.document-tabs { display: flex; gap: 25px; border-bottom: 1px solid var(--line); margin-bottom: 16px; }
.document-tabs button[aria-pressed=true] { color: #237d6e; border-bottom-color: #237d6e; }
.document-model-note { color: #5b6574; font-size: 12px; line-height: 1.6; }
.document-pdf-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-top: 16px; }
.document-pdf-toolbar label { flex: 1; max-width: 540px; }
.document-pdf-preview { background: #e7eaf0; min-height: 440px; border-radius: 8px; overflow: hidden; border: 1px solid #d7dde5; }
.document-pdf-preview iframe { display: block; width: 100%; height: 63dvh; min-height: 440px; border: 0; }
.document-pdf-preview > p { padding: 20px; }
.document-pdf-toc { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.document-pdf-toc button { border: 1px solid #dce2e9; border-radius: 6px; padding: 7px 10px; background: white; color: #386391; cursor: pointer; font: inherit; font-size: 11px; }
.document-dialog [hidden] { display: none !important; }
.document-version-content summary { cursor: pointer; font-weight: 700; }
.document-version-content .bonus-details { padding-bottom: 18px; }
@media(max-width:680px) {
 [data-document-admin] .bonus-pagination { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
 [data-document-admin] .bonus-pagination > span { grid-column: 1 / -1; grid-row: 1; text-align: center; }
 .document-summary { gap: 8px; grid-template-columns: 1fr; }
 .document-summary > div { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; gap: 12px; }
 .document-summary strong { font-size: 14px; }
 .document-summary span { font-size: 11px; text-align: right; }
 .document-dialog { width: calc(100vw - 12px); }
 .document-dialog .bonus-card { padding: 16px 12px; }
 .document-pdf-toolbar { flex-direction: column; align-items: stretch; gap: 12px; }
 .document-pdf-preview iframe { min-height: 380px; height: 58dvh; }
 .document-pdf-toc button { min-height: 40px; }
 .document-tabs { gap: 18px; }
}
@media(max-width:360px) { html:has([data-document-admin]) { min-width: 0; } }
.document-reader-toolbar { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 10px; background: #f5f6f9; border-bottom: 1px solid #d4dae3; }
.document-reader-toolbar button, .document-reader-toolbar select { width: auto; min-height: 36px; border: 1px solid #d4dae3; border-radius: 6px; background: white; padding: 6px 10px; font: inherit; font-size: 12px; cursor: pointer; }
.document-reader-toolbar button:disabled { opacity: .4; cursor: default; }
.document-reader-toolbar span { font-size: 12px; min-width: 85px; text-align: center; }
.document-reader-pages { height: 58dvh; min-height: 400px; overflow: auto; padding: 16px; }
.document-reader-pages canvas { display: block; margin: auto; background: white; box-shadow: 0 2px 12px #20283a20; }
.bonus-admin .document-reader-toolbar select { width: 110px; padding: 7px; }
.document-dialog.bonus-dialog { width: min(1260px, calc(100vw - 40px)); }
@media(max-width:680px) { .document-dialog.bonus-dialog { width: calc(100vw - 12px); } .document-reader-toolbar { gap: 7px; } .document-reader-pages { padding: 8px; } }
.document-dialog .bonus-dialog__toolbar > button { white-space: nowrap; flex-shrink: 0; }
@media(max-width:680px) { .document-pdf-toc { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; } .document-pdf-toc button { flex-shrink: 0; } }