﻿.ShowFlex {
    display: flex !important;
}

.ShowBlock {
    display: block !important;
}

.ShowNone {
    display: none;
}


/* ===== Modern PDF report viewer (PDF.js) — shared by tracking (#ReportsViewer) and IoT (#divReportPanel) ===== */
.ReportViewer.pdfv { background:#2b2f36; display:none; flex-direction:column; overflow:hidden; }
.ReportViewer.pdfv.ShowFlex { display:flex; }
.pdfv-embedded { background:#2b2f36; display:flex; flex-direction:column; overflow:hidden; height:100%; }
.pdfv-toolbar { display:flex; align-items:center; justify-content:space-between; gap:10px; height:46px; padding:0 10px; background:rgba(28,31,37,.97); border-bottom:1px solid rgba(255,255,255,.08); color:#e8eaed; flex:0 0 auto; user-select:none; }
.pdfv-grp { display:flex; align-items:center; gap:6px; }
.pdfv-grp.pdfv-center { flex:1 1 auto; justify-content:center; }
.pdfv-title { font-weight:600; font-size:14px; display:flex; align-items:center; gap:7px; opacity:.92; }
.pdfv-title .fa-file-pdf { color:var(--MainColor); }
.pdfv-btn { width:32px; height:32px; border:0; background:transparent; color:#cdd2d8; border-radius:7px; cursor:pointer; font-size:14px; display:inline-flex; align-items:center; justify-content:center; transition:background .15s, color .15s; }
.pdfv-btn:hover { background:rgba(255,255,255,.1); color:#fff; }
.pdfv-close:hover { background:#d9534f; color:#fff; }
.pdfv-pageinfo { font-size:13px; color:#cdd2d8; display:flex; align-items:center; gap:6px; }
#pdfvPageNum { width:36px; text-align:center; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); color:#fff; border-radius:5px; height:26px; font-size:13px; }
.pdfv-zoom { font-size:13px; min-width:48px; text-align:center; color:#cdd2d8; }
.pdfv-div { width:1px; height:22px; background:rgba(255,255,255,.14); margin:0 6px; }
.pdfv-main { flex:1 1 auto; display:flex; min-height:0; }
.pdfv-thumbs { width:0; overflow-y:auto; background:rgba(18,20,24,.65); transition:width .18s ease; flex:0 0 auto; }
.pdfv-thumbs-on .pdfv-thumbs { width:152px; padding:10px 8px; }
.pdfv-thumb { cursor:pointer; margin-bottom:10px; text-align:center; border-radius:6px; padding:5px; border:2px solid transparent; }
.pdfv-thumb canvas { width:100%; box-shadow:0 1px 6px rgba(0,0,0,.5); border-radius:2px; background:#fff; display:block; }
.pdfv-thumb span { display:block; font-size:11px; color:#9aa0a6; margin-top:4px; }
.pdfv-thumb.active { border-color:var(--MainColor); }
.pdfv-thumb.active span { color:#fff; }
.pdfv-scroll { flex:1 1 auto; overflow:auto; padding:24px; display:flex; flex-direction:column; align-items:center; gap:18px; }
.pdfv-page { background:#fff; box-shadow:0 4px 22px rgba(0,0,0,.45); border-radius:2px; flex:0 0 auto; }
.pdfv-page canvas { display:block; border-radius:2px; }
.pdfv-loading { color:#cdd2d8; font-size:15px; margin:auto; display:flex; align-items:center; gap:10px; }
