/* Vchat 0.62.09 — slash picker for Inbox saved replies. Exact-scope UI layer. */
.vchat-saved-reply-slash-picker[hidden]{display:none!important}
.vchat-saved-reply-slash-picker{
  position:fixed!important;
  z-index:100120!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:280px!important;
  overflow:hidden!important;
  border:1px solid rgba(101,88,245,.18)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.985)!important;
  color:#20243d!important;
  box-shadow:0 24px 70px rgba(36,35,79,.18),0 4px 16px rgba(36,35,79,.08)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  transform-origin:bottom center;
  animation:vchatSlashPickerIn .14s ease-out both;
}
.vchat-saved-reply-slash-picker.is-below{transform-origin:top center}
@keyframes vchatSlashPickerIn{from{opacity:0;transform:translateY(5px) scale(.99)}to{opacity:1;transform:none}}
.vchat-saved-reply-slash-head{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:13px 14px!important;
  border-bottom:1px solid #efeff6!important;
  background:linear-gradient(180deg,#fff 0%,#fbfaff 100%)!important;
}
.vchat-saved-reply-slash-head>div{display:flex!important;align-items:center!important;min-width:0!important;gap:10px!important}
.vchat-saved-reply-slash-head strong{display:block!important;color:#20243d!important;font-size:13px!important;line-height:1.25!important;font-weight:850!important}
.vchat-saved-reply-slash-head small{display:block!important;margin-top:2px!important;color:#8a8da2!important;font-size:10px!important;line-height:1.3!important}
.vchat-saved-reply-slash-mark{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;border-radius:10px!important;background:linear-gradient(135deg,#6558f5,#5ba8f9)!important;color:#fff!important;font-size:17px!important;font-weight:900!important;box-shadow:0 8px 18px rgba(101,88,245,.18)!important}
.vchat-saved-reply-slash-head kbd{display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:0 7px!important;border:1px solid #e3e4ed!important;border-bottom-color:#d4d5e0!important;border-radius:7px!important;background:#f7f7fb!important;color:#8a8da2!important;font:700 9px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;box-shadow:0 1px 0 #fff inset!important}
.vchat-saved-reply-slash-list{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  padding:7px!important;
  scrollbar-width:thin!important;
  scrollbar-color:#d9d8ea transparent!important;
}
.vchat-saved-reply-slash-row{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 28px!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:10px 11px!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  background:transparent!important;
  color:#20243d!important;
  text-align:left!important;
  box-shadow:none!important;
  cursor:pointer!important;
  outline:none!important;
}
.vchat-saved-reply-slash-row+.vchat-saved-reply-slash-row{margin-top:2px!important}
.vchat-saved-reply-slash-row:hover,.vchat-saved-reply-slash-row.is-active{border-color:#dedafc!important;background:#f6f4ff!important}
.vchat-saved-reply-slash-row.is-active{box-shadow:0 0 0 2px rgba(101,88,245,.06)!important}
.vchat-saved-reply-slash-copy{display:block!important;min-width:0!important}
.vchat-saved-reply-slash-copy strong{display:inline!important;color:#242740!important;font-size:12px!important;line-height:1.3!important;font-weight:850!important}
.vchat-saved-reply-slash-copy small{display:inline-flex!important;align-items:center!important;margin-left:7px!important;padding:3px 6px!important;border-radius:999px!important;background:#ece9ff!important;color:#6255cf!important;font-size:9px!important;line-height:1!important;font-weight:800!important;vertical-align:1px!important}
.vchat-saved-reply-slash-copy p{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:5px 0 0!important;color:#74788f!important;font-size:10.5px!important;line-height:1.42!important;overflow-wrap:anywhere!important}
.vchat-saved-reply-slash-enter{display:grid!important;place-items:center!important;width:26px!important;height:26px!important;border-radius:8px!important;background:#fff!important;color:#928da9!important;border:1px solid #e6e5ef!important;font-size:12px!important}
.vchat-saved-reply-slash-row.is-active .vchat-saved-reply-slash-enter{border-color:#cbc6fb!important;color:#6558f5!important}
.vchat-saved-reply-slash-footer{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:42px!important;
  padding:8px 12px!important;
  border-top:1px solid #efeff6!important;
  background:#fcfcfe!important;
}
.vchat-saved-reply-slash-footer span{color:#9699ab!important;font-size:9px!important;line-height:1.25!important;font-weight:650!important}
.vchat-saved-reply-slash-footer button{flex:0 0 auto!important;padding:7px 9px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#6155d1!important;font-size:10px!important;font-weight:850!important;box-shadow:none!important;cursor:pointer!important}
.vchat-saved-reply-slash-footer button:hover{background:#f0eeff!important}
.vchat-saved-reply-slash-loading,.vchat-saved-reply-slash-empty{display:grid!important;justify-items:center!important;gap:5px!important;padding:24px 14px!important;text-align:center!important;color:#8b8ea2!important;font-size:10.5px!important;line-height:1.45!important}
.vchat-saved-reply-slash-empty strong{color:#30334d!important;font-size:12px!important}
.vchat-saved-reply-slash-loading i{width:20px!important;height:20px!important;border:2px solid #e7e5fa!important;border-top-color:#6558f5!important;border-radius:50%!important;animation:vchatSlashSpin .75s linear infinite!important}
@keyframes vchatSlashSpin{to{transform:rotate(360deg)}}

@media (max-width:760px){
  .vchat-saved-reply-slash-picker{border-radius:18px!important;box-shadow:0 18px 50px rgba(36,35,79,.18)!important}
  .vchat-saved-reply-slash-head{padding:11px 12px!important}
  .vchat-saved-reply-slash-row{padding:10px!important}
  .vchat-saved-reply-slash-footer span{max-width:65%!important}
}

@media (prefers-reduced-motion:reduce){.vchat-saved-reply-slash-picker{animation:none!important}.vchat-saved-reply-slash-loading i{animation-duration:1.4s!important}}