/* ============================================================
   Доводка окна просмотра вещи: приписка под кнопками, честные
   пометки, стрелки перелистывания, всплывающее уведомление.
   Само окно принадлежит sections.css — здесь только добавки.
   ============================================================ */

.qv-hint{
  margin:.9rem 0 0;
  font-size:11.5px;
  line-height:1.5;
  color:var(--muted);
}

/* блок кнопок прижат к низу колонки — пометки занимают середину */
.qv-info .qv-actions{margin-top:auto;}

.qv-notes{
  margin:1.4rem 0 1.2rem;
  padding:1.2rem 0 0;
  border-top:1px solid var(--line);
  list-style:none;
  display:grid;
  gap:.55rem;
}
.qv-notes li{
  position:relative;
  padding-left:1.1rem;
  font-size:12px;
  line-height:1.45;
  color:var(--muted);
}
/* маркер — крошечный крест в тему бренда */
.qv-notes li::before{
  content:'✟';
  position:absolute;
  left:0; top:0;
  font-size:11px;
  line-height:1.5;
  color:var(--chrome-mid);
  opacity:.75;
}
body.is-demon .qv-notes li::before{color:var(--blood);}

/* ── Стрелки перелистывания вещей ── */
.qv-nav{
  position:fixed;
  top:50%;
  z-index:95;              /* поверх подложки окна, но ниже волны режимов */
  width:46px; height:46px;
  display:flex; align-items:center; justify-content:center;
  transform:translateY(-50%);
  background:rgba(5,5,8,.6);
  border:1px solid var(--line);
  border-radius:50%;
  color:var(--ink);
  font-size:1.5rem; line-height:1;
  cursor:pointer;
  transition:background-color .3s var(--ease-out), border-color .3s var(--ease-out), transform .3s var(--ease-out);
}
/* по краям экрана, вне панели: min() не даёт им наехать на панель 920px */
.qv-prev{left:max(12px, calc(50vw - 540px));}
.qv-next{right:max(12px, calc(50vw - 540px));}
.qv-nav:hover{background:rgba(5,5,8,.85); border-color:var(--chrome-mid);}
.qv-prev:hover{transform:translateY(-50%) translateX(-3px);}
.qv-next:hover{transform:translateY(-50%) translateX(3px);}
body.is-demon .qv-nav{background:rgba(10,4,6,.66);}
body.is-demon .qv-nav:hover{border-color:var(--blood);}

/* На телефоне стрелок нет: панель — шторка на весь экран, они спорили бы
   с крестиком, а перелистывать удобнее закрыв окно и тапнув соседнюю вещь */
@media (max-width:860px){
  .qv-nav{display:none;}
}

/* ── Всплывающее уведомление о скопированном сообщении ── */
.qv-toast{
  position:fixed;
  left:50%; bottom:26px;
  z-index:120;
  transform:translate(-50%,14px);
  max-width:min(520px,90vw);
  padding:.85em 1.3em;
  background:var(--bg-2);
  border:1px solid var(--line);
  border-radius:4px;
  color:var(--ink);
  font-size:12.5px;
  text-align:center;
  box-shadow:0 18px 48px rgba(0,0,0,.55);
  opacity:0;
  pointer-events:none;
  transition:opacity .35s var(--ease-out), transform .35s var(--ease-out);
}
.qv-toast.is-on{opacity:1; transform:translate(-50%,0);}

@media (prefers-reduced-motion:reduce){
  .qv-nav,.qv-toast{transition:none;}
}

/* ── Запасной путь копирования: текст заявки для ручного выделения ── */
.qv-manual{
  position:fixed; inset:0;
  z-index:130;
  display:none;
  align-items:center; justify-content:center;
  padding:1.5rem;
  background:rgba(5,5,8,.82);
}
.qv-manual.is-on{display:flex;}
.qv-manual p{
  margin:0 0 .6rem;
  font-size:12px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--muted);
}
.qv-manual textarea{
  display:block;
  width:min(560px,92vw);
  padding:1rem;
  background:var(--bg-2);
  border:1px solid var(--line);
  border-radius:4px;
  color:var(--ink);
  font:inherit; font-size:13px; line-height:1.5;
  resize:none;
}