/* 👣 Гости профиля (#2747, VIP) — «Тёплая сцена», поверх .li-* из «Входящих»; текст ≥14px, кнопки ≥44px, 360px. */
.vg-wrap { position: relative; display: inline-block; }
.vg-btn { position: absolute; right: -10px; bottom: -4px; width: 44px; height: 44px; padding: 0; border-radius: 50%; border: 2px solid #1b0c10; background: linear-gradient(#f6d58b, #e0a43a); font-size: 21px; line-height: 1; display: grid; place-items: center; box-shadow: 0 4px 14px rgba(224,164,58,.45); cursor: pointer; }
.vg-btn[hidden] { display: none; }
.vg-btn:focus-visible { outline: 2px solid #fbf1de; outline-offset: 2px; }
.vg-btn .vg-n { position: absolute; top: -6px; right: -8px; min-width: 22px; height: 22px; padding: 0 6px; box-sizing: border-box; border-radius: 11px; background: #e5333f; color: #fff; font: 800 14px/22px sans-serif; box-shadow: 0 0 0 2px #1b0c10; }
.vg-btn .vg-n[hidden] { display: none; }
.vg-btn.is-locked { background: #3a2410; border-color: rgba(242,196,109,.6); box-shadow: none; filter: saturate(.7); }
.vg-btn.is-locked .vg-n { background: #3a2410; color: #f6d58b; border: 1.5px solid rgba(242,196,109,.6); font-size: 12px; line-height: 19px; box-shadow: none; }
.vg-item { display: flex; flex-direction: column; gap: 8px; padding: 10px; border-radius: 14px; border: 1.5px solid rgba(242,196,109,.2); background: #241114; }
.vg-item.is-new { border-color: rgba(242,196,109,.6); background: #2c1518; box-shadow: inset 3px 0 0 #e0a43a; }
.vg-acts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.vg-acts button { min-height: 44px; padding: 0 8px; border-radius: 12px; font-family: inherit; font-size: 15px; font-weight: 700; line-height: 1.2; }
.vg-w { border: 1.5px solid rgba(242,196,109,.6); background: rgba(242,196,109,.12); color: #f6d58b; }
.vg-acts .vg-b { border: 1.5px solid rgba(229,51,63,.35); background: transparent; color: #f0a0a6; font-size: 14px; white-space: nowrap; }
.vg-blur .li-ava, .vg-blur .li-who b { filter: blur(5px); }
.vg-dim { position: fixed; inset: 0; z-index: 1590; background: rgba(10,4,6,.62); }
.vg-sheet { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1600; padding: 18px 16px calc(18px + env(safe-area-inset-bottom, 0px)); border-radius: 22px 22px 0 0; background: #241114; border-top: 1.5px solid rgba(242,196,109,.5); color: #fbf1de; text-align: center; }
.vg-sheet .vg-ico { font-size: 40px; }
.vg-sheet h3 { margin: 4px 0 6px; font-size: 20px; overflow-wrap: anywhere; }
.vg-sheet p { margin: 0 0 14px; font-size: 15px; line-height: 1.45; color: #cbb89c; }
.vg-sheet .vg-main { width: 100%; min-height: 50px; border: 0; border-radius: 14px; background: linear-gradient(#f6d58b, #e0a43a); color: #2a1a12; font-family: inherit; font-size: 17px; font-weight: 800; }
.vg-sheet .vg-main.vg-red { background: #c4303b; color: #fff; }
.vg-sheet .vg-sec { width: 100%; min-height: 46px; margin-top: 8px; border: 0; background: transparent; color: #cbb89c; font-family: inherit; font-size: 15px; font-weight: 600; }
@media (min-width: 700px) {
  .vg-ov { left: 50%; right: auto; width: 420px; transform: translateX(-50%); border-left: 1.5px solid rgba(242,196,109,.2); border-right: 1.5px solid rgba(242,196,109,.2); }
  .vg-sheet { left: 50%; right: auto; width: 420px; transform: translateX(-50%); box-sizing: border-box; }
}
.li-lock .li-lock-sub { font-weight: 600; color: #fbf1de; }