/* VERVE POS WEB — R18 FINAL UX CLOSURE
   Targeted fixes: sidebar IA/collapse, payment visibility/presets, VERA K Shield wizard,
   stronger VERA Alive motion, product image UX and VERA report viewer. */

/* Collapsed sidebar: icons only. No clipped text/submenus. */
.vd-app.collapsed .vd-nav-label,
.vd-app.collapsed .vd-subnav,
.vd-app.collapsed .vfr-inline-subnav,
.vd-app.collapsed .vd-nav-section,
.vd-app.collapsed .vfr-nav-section,
.vd-app.collapsed .vd-nav-group > button > span:not(.vd-nav-icon):not(.vd-unread-badge),
.vd-app.collapsed .vd-nav-item > span:not(.vd-nav-icon):not(.vd-unread-badge){display:none!important;width:0!important;max-width:0!important;overflow:hidden!important}
.vd-app.collapsed .vd-nav-group,.vd-app.collapsed .vd-nav-item{overflow:visible!important}
.vd-app.collapsed .vd-nav-group>button,.vd-app.collapsed .vd-nav-item{grid-template-columns:1fr!important;justify-items:center!important;padding-inline:0!important}
.vd-app.collapsed .vd-nav{overflow-x:visible!important}

/* Payment: hidden really means hidden, even against legacy !important display rules. */
#vdCheckoutForm .vd-cash-only[hidden],
#vdCheckoutForm .vd-noncash-only[hidden],
#vdPaymentForm .vd-cash-only[hidden],
#vdPaymentForm .vd-noncash-only[hidden]{display:none!important}
.vd-cash-presets>div{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.vd-cash-presets button{min-width:72px!important;border-radius:999px!important;padding:9px 12px!important}
.vd-cash-presets button.exact{border-color:color-mix(in srgb,var(--accent) 65%,var(--line))!important;color:var(--accent)!important}

/* Product image editor */
.vf-product-image-box{display:grid!important;grid-template-columns:128px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;border:1px solid var(--line)!important;border-radius:16px!important;background:var(--surface2)!important;padding:12px!important}
.vf-product-image-preview{width:128px!important;height:104px!important;border:1px dashed var(--line)!important;border-radius:14px!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:var(--surface)!important;color:var(--muted)!important;font-size:11px!important}
.vf-product-image-preview img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.vf-product-image-preview img:not([src]){display:none!important}
.vf-product-image-controls{display:grid!important;gap:6px!important;align-content:center!important}
.vf-product-image-controls>b{font-size:12px!important}.vf-product-image-controls>span{font-size:10px!important;color:var(--muted)!important}
.vf-image-button{width:max-content!important;padding:8px 12px!important;font-size:11px!important;cursor:pointer!important}

/* K Shield R18 — minimal one-question-at-a-time feel */
.vd-modal-card:has(.fc-kshield-r18){width:min(720px,94vw)!important;max-height:min(850px,94vh)!important;overflow:auto!important;padding:14px 16px 18px!important}
.fc-kshield-r18{grid-template-columns:190px minmax(0,1fr)!important;gap:18px!important;align-items:center!important}
.fc-kshield-r18 .fc-kshield-vera{min-height:250px!important;display:grid!important;place-items:center!important;position:sticky!important;top:18px!important}
.fc-kshield-r18 .fc-kshield-vera .vera-motion-host{width:190px!important;height:245px!important}
.fc-kshield-r18 .fc-kshield-vera img{width:190px!important;height:245px!important;object-fit:contain!important}
.fc-kshield-r18 .fc-kshield-vera>span{font-size:9px!important;letter-spacing:.14em!important}
.fc-kshield-r18 .fc-speech{margin-bottom:12px!important;padding:13px 15px!important}
.fc-kshield-r18 .fc-speech h2{font-size:21px!important;margin:3px 0 5px!important}
.fc-kshield-r18 .fc-speech p{font-size:11px!important;line-height:1.45!important}
.fc-vera-live-state{display:inline-flex!important;margin-top:8px!important;font-size:8px!important;font-style:normal!important;letter-spacing:.14em!important;font-weight:900!important;color:var(--accent)!important}
.fc-vera-wizard{display:grid!important;gap:9px!important}
.fc-vera-wizard>label,.fc-vera-note{display:grid!important;gap:5px!important}
.fc-vera-wizard label>span,.fc-vera-note summary{font-size:10px!important;font-weight:800!important;color:var(--muted)!important}
.fc-vera-wizard select,.fc-vera-wizard textarea{width:100%!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--surface2)!important;color:var(--text)!important;padding:10px 11px!important;font:inherit!important}
.fc-vera-wizard select{min-height:42px!important}.fc-vera-wizard textarea{min-height:72px!important;resize:vertical!important}
.fc-vera-note{border:1px solid var(--line)!important;border-radius:12px!important;padding:10px!important;background:color-mix(in srgb,var(--surface2) 84%,transparent)!important}
.fc-vera-note summary{cursor:pointer!important}
.fc-kshield-actions{display:flex!important;justify-content:flex-end!important;gap:8px!important;margin-top:3px!important}
.fc-kshield-actions button{border-radius:12px!important;padding:10px 13px!important}
.fc-vera-result{display:grid!important;gap:10px!important;margin-top:5px!important}
.fc-vera-result[hidden]{display:none!important}
.fc-vera-result-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.fc-vera-result-grid>div{border:1px solid var(--line)!important;border-radius:12px!important;background:var(--surface2)!important;padding:10px!important}
.fc-vera-result-grid small{display:block!important;font-size:8px!important;text-transform:uppercase!important;letter-spacing:.1em!important;color:var(--muted)!important;margin-bottom:4px!important}
.fc-vera-result-grid b{font-size:11px!important;line-height:1.45!important;display:block!important}
.fc-vera-result blockquote{margin:0!important;padding:10px 12px!important;border-left:3px solid var(--accent)!important;background:color-mix(in srgb,var(--accent) 7%,var(--surface2))!important;border-radius:0 10px 10px 0!important;font-size:11px!important}
.fc-vera-follow{display:grid!important;gap:5px!important}.fc-vera-follow textarea{min-height:62px!important}
.fc-vera-result-actions{display:flex!important;justify-content:flex-end!important;gap:8px!important}
.fc-vera-end{text-align:center!important;color:var(--muted)!important;font-size:9px!important;margin:2px 0 0!important}

/* VERA Alive: visible but lightweight. */
.vera-motion-host[data-vera-state="idle"]{animation:veraR18Idle 3.8s ease-in-out infinite!important}
.vera-motion-host[data-vera-state="listening"]{animation:veraR18Listen 2.1s ease-in-out infinite!important}
.vera-motion-host[data-vera-state="thinking"]{animation:veraR18Think 1.7s ease-in-out infinite!important}
.vera-motion-host[data-vera-state="speaking"]{animation:veraR18Speak .82s ease-in-out infinite!important}
.vera-motion-host[data-vera-state="action"]{animation:veraR18Action .72s ease-out 1!important}
@keyframes veraR18Idle{0%,100%{transform:translate3d(0,0,0) rotate(0) scale(1)}35%{transform:translate3d(0,-3px,0) rotate(-.55deg) scale(1.003)}70%{transform:translate3d(1px,-1px,0) rotate(.35deg) scale(.998)}}
@keyframes veraR18Listen{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-1deg)}}
@keyframes veraR18Think{0%,100%{transform:translate(0,0) rotate(0)}33%{transform:translate(1.5px,-2px) rotate(.8deg)}66%{transform:translate(-1px,-1px) rotate(-.4deg)}}
@keyframes veraR18Speak{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.007)}}
@keyframes veraR18Action{0%{transform:scale(1)}45%{transform:translateY(-5px) scale(1.025) rotate(-.5deg)}100%{transform:scale(1)}}
.vera-r18-prayer>.vera-motion-host{filter:drop-shadow(0 12px 22px rgba(0,0,0,.18))}

/* VERA report viewer */
.vd-kreport-list{display:grid!important;gap:7px!important}
.vd-kreport-row{width:100%!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--surface2)!important;color:var(--text)!important;padding:10px 12px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;text-align:left!important;cursor:pointer!important}
.vd-kreport-row span{display:grid!important;gap:2px!important}.vd-kreport-row small{color:var(--accent)!important;font-size:8px!important}.vd-kreport-row b{font-size:11px!important}.vd-kreport-row em{font-style:normal!important;color:var(--muted)!important;font-size:9px!important}.vd-kreport-row strong{font-size:9px!important}
.vd-kreport-detail{display:grid!important;gap:12px!important}.vd-kreport-detail h2,.vd-kreport-detail h3{margin:0!important}
.vd-kreport-result{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.vd-kreport-result>div{padding:10px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--surface2)!important}.vd-kreport-result small{display:block!important;color:var(--muted)!important;font-size:8px!important;margin-bottom:4px!important}.vd-kreport-result b{font-size:10px!important;line-height:1.4!important;display:block!important}
.vd-kreport-transcript{display:grid!important;gap:7px!important;max-height:330px!important;overflow:auto!important;padding-right:3px!important}.vd-kreport-bubble{max-width:86%!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:9px 11px!important;background:var(--surface2)!important}.vd-kreport-bubble.crew{justify-self:end!important;background:color-mix(in srgb,var(--teal) 14%,var(--surface2))!important}.vd-kreport-bubble small{font-size:8px!important;color:var(--muted)!important}.vd-kreport-bubble p{margin:3px 0 0!important;font-size:10px!important;line-height:1.45!important}

@media(max-width:720px){
  .fc-kshield-r18{grid-template-columns:1fr!important}.fc-kshield-r18 .fc-kshield-vera{position:relative!important;top:0!important;min-height:150px!important}.fc-kshield-r18 .fc-kshield-vera .vera-motion-host,.fc-kshield-r18 .fc-kshield-vera img{width:150px!important;height:165px!important}.fc-vera-result-grid,.vd-kreport-result{grid-template-columns:1fr!important}.vf-product-image-box{grid-template-columns:96px minmax(0,1fr)!important}.vf-product-image-preview{width:96px!important;height:86px!important}
}
.vera-customer-lens{display:grid!important;gap:2px!important;margin:8px 0 0!important;padding:8px 10px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:color-mix(in srgb,var(--accent) 5%,var(--surface2))!important}.vera-customer-lens small{color:var(--accent)!important;font-size:8px!important;text-transform:uppercase!important;letter-spacing:.08em!important}.vera-customer-lens b{font-size:10px!important}.vera-customer-lens span{font-size:8px!important;color:var(--muted)!important}