/* OneGIG document viewer (/view, js/doc-viewer.js) inside the shell.
   Scoped under .dv-page. */
.dv-page{--teal:#003D44; --ink:#02373D; --green:#48822A; --lime:#C1FA00; --line:#E4E9EA; --bg:#F5F7F7; color:var(--ink); font-size:16px; line-height:1.6; padding-block-end:40px;}
.dv-page *, .dv-page *::before, .dv-page *::after{box-sizing:border-box;}
.dv-page .dv-bar{display:flex; align-items:center; gap:14px; border:1px solid var(--line); border-radius:12px; background:#fff; padding:14px 18px; margin-block-end:16px;}
.dv-page .dv-ic{position:relative; flex:0 0 auto; display:inline-flex; color:var(--teal);}
.dv-page .dv-ic em{position:absolute; inset-block-end:-4px; inset-inline-start:50%; transform:translateX(-50%); font-style:normal; font-size:9px; font-weight:700; letter-spacing:.04em; background:var(--lime); color:var(--teal); border-radius:4px; padding:0 3px; line-height:14px;}
[dir="rtl"] .dv-page .dv-ic em{transform:translateX(50%);}
.dv-page .dv-name{flex:1; min-width:0; display:flex; flex-direction:column;}
.dv-page .dv-name b{font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dv-page .dv-name small{color:rgba(2,55,61,.6); font-size:13px; min-height:1em;}
.dv-page .dv-btn{flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; border-radius:999px; border:1px solid var(--line); background:#fff; color:var(--teal); padding:9px 18px; font:inherit; font-size:14px; font-weight:600; min-height:44px; text-decoration:none; cursor:pointer;}
.dv-page .dv-btn.lime{background:var(--lime); border-color:var(--lime);}
.dv-page .dv-btn.lime:hover{background:var(--green); border-color:var(--green); color:#fff;}
.dv-page .dv-body{border:1px solid var(--line); border-radius:12px; background:var(--bg); padding:16px; min-height:240px;}
.dv-page .dv-body.dv-pdf{display:flex; flex-direction:column; align-items:center; gap:14px;}
.dv-page .dv-pg{width:100%; max-width:900px; background:#fff; box-shadow:0 1px 3px rgba(2,55,61,.12); border-radius:4px; overflow:hidden;}
.dv-page .dv-pg canvas{display:block; width:100%; height:auto;}
.dv-page .dv-img, .dv-page .dv-vid{display:block; max-width:100%; max-height:80vh; margin:0 auto; border-radius:6px; background:#fff;}
.dv-page .dv-state{padding:32px 12px; text-align:center; color:rgba(2,55,61,.7);}
@media (max-width:560px){
  .dv-page .dv-bar{flex-wrap:wrap; padding:12px 14px;}
  .dv-page .dv-btn{width:100%; justify-content:center;}
  .dv-page .dv-body{padding:8px; border-radius:10px;}
  .dv-page .dv-body.dv-pdf{gap:8px;}
}