/* Structural + themed styles for the pdf.js viewer (class names match pdf-viewer.js) */
.pdf-shell { background: #0f172a; border-radius: 6px; overflow: hidden; box-shadow: 0 12px 40px -12px rgba(2, 6, 23, .5); }
.pdf-toolbar { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; padding: .6rem .75rem; background: #1e293b; border-bottom: 1px solid rgba(255,255,255,.06); }
.pdf-toolbar .pdf-tool {
  display: inline-grid; place-items: center; height: 36px; min-width: 36px; padding: 0 .5rem;
  border-radius: 10px; color: #cbd5e1; background: transparent; border: 0; cursor: pointer;
  transition: background .15s ease, color .15s ease, transform .1s ease;
}
.pdf-toolbar .pdf-tool:hover { background: rgba(255,255,255,.08); color: #fff; }
.pdf-toolbar .pdf-tool:active { transform: scale(.94); }
.pdf-indicator { color: #94a3b8; font-size: .8rem; font-weight: 500; padding: 0 .5rem; }
.pdf-divider { width: 1px; height: 22px; background: rgba(255,255,255,.1); margin: 0 .25rem; }

.annot-toolbar { display: none; gap: .65rem; align-items: center; flex-wrap: wrap; padding: .55rem .75rem; background: #172033; border-bottom: 1px solid rgba(255,255,255,.06); color: #cbd5e1; font-size: .8rem; }
.annot-toolbar.open { display: flex; }
.annot-toolbar select, .annot-toolbar input[type=range] { accent-color: #1740ad; }
.annot-toolbar select { background: #0f172a; color: #e2e8f0; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; padding: .25rem .5rem; }

.pdf-main { display: flex; height: 78vh; }
.pdf-sidebar { width: 148px; overflow-y: auto; background: #131c30; padding: .6rem; display: none; }
.pdf-sidebar.open { display: block; }
.pdf-sidebar .thumb-item { cursor: pointer; margin-bottom: .65rem; text-align: center; color: #94a3b8; font-size: .68rem; }
.pdf-sidebar .thumb-item canvas { width: 100%; border: 2px solid transparent; border-radius: 6px; transition: border-color .15s ease; }
.pdf-sidebar .thumb-item:hover canvas { border-color: rgba(23,64,173,.55); }
.pdf-sidebar .thumb-item.active canvas { border-color: #1740ad; }

.pdf-pages { flex: 1; overflow-y: auto; padding: 1.25rem; text-align: center; }
.pdf-page-container { position: relative; display: inline-block; margin: 0 auto 1rem; border-radius: 4px; overflow: hidden; box-shadow: 0 8px 28px rgba(0,0,0,.45); }
.pdf-page-container canvas { display: block; }
.pdf-page-container .annot-layer { position: absolute; inset: 0; touch-action: none; }

.pdf-loading, .pdf-error { color: #cbd5e1; }
.spinner-ring { width: 38px; height: 38px; border-radius: 50%; border: 3px solid rgba(255,255,255,.2); border-top-color: #ffc107; animation: pdf-spin .8s linear infinite; margin: 0 auto; }
@keyframes pdf-spin { to { transform: rotate(360deg); } }