/* Vinimaks Live Chat v1.0 — isolated widget styles. */
.vmxlc-root,.vmxlc-root *{box-sizing:border-box}
.vmxlc-root{--vmxlc-ink:#152436;--vmxlc-muted:#718094;--vmxlc-surface:#fff;--vmxlc-soft:#f3f7fa;--vmxlc-line:#e7edf2;--vmxlc-elev:0 20px 64px rgba(17,38,64,.23);position:fixed;right:var(--vmxlc-offset-x,24px);bottom:var(--vmxlc-offset-y,24px);z-index:2147482000;color:var(--vmxlc-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.45;letter-spacing:0}
.vmxlc-root.vmxlc-side-left{right:auto;left:var(--vmxlc-offset-x,24px)}
.vmxlc-root button,.vmxlc-root textarea,.vmxlc-root input{font-family:inherit;letter-spacing:normal}
.vmxlc-root button{cursor:pointer}
.vmxlc-root .vmxlc-fab{display:flex;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.26)!important;border-radius:999px!important;background:var(--vmxlc-brand)!important;color:#fff!important;padding:13px 20px 13px 13px!important;line-height:1.2!important;font-weight:750!important;font-size:14px!important;box-shadow:0 8px 28px color-mix(in srgb,var(--vmxlc-brand) 38%,transparent),0 10px 30px #15243624;min-height:54px;transition:transform .2s ease,box-shadow .2s ease}
.vmxlc-root .vmxlc-fab:hover{transform:translateY(-2px);box-shadow:0 15px 35px #111d3540}
.vmxlc-fab-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffffff2c;font-size:22px;line-height:1}
.vmxlc-fab-icon img{width:25px!important;height:25px!important;object-fit:contain!important;display:block!important}
.vmxlc-root .vmxlc-panel{position:absolute;bottom:72px;right:0;width:min(390px,calc(100vw - 24px));height:min(660px,calc(100dvh - 115px));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--vmxlc-line);border-radius:19px!important;background:var(--vmxlc-surface);color:var(--vmxlc-ink);box-shadow:var(--vmxlc-elev);isolation:isolate;animation:vmxlc-appear .2s ease-out}
.vmxlc-side-left .vmxlc-panel{right:auto;left:0}
.vmxlc-panel[hidden],.vmxlc-start[hidden],.vmxlc-conversation[hidden]{display:none!important}
@keyframes vmxlc-appear{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.vmxlc-top{min-height:114px;background-color:var(--vmxlc-brand);background-image:linear-gradient(105deg,var(--vmxlc-brand),#07527c);background-size:cover;background-position:center;color:#fff;padding:23px 19px 16px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;position:relative}
.vmxlc-top:after{content:'';position:absolute;inset:auto -35px -45px auto;width:150px;height:150px;border:1px solid #fff3;border-radius:50%;pointer-events:none}
.vmxlc-top-brand{display:flex;align-items:center;gap:11px;position:relative;z-index:1}
.vmxlc-top-brand strong,.vmxlc-top-brand span{display:block!important;color:#fff!important}
.vmxlc-top-brand strong{font-size:19px!important;font-weight:800!important;line-height:1.25!important}
.vmxlc-top-brand span{font-size:11px!important;opacity:.9;margin-top:4px}
.vmxlc-logo{width:38px;height:38px;object-fit:contain;border-radius:10px;background:#fff3;padding:4px}
.vmxlc-root .vmxlc-close{z-index:2;border:0!important;background:#ffffff25!important;color:#fff!important;font-size:24px!important;font-weight:400!important;border-radius:10px!important;width:32px!important;height:32px!important;padding:0!important;line-height:30px!important}
.vmxlc-agent-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:-36px;z-index:1;padding:0 14px 8px}
.vmxlc-avatar{display:grid;place-items:center;position:relative;width:72px;height:72px;border:4px solid var(--vmxlc-surface);border-radius:50%;background:var(--vmxlc-soft);box-shadow:0 3px 18px #0002;color:var(--vmxlc-brand);font-size:27px;overflow:visible}
.vmxlc-avatar img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important}
.vmxlc-avatar i{display:block;position:absolute;right:4px;bottom:3px;background:#20ba79;border:3px solid var(--vmxlc-surface);border-radius:50%;width:15px;height:15px}
.vmxlc-agent-card strong{font-size:14px!important;line-height:1.2!important;color:var(--vmxlc-ink)!important;margin-top:4px}
.vmxlc-agent-card>span{font-size:11px!important;color:var(--vmxlc-muted)!important}
.vmxlc-intro{font-size:13px;padding:5px 23px 10px;color:var(--vmxlc-muted);text-align:center;line-height:1.5}
.vmxlc-start{overflow-y:auto;padding:12px 22px 17px;display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;scrollbar-width:thin}
.vmxlc-start label:not(.vmxlc-consent){display:flex;flex-direction:column;gap:6px;font-size:12px!important;font-weight:650!important;color:var(--vmxlc-ink)!important}
.vmxlc-root .vmxlc-start input:not([type=checkbox]),.vmxlc-root .vmxlc-start textarea,.vmxlc-root .vmxlc-reply textarea{width:100%!important;min-height:41px!important;outline:none!important;border:1px solid var(--vmxlc-line)!important;border-radius:10px!important;background:var(--vmxlc-soft)!important;padding:10px 12px!important;box-shadow:none!important;color:var(--vmxlc-ink)!important;font-size:13px!important;font-weight:400!important;line-height:1.4!important;margin:0!important;transition:border-color .17s,box-shadow .17s}
.vmxlc-root .vmxlc-start textarea{resize:vertical;min-height:68px!important}
.vmxlc-root input:focus,.vmxlc-root textarea:focus{border-color:var(--vmxlc-brand)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--vmxlc-brand) 12%,transparent)!important}
.vmxlc-root input::placeholder,.vmxlc-root textarea::placeholder{color:#95a0ad!important;opacity:1}
.vmxlc-consent{display:flex;align-items:flex-start;gap:8px;color:var(--vmxlc-muted);font-size:11px;line-height:1.45;font-weight:400}
.vmxlc-root .vmxlc-consent input{margin:2px 0 0!important;accent-color:var(--vmxlc-brand);flex:0 0 auto}
.vmxlc-root .vmxlc-consent a{color:var(--vmxlc-brand)!important;text-decoration:underline}
.vmxlc-root .vmxlc-primary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:45px;width:100%;margin:0!important;border:0!important;border-radius:11px!important;background:var(--vmxlc-brand)!important;color:#fff!important;padding:12px 16px!important;font-size:13px!important;font-weight:750!important;box-shadow:none!important}
.vmxlc-primary span{font-size:17px}
.vmxlc-honeypot{position:absolute!important;left:-100000px!important;opacity:0!important;pointer-events:none!important}
.vmxlc-conversation{display:flex;flex:1;min-height:0;flex-direction:column}
.vmxlc-messages{flex:1;min-height:90px;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--vmxlc-soft);scrollbar-width:thin}
.vmxlc-bubble{max-width:89%;align-self:flex-start;padding:11px 13px;border-radius:14px 14px 14px 3px;background:var(--vmxlc-surface);border:1px solid var(--vmxlc-line);font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 2px 10px #14273e08}
.vmxlc-bubble.vmxlc-mine{align-self:flex-end;background:var(--vmxlc-brand);color:#fff;border:0;border-radius:14px 14px 3px 14px}
.vmxlc-bubble small{display:block;font-size:10px;opacity:.64;text-align:right;margin-top:5px}
.vmxlc-reply{display:flex;align-items:flex-end;gap:8px;background:var(--vmxlc-surface);padding:12px;border-top:1px solid var(--vmxlc-line)}
.vmxlc-root .vmxlc-reply textarea{min-height:44px!important;max-height:100px!important;resize:vertical}
.vmxlc-root .vmxlc-reply button{flex:0 0 42px;height:42px!important;border:0!important;border-radius:11px!important;background:var(--vmxlc-brand)!important;color:#fff!important;padding:0!important;font-size:19px!important}
.vmxlc-error{color:#c63b38;padding:0 17px;font-size:12px}.vmxlc-error:empty{display:none}
.vmxlc-footer{flex:0 0 auto;display:flex;gap:4px;align-items:center;justify-content:center;padding:8px;color:var(--vmxlc-muted);font-size:10px;border-top:1px solid var(--vmxlc-line);background:var(--vmxlc-surface)}
.vmxlc-footer b{color:var(--vmxlc-ink)}.vmxlc-shield{color:#21bf8b;font-size:11px}
.vmxlc-theme-dark{--vmxlc-ink:#edf4fc;--vmxlc-muted:#a4b1c1;--vmxlc-surface:#151e2c;--vmxlc-soft:#202d3d;--vmxlc-line:#334256;--vmxlc-elev:0 20px 65px #0009}
@media(prefers-color-scheme:dark){.vmxlc-theme-auto{--vmxlc-ink:#edf4fc;--vmxlc-muted:#a4b1c1;--vmxlc-surface:#151e2c;--vmxlc-soft:#202d3d;--vmxlc-line:#334256;--vmxlc-elev:0 20px 65px #0009}}
@media(max-width:600px){.vmxlc-root{--vmxlc-offset-x:12px;--vmxlc-offset-y:12px}.vmxlc-hide-mobile{display:none!important}.vmxlc-root .vmxlc-panel{width:min(390px,calc(100vw - 24px));height:min(680px,calc(100dvh - 94px));bottom:68px}.vmxlc-start{padding:9px 17px 12px}.vmxlc-agent-card{margin-top:-34px}}
@media(prefers-reduced-motion:reduce){.vmxlc-root *{animation:none!important;transition:none!important}}

/* Vinimaks Hub Space — storefront chat skin, v1.4.0.
 * Isolated selectors. Client accent remains adjustable via --vmxlc-brand.
 */
.vmxlc-root{
  --vmxlc-ink:#eaf0f4;--vmxlc-muted:#9aabb9;--vmxlc-surface:#17212a;
  --vmxlc-soft:#111a22;--vmxlc-line:#3b4a57;
  --vmxlc-elev:0 22px 70px #0009,0 1px 0 #ffffff13 inset;
  --vmxlc-control:#263440;
  --vmxlc-brand:#899eae;
  -webkit-font-smoothing:antialiased;
}
.vmxlc-root .vmxlc-fab{
  min-height:45px!important;padding:8px 15px 8px 9px!important;
  gap:9px;font-size:12px!important;font-weight:600!important;
  border:1px solid #7c8b9870!important;
  background:linear-gradient(145deg,#34424f,#19232c)!important;
  box-shadow:0 9px 33px #0007,inset 0 1px #edf5fb26!important;
  color:#f0f4f7!important;backdrop-filter:blur(14px)
}
.vmxlc-root .vmxlc-fab:hover{transform:translateY(-1px);background:linear-gradient(145deg,#425363,#1f2d36)!important}
.vmxlc-root .vmxlc-fab-icon{width:29px;height:29px;background:#bccbd01d;border:1px solid #cad7e51d;font-size:16px}
.vmxlc-root .vmxlc-fab-icon img{width:21px!important;height:21px!important}
.vmxlc-root .vmxlc-panel{
  width:min(375px,calc(100vw - 24px));height:min(612px,calc(100dvh - 95px));bottom:59px;
  background:linear-gradient(135deg,#24313de8,#141d26f5 65%,#101820fa);
  border:1px solid #6c839366!important;border-radius:15px!important;
  box-shadow:var(--vmxlc-elev)!important;backdrop-filter:blur(22px)
}
.vmxlc-root .vmxlc-top{
  min-height:83px;padding:20px 17px 14px;
  background:linear-gradient(125deg,#354551,#1b2731 70%,#121c25)!important;
  border-bottom:1px solid #65758444
}
.vmxlc-root .vmxlc-top:after{content:none}
.vmxlc-root .vmxlc-top-brand{gap:9px}
.vmxlc-root .vmxlc-top-brand strong{font-size:15px!important;font-weight:600!important;letter-spacing:.005em!important}
.vmxlc-root .vmxlc-top-brand span{font-size:10px!important;letter-spacing:.02em;opacity:.76}
.vmxlc-root .vmxlc-logo{width:32px;height:32px;padding:4px;border-radius:7px;background:#eff6fc16;border:1px solid #eff6fc1d}
.vmxlc-root .vmxlc-close{width:27px!important;height:27px!important;line-height:24px!important;font-size:18px!important;background:#ffffff12!important;border:1px solid #ffffff1c!important;border-radius:7px!important}
.vmxlc-root .vmxlc-agent-card{margin-top:-20px;gap:2px;padding-bottom:5px}
.vmxlc-root .vmxlc-avatar{width:53px;height:53px;border-width:3px;background:linear-gradient(160deg,#344655,#18242d);box-shadow:0 8px 25px #0004;color:#cedae2;font-size:22px}
.vmxlc-root .vmxlc-avatar i{right:1px;bottom:2px;width:13px;height:13px;background:#7da99b}
.vmxlc-root .vmxlc-agent-card strong{font-size:12px!important;font-weight:550!important}
.vmxlc-root .vmxlc-agent-card>span{font-size:10px!important}
.vmxlc-root .vmxlc-intro{font-size:12px;line-height:1.6;padding:4px 22px 5px;color:#adbdc8}
.vmxlc-root .vmxlc-start{padding:12px 19px 15px;gap:9px;scrollbar-color:#566676 transparent}
.vmxlc-root .vmxlc-start label:not(.vmxlc-consent){font-size:10px!important;font-weight:550!important;color:#c9d5df!important;gap:5px;letter-spacing:.02em}
.vmxlc-root .vmxlc-start input:not([type=checkbox]),
.vmxlc-root .vmxlc-start textarea,.vmxlc-root .vmxlc-reply textarea{
  min-height:35px!important;padding:8px 10px!important;
  background:linear-gradient(145deg,#17212be8,#24313bc2)!important;
  border:1px solid #50606e!important;border-radius:7px!important;
  color:#f1f5f8!important;font-size:11px!important;
}
.vmxlc-root .vmxlc-start textarea{min-height:61px!important}
.vmxlc-root input::placeholder,.vmxlc-root textarea::placeholder{color:#8194a3!important}
.vmxlc-root input:focus,.vmxlc-root textarea:focus{border-color:#a1b4c2!important;box-shadow:0 0 0 2px #95b4c226!important}
.vmxlc-root .vmxlc-primary{
  min-height:38px;border-radius:7px!important;padding:9px 12px!important;
  background:linear-gradient(110deg,#a9bac6,#758d9f)!important;
  color:#101a22!important;font-size:11px!important;font-weight:680!important;
}
.vmxlc-root .vmxlc-primary span{font-size:14px}
.vmxlc-root .vmxlc-consent{font-size:10px;line-height:1.4;color:#9dabb8}
.vmxlc-root .vmxlc-consent a{color:#d0e1ed!important}
.vmxlc-root .vmxlc-consent input{accent-color:#98adbd}
.vmxlc-root .vmxlc-messages{background:linear-gradient(170deg,#111a22,#1a2530);padding:14px;gap:9px}
.vmxlc-root .vmxlc-bubble{border-radius:10px 10px 10px 3px;background:#2b3945;border:1px solid #4c5c68;color:#eff5f9;font-size:11px;padding:9px 11px;box-shadow:none}
.vmxlc-root .vmxlc-bubble.vmxlc-mine{border:1px solid #93a6b3;background:#768d9e;color:#101c25;border-radius:10px 10px 3px 10px}
.vmxlc-root .vmxlc-reply{background:#18222c;border-top-color:#3a4b58;padding:10px}
.vmxlc-root .vmxlc-reply button{flex-basis:36px;height:36px!important;background:#90a4b3!important;color:#14212b!important;border-radius:7px!important;font-size:15px!important}
.vmxlc-root .vmxlc-footer{font-size:9px;padding:8px;background:#151f28;border-top-color:#394653;color:#91a2b0}
.vmxlc-root .vmxlc-footer b{color:#d8e5ed}.vmxlc-root .vmxlc-shield{color:#9bb4a9}
/* Optional light storefront theme keeps matching graphite geometry, not the old blue styling. */
.vmxlc-root.vmxlc-theme-light{
  --vmxlc-ink:#1b2731;--vmxlc-muted:#677886;--vmxlc-surface:#f6f8fa;
  --vmxlc-soft:#edf1f4;--vmxlc-line:#d5dfe6
}
.vmxlc-theme-light .vmxlc-panel{background:linear-gradient(155deg,#fafdff,#e7eef4)!important;border-color:#cad5de!important}
.vmxlc-theme-light .vmxlc-top{background:linear-gradient(110deg,#3f5261,#253641)!important}
.vmxlc-theme-light .vmxlc-intro,.vmxlc-theme-light .vmxlc-agent-card>span{color:#647687!important}
.vmxlc-theme-light .vmxlc-agent-card strong{color:#21313d!important}
.vmxlc-theme-light .vmxlc-start label:not(.vmxlc-consent){color:#3a4c5b!important}
.vmxlc-theme-light .vmxlc-start input:not([type=checkbox]),.vmxlc-theme-light .vmxlc-start textarea,.vmxlc-theme-light .vmxlc-reply textarea{background:#fff!important;border-color:#d0dbe3!important;color:#223442!important}
.vmxlc-theme-light .vmxlc-messages{background:#eff3f6}
.vmxlc-theme-light .vmxlc-bubble:not(.vmxlc-mine){color:#233747;background:white;border-color:#d2dde5}
.vmxlc-theme-light .vmxlc-reply,.vmxlc-theme-light .vmxlc-footer{background:#f9fbfd;color:#687988;border-color:#d4dfe7}
.vmxlc-theme-light .vmxlc-footer b{color:#364e5f}
@media(prefers-color-scheme:light){.vmxlc-theme-auto{--vmxlc-ink:#20303c}}
@media(max-width:600px){.vmxlc-root .vmxlc-panel{bottom:56px;height:min(610px,calc(100dvh - 83px));border-radius:13px!important}.vmxlc-root .vmxlc-fab{min-height:44px!important}}

/* Preserve per-client branding while retaining the Hub Space geometry. */
.vmxlc-root .vmxlc-fab{background:linear-gradient(145deg,color-mix(in srgb,var(--vmxlc-brand) 53%,#34424e),color-mix(in srgb,var(--vmxlc-brand) 16%,#19242d))!important}
.vmxlc-root .vmxlc-primary{background:linear-gradient(110deg,color-mix(in srgb,var(--vmxlc-brand) 80%,#d1dce5),color-mix(in srgb,var(--vmxlc-brand) 65%,#a4b8c7))!important}
.vmxlc-root .vmxlc-panel{background:linear-gradient(135deg,#24313de8,color-mix(in srgb,var(--vmxlc-dark) 87%,#17212a) 80%)!important}
.vmxlc-root.vmxlc-theme-light .vmxlc-panel{background:linear-gradient(155deg,#fafdff,#e7eef4)!important}