/* L5 Shared People markers — emoji-sized */
.vw-shared-person-marker{display:flex;flex-direction:column;align-items:center;cursor:pointer;transform:translateZ(0)}
.vw-sp-body{width:26px;height:26px;border-radius:50%;background:#05050c;border:1.5px solid #ffc533;box-shadow:0 0 0 2px rgba(177,76,255,.5),0 1px 4px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;overflow:hidden;font:600 12px/1 system-ui,sans-serif;color:#ffc533}
.vw-sp-avatar{width:100%;height:100%;object-fit:cover}
.vw-sp-name{margin-top:2px;padding:0 4px;border-radius:6px;background:rgba(5,5,12,.85);color:#fff;font:500 9px/1.2 system-ui,sans-serif;white-space:nowrap;max-width:70px;overflow:hidden;text-overflow:ellipsis}
.vw-shared-person-marker.vw-sp-stale .vw-sp-body{box-shadow:0 0 0 2px rgba(177,76,255,.5),0 1px 4px rgba(0,0,0,.5)}
.vw-sp-sheet-bg{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:flex-end;z-index:6000}
.vw-sp-sheet{width:100%;max-width:640px;margin:0 auto;background:#0b0b16;border-top:2px solid #b14cff;border-radius:18px 18px 0 0;padding:18px 18px 30px;color:#fff}
.vw-sp-sheet-name{font:700 18px/1.2 system-ui,sans-serif;color:#ffc533;margin-bottom:10px}
.vw-sp-sheet-row{font:400 14px/1.5 system-ui,sans-serif;color:#d6d6e6}
.vw-sp-panel-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.06);font:400 12px/1.3 system-ui,sans-serif;color:#e8e8f2}
.vw-sp-panel-state{color:#ffc533}
.vw-sp-panel-empty{color:#888;padding:4px 0;font:400 12px/1.3 system-ui,sans-serif}

/* Live = radiant pulse (app open, publishing now) */
.vw-sp-live .vw-sp-body{position:relative;}
.vw-sp-live .vw-sp-body::after{
  content:"";position:absolute;inset:-4px;border-radius:50%;
  border:2px solid #ffc533;animation:vwSpPulse 1.8s ease-out infinite;pointer-events:none;
}
@keyframes vwSpPulse{
  0%{transform:scale(1);opacity:.9;}
  100%{transform:scale(2.1);opacity:0;}
}
/* Last seen = static avatar, calmer ring, no pulse */
.vw-sp-lastseen .vw-sp-body{box-shadow:0 0 0 2px rgba(177,76,255,.5),0 1px 4px rgba(0,0,0,.5);}
.vw-sp-stale .vw-sp-body{box-shadow:0 0 0 2px rgba(177,76,255,.5),0 1px 4px rgba(0,0,0,.5);}

.vw-sp-takeme{display:block;width:100%;margin-top:14px;padding:13px;border:0;border-radius:12px;background:#b14cff;color:#fff;font-weight:700;font-size:15px;cursor:pointer;}

/* Redesigned shared-person card */
.vw-sp-sheet-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.vw-sp-sheet-av{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #b14cff;flex:0 0 auto;}
.vw-sp-sheet-av-init{display:flex;align-items:center;justify-content:center;background:#b14cff;color:#fff;font:800 22px/1 system-ui,sans-serif;}
.vw-sp-sheet-idcol{flex:1;min-width:0;}
.vw-sp-sheet-name{font:800 18px/1.1 system-ui,sans-serif;color:#ffc533;}
.vw-sp-sheet-handle{font:500 12px/1.3 system-ui,sans-serif;color:rgba(255,255,255,0.4);margin-top:2px;}
.vw-sp-sheet-state{text-align:right;font:700 12px/1.2 system-ui,sans-serif;color:#fff;flex:0 0 auto;}
.vw-sp-sheet-ago{font:500 11px/1.3 system-ui,sans-serif;color:rgba(255,255,255,0.45);margin-top:2px;}
.vw-sp-livedot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3ad16a;margin-right:5px;vertical-align:middle;box-shadow:0 0 6px #3ad16a;}
.vw-sp-sheet-btns{display:flex;gap:10px;margin-top:4px;}
.vw-sp-btn{flex:1;padding:13px;border-radius:12px;font:700 14px/1 system-ui,sans-serif;cursor:pointer;border:0;}
.vw-sp-btn-primary{background:#b14cff;color:#fff;}
.vw-sp-btn-secondary{background:rgba(255,255,255,0.08);color:#fff;border:1px solid rgba(255,255,255,0.15);}


/* VELVET WAYZ INCREMENT 3.6.7 — SHARED CONTACT FULL-PAGE OVERLAY */
body.vw-sp-overlay-open{
  overflow:hidden !important;
}

.vw-sp-sheet-bg{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483646 !important;
  display:none;
  align-items:center !important;
  justify-content:center !important;
  padding:
    max(14px, env(safe-area-inset-top))
    14px
    max(18px, env(safe-area-inset-bottom)) !important;
  box-sizing:border-box !important;
  background:rgba(5,5,12,.94) !important;
  backdrop-filter:blur(15px) saturate(1.15) !important;
  -webkit-backdrop-filter:blur(15px) saturate(1.15) !important;
  pointer-events:auto !important;
  isolation:isolate !important;
  touch-action:manipulation !important;
}

.vw-sp-sheet{
  position:relative !important;
  width:min(100%,520px) !important;
  max-height:calc(100dvh - max(32px, env(safe-area-inset-top)) - max(34px, env(safe-area-inset-bottom))) !important;
  margin:0 !important;
  overflow:auto !important;
  box-sizing:border-box !important;
  background:
    radial-gradient(circle at 50% -15%,rgba(177,76,255,.22),transparent 45%),
    linear-gradient(180deg,#10101f 0%,#080811 100%) !important;
  border:1px solid rgba(177,76,255,.72) !important;
  border-radius:26px !important;
  padding:28px 20px 22px !important;
  color:#fff !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 26px 80px rgba(0,0,0,.72),
    0 0 44px rgba(177,76,255,.24) !important;
  overscroll-behavior:contain !important;
}

.vw-sp-sheet-content{
  width:100% !important;
}

.vw-sp-sheet-close{
  position:absolute !important;
  top:10px !important;
  right:10px !important;
  z-index:2 !important;
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  font:400 30px/1 system-ui,sans-serif !important;
  cursor:pointer !important;
}

.vw-sp-contact-kicker{
  margin:0 52px 18px 0 !important;
  color:#b97cff !important;
  font:800 12px/1.2 system-ui,sans-serif !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
}

.vw-sp-sheet-head{
  display:grid !important;
  grid-template-columns:64px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:13px !important;
  margin:0 0 18px !important;
}

.vw-sp-sheet-av{
  width:64px !important;
  height:64px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  border:2px solid #b14cff !important;
  box-shadow:0 0 0 4px rgba(177,76,255,.14) !important;
}

.vw-sp-sheet-name{
  margin:0 !important;
  color:#ffc533 !important;
  font:800 20px/1.15 system-ui,sans-serif !important;
}

.vw-sp-sheet-handle{
  margin-top:4px !important;
  color:rgba(255,255,255,.48) !important;
  font:600 12px/1.3 system-ui,sans-serif !important;
}

.vw-sp-sheet-state{
  text-align:right !important;
  color:#fff !important;
  font:800 12px/1.2 system-ui,sans-serif !important;
}

.vw-sp-contact-summary{
  margin:0 0 18px !important;
  padding:13px 14px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.045) !important;
  color:rgba(255,255,255,.72) !important;
  font:600 13px/1.45 system-ui,sans-serif !important;
}

.vw-sp-sheet-btns{
  display:grid !important;
  grid-template-columns:1fr 1.08fr !important;
  gap:11px !important;
  margin:0 !important;
}

.vw-sp-btn{
  min-height:54px !important;
  padding:13px 12px !important;
  border-radius:15px !important;
  font:800 14px/1.15 system-ui,sans-serif !important;
  cursor:pointer !important;
}

.vw-sp-btn-primary{
  background:linear-gradient(135deg,#9137ff,#c04bff) !important;
  color:#fff !important;
  box-shadow:0 10px 28px rgba(177,76,255,.26) !important;
}

.vw-sp-btn-secondary{
  background:rgba(255,255,255,.075) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.14) !important;
}

@media (max-width:430px){
  .vw-sp-sheet-bg{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .vw-sp-sheet{
    border-radius:22px !important;
    padding:26px 16px 18px !important;
  }

  .vw-sp-sheet-head{
    grid-template-columns:56px minmax(0,1fr) !important;
  }

  .vw-sp-sheet-av{
    width:56px !important;
    height:56px !important;
  }

  .vw-sp-sheet-state{
    grid-column:1/-1 !important;
    text-align:left !important;
    padding-left:69px !important;
    margin-top:-8px !important;
  }

  .vw-sp-sheet-btns{
    grid-template-columns:1fr !important;
  }
}
