/* Стили просмотра оригинала PDF (мобильный формат) и навигации
   по выделенным фрагментам. Подключается в lit_view.html. */


/* ---------- раскладка страницы просмотра ---------- */
/* плавающий док контактов не должен ложиться на панель PDF и её тулбар */
.contactdock{
  left:auto !important;right:16px !important;
  bottom:300px !important;
}
@media (max-width:1080px){
  .contactdock{
    right:10px !important;
    bottom:calc(150px + env(safe-area-inset-bottom)) !important;
  }
}
.lv__split{display:flex;flex-direction:column;gap:18px}
.lv__split__text{order:2}
.lv__split__orig{order:1}
@media (min-width:1080px){
  .lv__split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start}
  .lv__split__text{order:1}
  .lv__split__orig{order:2}
}
/* мягкая подсветка блока (фрагмент не найден точно) */
.lv__read .lv__hit{background:#fffbe8;border-left:3px solid #d6a400;padding-left:10px;margin-left:-13px;border-radius:0 8px 8px 0}
.lv__read .lv__soft{background:#f2f7ff;border-left:3px solid #9db8e8;padding-left:10px;margin-left:-13px;border-radius:0 8px 8px 0}

/* ---------- просмотр оригинала: окно в формате мобильного приложения ---------- */
.lv__ov{
  position:sticky;top:14px;display:flex;flex-direction:column;
  border:1px solid var(--line);border-radius:14px;background:var(--surface);
  overflow:hidden;z-index:12;
}
.lv__ov__bar{
  display:flex;align-items:center;gap:10px;padding:9px 12px;
  border-bottom:1px solid var(--line);background:var(--surface-soft);
}
.lv__ov__name{
  flex:1 1 auto;min-width:0;font:600 13.5px/1.35 var(--sans);color:var(--ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.lv__ov__cnt{flex:none;font:600 12.5px/1.3 var(--mono);color:var(--muted);white-space:nowrap}
.lv__ov__cnt b{color:var(--ink);font-weight:700}
.lv__ov__slash{margin:0 5px;color:var(--muted)}

.lv__ov__search{
  display:flex;align-items:center;gap:6px;padding:8px 10px;
  border-bottom:1px solid var(--line);background:var(--surface);
}
.lv__ov__search[hidden]{display:none}
.lv__ov__q{
  flex:1 1 auto;min-width:0;height:34px;padding:0 10px;
  border:1px solid var(--line);border-radius:9px;background:#fff;
  font:400 13.5px/1.3 var(--sans);color:var(--ink);
}
.lv__ov__q:focus{outline:2px solid var(--accent-soft);outline-offset:1px}
.lv__ov__sb{
  flex:none;width:34px;height:34px;position:relative;display:block;
  border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer;
}
.lv__ov__sb svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lv__ov__sb:hover{border-color:var(--accent)}
.lv__ov__sres{flex:none;max-width:44%;font:400 11.5px/1.3 var(--sans);color:var(--muted);overflow-wrap:anywhere}

.lv__ov__scroll{
  max-height:min(70vh,780px);overflow-y:auto;overflow-x:auto;overscroll-behavior:contain;
  background:#eef1f5;padding:10px;
}
.lv__ov__pages{
  display:flex;flex-direction:column;align-items:center;gap:14px;
  width:max-content;min-width:100%;
}
.lv__ov__leaf{margin:0;width:max-content;max-width:none}
.lv__ov__leaf__img{
  background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;
  display:block;min-height:60px;
}
.lv__ov__leaf.is-marked .lv__ov__leaf__img{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.lv__ov__leaf__img canvas{display:block;margin:0 auto;max-width:none}
.lv__ov__err{padding:16px;font:400 13.5px/1.5 var(--sans);color:var(--ink)}
.lv__ov__why{color:var(--muted)}
.lv__ov__err a{color:var(--accent)}

/* панель деталей / закладок / ссылок */
.lv__ov__panel{
  border-top:1px solid var(--line);background:var(--surface);
  padding:10px 12px;font:400 13px/1.5 var(--sans);color:var(--ink);
}
.lv__ov__panel[hidden]{display:none}
.lv__ov__ph{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.lv__ov__ph b{font:700 13.5px/1.3 var(--sans)}
.lv__ov__px{
  margin-left:auto;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);
  background:#fff;color:var(--muted);cursor:pointer;font:400 13px/1 var(--sans);
}
.lv__ov__px:hover{color:var(--ink)}
.lv__ov__dl{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:0 0 8px}
.lv__ov__dl dt{color:var(--muted)}
.lv__ov__dl dd{margin:0;overflow-wrap:anywhere}
.lv__ov__p{margin:0 0 6px;color:var(--muted)}
.lv__ov__ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.lv__ov__lnk{
  border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer;
  padding:5px 10px;font:400 12.5px/1.3 var(--sans);color:var(--accent);
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.lv__ov__lnk:hover{border-color:var(--accent)}
.lv__ov__openlink{display:inline-block;margin-top:4px;color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-soft)}

/* нижний тулбар с круглыми иконками */
.lv__ov__tools{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  padding:8px 10px;border-top:1px solid var(--line);background:var(--surface-soft);
}
.lv__ov__row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.lv__ov__b{
  width:42px;height:42px;flex:none;position:relative;display:block;
  border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer;
}
.lv__ov__b svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.lv__ov__b:hover{border-color:var(--accent);color:var(--accent)}
.lv__ov__b[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}

/* ---------- навигация по выделенным фрагментам ---------- */
.lv__jump{position:sticky;top:70px;z-index:9;display:none;margin:0 0 14px;padding:10px 14px;background:#fff8dd;border:1px solid #e5c860;border-radius:12px;font:400 13.5px/1.5 var(--sans);color:var(--ink);align-items:center;gap:10px;flex-wrap:wrap}
.lv__jump.is-on{display:flex}
.lv__jump b{font-weight:700}
.lv__jump__nav[hidden]{display:none}
.lv__jump__nav{display:flex;align-items:center;gap:6px;flex:none}
.lv__jump__nb{
  width:30px;height:30px;border:1px solid #e5c860;border-radius:50%;background:#fff;
  color:var(--ink);cursor:pointer;font:600 15px/1 var(--sans);
}
.lv__jump__nb:hover{background:#ffe9a3}
.lv__jump__nb[disabled]{opacity:.4;cursor:default}
.lv__jump__cnt{font:600 12.5px/1.3 var(--mono);color:#8a6a00;white-space:nowrap;min-width:44px;text-align:center}
.lv__jump__x{margin-left:auto;background:none;border:1px solid var(--line);border-radius:9px;padding:4px 10px;font:600 12.5px/1.4 var(--sans);color:var(--muted);cursor:pointer;white-space:nowrap}
.lv__jump__x:hover{color:var(--ink)}
.lv__jump__close{
  flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);
  background:#fff;color:var(--muted);cursor:pointer;font:400 13px/1 var(--sans);
}
.lv__jump__close:hover{color:var(--ink)}
.lv__read mark.lv__hl{background:#fff2a8;color:inherit;padding:1px 2px;border-radius:3px;box-shadow:0 0 0 1px rgba(214,164,0,.25)}
.lv__read mark.lv__hl.lv__cur{background:#ffd54a;box-shadow:0 0 0 2px #d6a400}

@media (max-width:1079px){
  .lv__ov{position:static}
  .lv__ov__scroll{max-height:72vh}
}
@media (max-width:640px){
  .lv__ov__scroll{padding:8px}
  .lv__ov__b{width:40px;height:40px}
  .lv__ov__b svg{width:18px;height:18px}
  /* тулбар — внизу экрана, поверх контента, с учётом «безопасной зоны» */
  .lv__ov__tools{
    position:fixed;left:0;right:0;bottom:0;z-index:45;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom));
    border-top:1px solid var(--line);border-radius:0;
    background:rgba(255,255,255,.96);backdrop-filter:saturate(140%) blur(8px);
    box-shadow:0 -8px 24px rgba(39,58,75,.10);
  }
  /* место под закреплённый тулбар, чтобы текст не перекрывался */
  .lv__ov__scroll{padding-bottom:14px}
  .lv__ov__sres{max-width:38%}
  /* место под закреплённый тулбар, чтобы текст не перекрывался */
  .lv{padding-bottom:calc(124px + env(safe-area-inset-bottom))}
}