/* =====================================================================
   doc-viewer.css
   The shared document viewer modal: zoomable / pannable images and inline
   PDFs. Used by the applicant wizard (steps 9 & 10) and by the coordinator's
   profile + review screens, so it lives here rather than in site.css — the
   staff pages render under _ThemeLayout and never load site.css.

   Markup: Pages/Shared/_DocViewer.cshtml   Behaviour: wwwroot/js/doc-viewer.js
   ===================================================================== */

.gc-docview .modal-content { overflow: hidden; }
.gc-docview-header { gap: 0.5rem; align-items: center; flex-wrap: nowrap; }
.gc-docview-header .modal-title { min-width: 0; flex: 1 1 auto; }
.gc-docview-tools {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex: 0 0 auto;
}
.gc-docview-zoom {
    min-width: 3.2em;
    text-align: center;
    font-variant-numeric: tabular-nums;
    font-size: 0.82rem;
    color: var(--gc-muted, #6b7280);
}
.gc-docview-open { flex: 0 0 auto; }
.gc-docview-body { padding: 0; background: #1f2530; }
.gc-docview-stage {
    position: relative;
    width: 100%;
    height: min(78vh, 760px);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    touch-action: none;
}
.gc-docview-stage.is-pdf { height: min(82vh, 900px); background: #f4f7fb; }
.gc-docview-img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transform-origin: center center;
    transition: transform 0.08s ease-out;
    user-select: none;
    -webkit-user-drag: none;
}
.gc-docview-stage.is-zoomed { cursor: grab; }
.gc-docview-stage.is-zoomed .gc-docview-img { cursor: grab; }
.gc-docview-stage.is-zoomed .gc-docview-img:active { cursor: grabbing; }
.gc-docview-pdf {
    width: 100%;
    height: 100%;
    border: 0;
    background: #fff;
}