/* Accessible local FAQ — scoped styles only, no external libraries */
.vf-support-launch { position:fixed; right:18px; bottom:18px; z-index:400; border:0; border-radius:999px; background:#174e52; color:#fff; padding:14px 19px; box-shadow:0 8px 30px rgba(0,0,0,.22); font:700 15px/1.2 system-ui,sans-serif; cursor:pointer }
.vf-support-launch:focus-visible,.vf-support-panel button:focus-visible,.vf-support-panel a:focus-visible,.vf-support-panel input:focus-visible { outline:3px solid #f7ae36; outline-offset:2px }
.vf-support-launch:hover { background:#103b3e }
.vf-support-panel[hidden] { display:none!important }
.vf-support-panel { position:fixed; z-index:401; right:18px; bottom:78px; width:min(390px,calc(100vw - 26px)); height:min(570px,calc(100dvh - 100px)); display:flex; flex-direction:column; border:1px solid #c5dad2; background:#fff; color:#10262c; border-radius:17px; box-shadow:0 18px 50px rgba(0,0,0,.24); overflow:hidden; font-family:system-ui,sans-serif }
.vf-support-heading { background:#174e52; color:#fff; display:flex; justify-content:space-between; gap:12px; align-items:center; padding:16px }
.vf-support-heading strong { display:block; font-size:15px }
.vf-support-heading small { display:block; margin-top:3px; font-size:11px; color:#c9e6dc }
.vf-support-close { flex:none; background:transparent; color:#fff; font-size:26px; border:0; cursor:pointer; padding:2px 8px }
.vf-support-warning { font-size:11px; line-height:1.5; margin:0; padding:9px 13px; color:#344955; background:#f2f7f5; border-bottom:1px solid #e1ece8 }
.vf-support-transcript { padding:12px; overflow:auto; flex:1; min-height:90px }
.vf-support-message { margin:0 0 12px; padding:10px 12px; border-radius:11px; font-size:13px; line-height:1.5; background:#f1f5f3; max-width:96% }
.vf-support-message b { display:block; font-size:11px; margin-bottom:3px; color:#215f58 }
.vf-support-message p { margin:0; overflow-wrap:anywhere }
.vf-support-user { background:#e1f2eb; margin-left:auto }
.vf-support-suggestions { padding:4px 10px 10px; display:flex; gap:6px; flex-wrap:wrap }
.vf-support-suggestions button { cursor:pointer; background:#fff; border:1px solid #b7d5c8; border-radius:999px; font-size:11px; color:#174e52; padding:7px 10px }
.vf-support-form { padding:10px; border-top:1px solid #e4ebe7; display:flex; gap:6px; margin:0 }
.vf-support-form input { flex:1; min-width:0; border:1px solid #abc8c0; color:#10262c; border-radius:8px; padding:10px; font:13px system-ui,sans-serif }
.vf-support-form button { flex:none; background:#174e52; border:0; border-radius:8px; color:#fff; padding:8px 10px; font-size:12px; cursor:pointer }
.vf-support-escalation { font-size:11px; text-align:center; margin:0; padding:0 9px 12px; color:#374b4b }
.vf-support-escalation a { color:#146457; text-decoration:underline; font-weight:700 }
.vf-support-highlight { margin:14px auto 25px; border:1px solid #b7d5c8; background:#f1f8f5; border-radius:14px; padding:22px; max-width:1100px }
.vf-support-highlight h2 { margin:0 0 8px }
.vf-support-highlight p { margin:0 0 10px }
.vf-support-highlight a { color:#145951; font-weight:700; text-decoration:underline }
@media(max-width:480px) { .vf-support-panel { right:8px; bottom:74px; width:calc(100vw - 16px); height:min(570px,calc(100dvh - 95px)); } .vf-support-launch { right:11px; bottom:10px } }
@media(prefers-reduced-motion:reduce) { .vf-support-panel *, .vf-support-launch { transition:none!important; animation:none!important } }
