/* Trình đọc PDF riêng (/doc-online/<slug>/pdf). Không dùng style= inline (CSP chặt). */
.pdf-hd{display:flex;gap:14px;align-items:center;margin:8px 0 14px}
.pdf-hd h1{font-size:1.25rem;margin:0 0 4px}
.pdf-hd-cover{flex:0 0 56px}
.pdf-hd-cover .cover{width:56px;height:auto;aspect-ratio:2/3;object-fit:cover}
.pdf-bar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;padding:8px;background:var(--bg,#fff);border-bottom:1px solid var(--line,#ddd)}
.pdf-bar button{min-width:44px;min-height:44px;padding:0 10px;font-size:1.1rem;cursor:pointer}
.pdf-page{display:flex;gap:6px;align-items:center}
.pdf-page input{width:4.2rem;min-height:44px;text-align:center;font-size:1rem}
.pdf-stage{overflow:auto;padding:10px 0;text-align:center;background:#e9ecef;border-radius:var(--r,6px)}
.pdf-sheet{position:relative;display:inline-block;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);text-align:left}
.pdf-sheet canvas{display:block}
.pdf-text{position:absolute;inset:0;overflow:clip;line-height:1;text-size-adjust:none;transform-origin:0 0}
.pdf-text span,.pdf-text br{color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0 0}
.pdf-text ::selection{background:rgba(0,80,200,.3)}
.pdf-msg{text-align:center;margin:8px 0}
.pdf-preview{display:flex;flex-direction:column;gap:10px;align-items:center}
.pdf-img{max-width:100%;height:auto;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.pdf-bar-bottom{position:static;margin-top:8px;border-bottom:0;border-top:1px solid var(--line,#ddd)}
.pdf-bar-bottom button{flex:1;max-width:160px}