/* The voice agent widget (partials/voice-widget, voice.js), shared by partners.aqarix.com and www.aqarix.com.
   Hand-written, no build step, logical properties for right to left. */
.vx{--vx-ink:#0E1A14;--vx-g:#1E4636;--vx-au:#C4A052;--vx-au-ink:#A8852F;--vx-paper:#FBFAF6;--vx-line:#E1DBCD;--vx-muted:#566860;--vx-soft:#F0ECE2;
  position:relative;display:flex;flex-direction:column;gap:14px;padding:20px;border:1px solid var(--vx-line);border-radius:24px;background:var(--vx-paper);color:var(--vx-ink);
  box-shadow:0 40px 80px -40px rgba(14,26,20,.4);font-size:15px;line-height:1.6;text-align:start}
.vx *{box-sizing:border-box}
.vx [hidden],.vx-panel[hidden]{display:none!important}
.vx p{margin:0}
.vx .ico{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

.vx-head{display:flex;align-items:center;gap:10px;font-size:14px}
.vx-head b{font-weight:600}
.vx .logo-mark{display:flex;direction:ltr;isolation:isolate}
.vx .logo-mark i{display:block;width:12px;height:18px;border-radius:6px 6px 0 0;background:var(--vx-g)}
.vx .logo-mark i+i{background:var(--vx-au);margin-left:-5px;mix-blend-mode:multiply}
.vx-status{margin-inline-start:auto;display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:var(--vx-soft);font-size:12.5px;color:var(--vx-muted);white-space:nowrap}
.vx-status i{width:8px;height:8px;border-radius:50%;background:#b9b2a2;transition:background .2s,box-shadow .2s}
.vx:is([data-state=listening],[data-state=speaking]) .vx-status i{background:#2fbf71;box-shadow:0 0 0 4px rgba(47,191,113,.18)}
.vx:is([data-state=mic],[data-state=checking],[data-state=connecting]) .vx-status i{background:var(--vx-au);animation:vx-blink 1s ease-in-out infinite}
@keyframes vx-blink{50%{opacity:.35}}

.vx-stage{position:relative;display:grid;place-items:center;aspect-ratio:16/10;border-radius:18px;overflow:hidden;
  background:radial-gradient(60% 70% at 50% 46%,#fff 0%,#f6f2e9 55%,#efe9dc 100%)}
.vx-lg .vx-stage{aspect-ratio:5/4}
.vx-orb{width:min(80%,320px);aspect-ratio:1;display:block}
.vx-timer{position:absolute;bottom:12px;inset-inline-end:14px;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.75);font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12.5px;color:var(--vx-muted)}

.vx-captions{display:flex;flex-direction:column;gap:6px;min-height:50px;font-size:14px}
.vx-captions b{margin-inline-end:6px;color:var(--vx-au-ink);font-weight:600}
.vx-captions p:last-child{color:var(--vx-ink)}
.vx-captions p:not(:last-child){color:var(--vx-muted)}
.vx-msg{font-size:14px;color:var(--vx-muted)}
.vx-msg:empty{display:none}

.vx-actions{display:flex;flex-wrap:wrap;gap:10px}
.vx-btn,.vx-wa{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:1 1 auto;min-height:52px;padding-inline:22px;border:0;border-radius:999px;font:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s}
.vx-btn .ico,.vx-wa .ico{font-size:18px}
.vx-start{background:var(--vx-ink);color:var(--vx-paper)}
.vx-start:hover{background:var(--vx-g)}
.vx-start .ico{color:var(--vx-au)}
.vx-start:disabled{opacity:.65;cursor:progress}
.vx-end{background:#b3261e;color:#fff}
.vx-end:hover{background:#8f1f18}
.vx-wa{background:#25D366;color:#0B2E1A}
.vx-wa:hover{filter:brightness(.95)}
.vx-btn:focus-visible,.vx-wa:focus-visible{outline:2px solid var(--vx-au);outline-offset:3px}
.vx-check:empty{display:none}

.vx-consent{font-size:12px;line-height:1.65;color:var(--vx-muted)}
.vx-consent a{color:var(--vx-au-ink);text-decoration:underline}
.vx-foot{display:flex;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--vx-line);font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--vx-muted)}
[dir=rtl] .vx-foot{font-family:inherit;letter-spacing:0;text-transform:none;font-size:12px}
.vx-foot i{display:inline-block;width:6px;height:6px;margin-inline-end:6px;border-radius:50%;background:var(--vx-au);vertical-align:middle}

/* www.aqarix.com: a floating button that opens the widget in a panel */
.vx-fab{position:fixed;bottom:24px;inset-inline-start:24px;z-index:26;display:inline-flex;align-items:center;gap:10px;height:52px;padding-inline:7px 20px;border:0;border-radius:999px;
  background:#0E1A14;color:#FBFAF6;font:inherit;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.vx-fab>i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#C4A052;color:#0E1A14}
.vx-fab .ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.vx-fab[aria-expanded=true]>i{background:#FBFAF6}
.vx-panel{position:fixed;bottom:88px;inset-inline-start:24px;z-index:27;width:min(380px,calc(100vw - 32px));max-height:calc(100vh - 110px);overflow:auto;border-radius:24px;
  background:#FBFAF6;box-shadow:0 30px 70px rgba(14,26,20,.35)}
.vx-panel-top{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 4px}
.vx-panel-top b{display:block;font-size:16px;font-weight:600;color:#0E1A14}
.vx-panel-top p{margin:2px 0 0;font-size:13.5px;line-height:1.6;color:#566860}
.vx-close{flex:none;margin-inline-start:auto;display:grid;place-items:center;width:36px;height:36px;border:1px solid #E1DBCD;border-radius:50%;background:transparent;color:#0E1A14;cursor:pointer}
.vx-close .ico{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.vx-panel .vx{border:0;box-shadow:none;background:transparent}
@media (max-width:760px){
  .vx-fab{bottom:84px;inset-inline-start:16px;padding-inline:7px}
  .vx-fab span{display:none}
  .vx-panel{bottom:146px;inset-inline-start:16px}
}
@media (prefers-reduced-motion:reduce){
  .vx-status i{animation:none!important}
}