/* web viewer additions (loaded after catalog.css) */
body.webview { background: #081310; padding-top: 56px; }
.webbar { position: fixed; top: 0; left: 0; right: 0; height: 56px; z-index: 1000;
  background: rgba(12,26,23,.94); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  display: flex; align-items: center; gap: 14px; padding: 0 16px;
  border-bottom: 1px solid rgba(255,255,255,.08); }
.wb-brand { display: flex; align-items: center; gap: 9px; text-decoration: none; }
.wb-brand img { height: 30px; filter: brightness(0) invert(1); }
.wb-title { color: #fff; font-weight: 800; font-size: 14px; line-height: 1.05; letter-spacing: -.01em; }
.wb-title small { display: block; font-size: 8px; color: #19c37d; font-weight: 800; letter-spacing: .22em; margin-top: 2px; }
.wb-name { color: rgba(255,255,255,.6); font-size: 13px; font-weight: 600; border-left: 1px solid rgba(255,255,255,.14); padding-left: 14px; }
.webbar .sp { flex: 1; }
.btn-list { color: rgba(255,255,255,.75); font-size: 13px; font-weight: 600; text-decoration: none; padding: 9px 10px; white-space: nowrap; }
.btn-list:hover { color: #fff; }
.btn-dl { background: #0f9d58; color: #fff; font-weight: 700; font-size: 13px; padding: 9px 16px;
  border-radius: 999px; text-decoration: none; white-space: nowrap; }
.btn-dl:hover { background: #0a7a44; }
#wrap { margin: 18px auto 48px; overflow: hidden; }
#book { transform-origin: top left; }
body.webview .page { margin-bottom: 18px; box-shadow: 0 10px 44px rgba(0,0,0,.5); }
@media (max-width: 560px) { .wb-name { display: none; } .btn-list { display: none; } }
@media print {
  .webbar { display: none; }
  body.webview { padding-top: 0; background: #fff; }
  #wrap { margin: 0; width: auto !important; height: auto !important; overflow: visible; }
  #book { transform: none !important; }
  body.webview .page { margin-bottom: 0; box-shadow: none; }
}