/* VERVE POS WEB R22 — VΞRA LIVE VISUAL HOTFIX + compact K Shield. */

/* K Shield: compact one-screen workspace. Character rail never overlaps controls. */
.vd-modal-card:has(.fc-kshield-r21){
  width:min(760px,94vw)!important;height:auto!important;max-height:88vh!important;
  overflow:hidden!important;padding:10px 12px 12px!important
}
.vd-modal-card:has(.fc-kshield-r21) #dialogContent{height:auto!important;overflow:hidden!important}
.fc-kshield-r21{
  display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;
  gap:12px!important;width:100%!important;height:auto!important;min-height:0!important;
  overflow:hidden!important;align-items:start!important
}
.fc-kshield-r21 .fc-kshield-vera{
  width:150px!important;min-width:150px!important;height:250px!important;min-height:250px!important;
  overflow:visible!important;display:grid!important;place-items:center!important;align-self:start!important
}
.fc-kshield-r21 .fc-kshield-vera>.vera-motion-host{
  width:145px!important;height:230px!important;min-width:145px!important;min-height:230px!important
}
.fc-kshield-r21 .fc-kshield-talk{min-height:0!important;overflow:hidden!important}
.fc-kshield-r21 .fc-speech{padding:8px 10px!important}
.fc-kshield-r21 .fc-speech h2{font-size:18px!important;line-height:1.1!important;margin:2px 0!important}
.fc-kshield-r21 .fc-speech p{font-size:10px!important;line-height:1.3!important;margin:2px 0!important}
.fc-kshield-r21 .fc-vera-support-grid{margin-top:6px!important;gap:7px!important}
.fc-kshield-r21 .fc-vera-support-grid label>span{font-size:10px!important}
.fc-kshield-r21 .fc-vera-support-grid select{min-height:38px!important;height:38px!important}
.fc-kshield-r21 .fc-vera-tech-result{max-height:145px!important}
.fc-kshield-r21 .fc-vera-human{margin-top:5px!important}
.fc-kshield-r21 .fc-kshield-actions{padding-top:6px!important}

/* JAKIM VERA: make life unmistakable even while idle. */
.vera-prayer-live{overflow:visible!important;transform-origin:50% 86%!important;animation:r22PrayerBody 3.4s ease-in-out infinite!important}
.vera-prayer-live>.vera-motion-base{animation:r22PrayerBreath 2.6s ease-in-out infinite!important}
.vera-prayer-live>.vera-motion-head{animation:r22PrayerHead 3.1s ease-in-out infinite!important;transform-origin:53% 36%!important}
.vera-prayer-live[data-vera-state="idle"]>.vera-motion-arm-l{animation:r22PrayerHandL 3.8s ease-in-out infinite!important}
.vera-prayer-live[data-vera-state="idle"]>.vera-motion-arm-r{animation:r22PrayerHandR 4.2s ease-in-out infinite!important}
.vera-prayer-live[data-vera-state="speaking"]>.vera-motion-head{animation:r22SpeakHead .72s ease-in-out infinite!important}
.vera-prayer-live[data-vera-state="speaking"]>.vera-motion-arm-l{animation:r22SpeakHandL .82s ease-in-out infinite!important}
.vera-prayer-live[data-vera-state="speaking"]>.vera-motion-arm-r{animation:r22SpeakHandR .94s ease-in-out infinite!important}
.vera-prayer-live[data-vera-state="speaking"] .vera-mouth-live{width:calc(var(--vera-mouth-w,7%) * 1.28)!important;height:calc(var(--vera-mouth-h,4%) * 1.32)!important;filter:drop-shadow(0 1px 1px #6226)!important}
.vera-prayer-live[data-vera-state="speaking"] .vera-mouth-live i{animation:r22PrayerMouth .16s steps(2,end) infinite!important;opacity:1!important}
.vera-prayer-live[data-vera-blink="1"] .vera-motion-eyes i{opacity:1!important;transform:translate(-50%,-50%) scaleY(1)!important}

/* Generic VERA speaking movement is deliberately visible, not sticker-scale. */
.vera-motion-host[data-vera-state="speaking"]>.vera-motion-head{animation:r22SpeakHead .76s ease-in-out infinite!important}
.vera-motion-host[data-vera-state="speaking"]>.vera-motion-arm-l{animation:r22SpeakHandL .82s ease-in-out infinite!important}
.vera-motion-host[data-vera-state="speaking"]>.vera-motion-arm-r{animation:r22SpeakHandR .93s ease-in-out infinite!important}
.vera-motion-host[data-vera-state="speaking"] .vera-mouth-live i{animation:r22PrayerMouth .16s steps(2,end) infinite!important}

@keyframes r22PrayerBody{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-5px) rotate(.6deg)}}
@keyframes r22PrayerBreath{0%,100%{transform:scale(1,1)}50%{transform:scale(1.018,1.035) translateY(-2px)}}
@keyframes r22PrayerHead{0%,100%{transform:translate(0,0) rotate(-1deg)}35%{transform:translate(-5px,-4px) rotate(-3deg)}70%{transform:translate(4px,-2px) rotate(2.6deg)}}
@keyframes r22PrayerHandL{0%,100%{transform:rotate(0) translate(0,0)}50%{transform:rotate(-6deg) translate(-3px,-4px)}}
@keyframes r22PrayerHandR{0%,100%{transform:rotate(0) translate(0,0)}50%{transform:rotate(7deg) translate(4px,-5px)}}
@keyframes r22SpeakHead{0%,100%{transform:translate(0,0) rotate(-2deg)}33%{transform:translate(-6px,-5px) rotate(-5deg)}66%{transform:translate(6px,-2px) rotate(4deg)}}
@keyframes r22SpeakHandL{0%,100%{transform:rotate(0) translate(0,0)}35%{transform:rotate(-13deg) translate(-7px,-7px)}70%{transform:rotate(6deg) translate(4px,2px)}}
@keyframes r22SpeakHandR{0%,100%{transform:rotate(0) translate(0,0)}35%{transform:rotate(15deg) translate(8px,-8px)}70%{transform:rotate(-7deg) translate(-4px,3px)}}
@keyframes r22PrayerMouth{0%{transform:scaleY(.18) scaleX(.88)}50%{transform:scaleY(1.08) scaleX(1.04)}100%{transform:scaleY(.42) scaleX(.94)}}

/* Prayer panel stays compact. */
.vd-prayer-panel.vera-r21-prayer{width:min(540px,calc(100vw - 22px))!important;grid-template-columns:118px minmax(0,1fr)!important;gap:10px!important;padding:10px!important}
.vera-r21-prayer .vd-prayer-vera-rail{width:118px!important;min-width:118px!important}
.vera-r21-prayer .vd-prayer-vera-rail>.vera-motion-host{width:112px!important;height:122px!important;min-width:112px!important;min-height:122px!important}
.vera-r21-prayer .vd-prayer-copy h3{font-size:17px!important;margin:1px 0 6px!important}
.vera-r21-prayer .vd-prayer-times>div{padding:4px 6px!important}
.vera-r21-prayer .vd-prayer-quote{font-size:9px!important;padding:6px!important}

@media(max-width:720px){
 .fc-kshield-r21{grid-template-columns:110px minmax(0,1fr)!important;gap:8px!important}
 .fc-kshield-r21 .fc-kshield-vera{width:110px!important;min-width:110px!important;height:180px!important;min-height:180px!important}
 .fc-kshield-r21 .fc-kshield-vera>.vera-motion-host{width:105px!important;height:170px!important;min-width:105px!important;min-height:170px!important}
 .fc-kshield-r21 .fc-vera-support-grid{grid-template-columns:1fr!important}
}