/* voix_partagee.css — bouton et panneau de communication ouverte (jeux en ligne) */
#jkv-btn {
  position: fixed; left: 12px; bottom: 16px; z-index: 2147483100;
  display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 14px;
  border: 1px solid rgba(177,151,252,.45); border-radius: 999px;
  background: #241b38; color: #f4f0ff; font: 700 13px system-ui, sans-serif;
  box-shadow: 0 6px 20px rgba(0,0,0,.32); cursor: pointer;
}
#jkv-btn.jkv-inline { position: static; left: auto; bottom: auto; min-height: 38px; padding: 0 12px; box-shadow: none; font-size: 12px; }
#jkv-btn.jkv-joined { background: #4a3a10; border-color: #ffd43b; }
#jkv-btn.jkv-on { background: #1f6f36; border-color: #51cf66; box-shadow: 0 0 0 2px rgba(81,207,102,.28), 0 6px 20px rgba(0,0,0,.32); }
#jkv-panel {
  position: fixed; left: 12px; bottom: calc(70px + env(safe-area-inset-bottom, 0px)); z-index: 2147483101;
  display: none; flex-direction: column; width: min(92vw, 380px);
  height: auto; min-height: min-content;
  max-height: calc(100dvh - 90px - env(safe-area-inset-bottom, 0px));
  overflow-y: auto; overscroll-behavior: contain;
  border: 1px solid rgba(177,151,252,.4); border-radius: 16px; background: #241b38; color: #f4f0ff;
  box-shadow: 0 18px 50px rgba(0,0,0,.45); padding: 12px;
}
#jkv-panel.on { display: flex; }
.jkv-card { display: flex; flex-direction: column; gap: 8px; }
.jkv-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.jkv-head h3 { margin: 0; font-size: 15px; }
.jkv-x { border: 0; background: transparent; color: #c3b8df; font-size: 18px; cursor: pointer; padding: 2px 6px; }
.jkv-sub, .jkv-help, .jkv-msg { margin: 0; font-size: 12px; line-height: 1.45; color: #c3b8df; }
.jkv-state { margin: 0; font-size: 13px; }
.jkv-state b { color: #ffd43b; }
.jkv-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.jkv-btn-2, .jkv-primary, .jkv-ghost, .jkv-danger {
  min-height: 40px; padding: 0 11px; border-radius: 10px; font: 700 12px system-ui, sans-serif;
  cursor: pointer; border: 1px solid rgba(177,151,252,.4); background: rgba(255,255,255,.07); color: #f4f0ff;
}
.jkv-primary { background: linear-gradient(90deg,#ff6b9d,#ffa94d); border: 0; color: #1a1200; }
.jkv-danger { border-color: rgba(255,135,135,.6); color: #ff8787; }
.jkv-list { border-top: 1px solid rgba(255,255,255,.12); padding-top: 6px; }
.jkv-list h4 { margin: 0 0 4px; font-size: 12px; color: #c3b8df; text-transform: uppercase; letter-spacing: .4px; }
.jkv-row { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; padding: 3px 0; }
.jkv-name { font-weight: 700; }
.jkv-tag { color: #a99cc9; }
.jkv-tag.on { color: #8ce99a; }
.jkv-msg { color: #ffd43b; }
.jkv-audio { display: none !important; }
@media (max-width: 480px) {
  #jkv-btn { left: 8px; bottom: 12px; }
  #jkv-panel { left: 8px; bottom: calc(64px + env(safe-area-inset-bottom, 0px)); width: min(94vw, 380px); }
}

.jkv-lat { color: #9ec5ff; font-size: .8em; margin-left: 8px; white-space: nowrap; }