/* Cone PDF Viewer base */
.cone-pdf-viewer{border:none;overflow:visible;background:#fff;max-width:100%;width:auto}
.cpv_stage{display:flex;align-items:center;justify-content:center;background:#fafbfc;overflow:hidden}
.cpv_toolbar{display:flex;gap:8px;align-items:center;padding:8px;flex-wrap:wrap;position:sticky;bottom:0}
.cpv_btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;text-decoration:none}
.cpv_btn:hover{background:#fafafa}
.cpv_sep{width:1px;height:22px;background:#e0e0e0}
.cpv_flex{flex:1}
.cpv_canvas{max-width:100%;height:auto;box-shadow:0 2px 8px rgba(0,0,0,.06);background:#fff}

/* Thumbnails - robust horizontal row */
.cpv_thumbs_wrap{width:100%; overflow:hidden}
.cpv_thumbs{ display:flex !important; flex-wrap:nowrap !important; align-items:flex-start !important;
  overflow-x:auto !important; overflow-y:hidden !important; gap:8px !important; padding:8px; background:#fff; border-top:1px solid #eee; }
.cpv_thumb{ flex:0 0 auto !important; display:block !important; border:1px solid #ddd; border-radius:6px; background:#fff; position:relative }
.cpv_thumb canvas{ width:var(--cpv-thumb-w, 120px) !important; height:auto !important; max-width:none !important; display:block !important }
.cpv_thumb .cpv_idx{position:absolute;right:6px;bottom:6px;padding:2px 6px;font-size:11px;background:rgba(0,0,0,.6);color:#fff;border-radius:4px}
.cpv_thumb:hover{ box-shadow:0 0 0 2px #9ec5fe inset; border-color:#9ec5fe }
.cpv_thumb.active{ box-shadow:0 0 0 2px #3b82f6 inset; border-color:#3b82f6 }

/* Arrows for thumbs (shown only when scrollable) */
.cpv_arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.9);border:1px solid #ddd;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.cpv_arrow:hover{background:#fff}
.cpv_arrow.left{left:6px}
.cpv_arrow.right{right:6px}
.cpv_thumbs_wrap.hide-arrows .cpv_arrow{display:none}