/* Vake Park Residence — real-time 3D.
   Səhnə karkası app-shell.css-də, blok/şahmat/nişan sales.css-də.
   Burada bu demoya xas üç şey var: "kəsik" idarəsi, kamera seçicisi və
   ətraf nişanları. */

/* Kamera seçicisi rejim düymələrinin ALTINDA dayanır: ikisi yan-yana
   olsa, dar ekranda sətir qırılır və düymələr səhnəni örtür. */
.viewbar.cam { top: 52px }

/* QEYD: gün vaxtı seçicisinin "← Bütün kompleks" düyməsindən aşağı
   düşməsi artıq QLOBAL qaydadır (app-shell.css → .timesw top: 56px),
   ona görə buradaki ayrıca sürüşdürmə silindi. */

/* ---------- ətraf nişanları ----------

   Park, göl, dağ, şəhər — kompleksin dörd tərəfi. Blok nişanlarından
   qəsdən FƏRQLİ görünürlər: solğun, kiçik, bağlayıcı xətti yoxdur.
   Əks halda alıcı onları da klikləməli obyekt sanır. */
.pin.ctx span {
  background: color-mix(in srgb, var(--surface) 82%, transparent);
  color: var(--muted);
  font-size: 10.5px;
  padding: 3px 7px;
  border: 1px solid var(--line);
  box-shadow: none;
}
.pin.ctx b {
  font-size: 11.5px;
  color: var(--ink);
  letter-spacing: .01em;
}
.pin.ctx::after { display: none }

@media (max-width: 900px) {
  .pin.ctx { display: none }
}

/* ---------- ətraf siyahısı (yan panel) ---------- */
.around {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: grid;
  gap: 6px;
}
.around li {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  padding: 8px 11px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--surface);
}
.around b { font-family: var(--f-display); font-size: 13.5px }
.around span { font-size: 11.5px; color: var(--muted); text-align: right }

/* Yuxarı mərtəbələri gizlədən sürüşdürücü */
.cut {
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: var(--surface2);
  border-radius: 10px;
  padding: 12px;
}
.cut label {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  font-weight: 600;
}
.cut label span {
  font-family: var(--f-mono);
  color: var(--accent);
}
.cut input {
  width: 100%;
  accent-color: var(--accent);
}