/* modv1 skin for the live chat widget: same layout as livechat-pro, but follows the site theme (dark/light + brand colours). */
.gmx-livechat-shell{font-family:inherit;color:var(--text-main,#f8fafc)}
.gmx-livechat-shell [hidden]{display:none!important}

/* launcher */
.gmx-lc-launcher{height:54px;min-width:54px;padding:0 18px 0 8px;gap:10px;border-radius:999px;background:var(--brand-gradient,linear-gradient(135deg,var(--brand-primary,#f97316),var(--brand-secondary,#fb923c)));border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 30px -10px rgba(0,0,0,.55),0 8px 22px -12px var(--brand-primary,#f97316);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s cubic-bezier(.2,.8,.2,1)}
.gmx-lc-launcher:hover{transform:translateY(-1px);box-shadow:0 16px 36px -10px rgba(0,0,0,.6),0 10px 26px -10px var(--brand-primary,#f97316)}
.gmx-lc-launcher:focus-visible{outline:2px solid var(--text-main,#fff);outline-offset:3px}
.gmx-lc-launcher-main{display:flex;align-items:center;gap:10px}
.gmx-lc-launcher-icon{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.16);font-size:17px}
.gmx-lc-launcher-label{font-size:14px;font-weight:700;letter-spacing:.01em}
.gmx-lc-launcher-state{right:auto;left:36px;bottom:9px;width:11px;height:11px;border:2px solid var(--bg-body,#0b0f19)}
.gmx-lc-launcher-badge{top:-5px;right:-5px;min-width:20px;height:20px;font-size:10.5px;border:2px solid var(--bg-body,#0b0f19)}

/* panel */
.gmx-lc-panel{bottom:68px;width:380px;border-radius:20px;background:var(--bg-surface,#151a27);border:1px solid var(--border-color,#262e40);box-shadow:0 28px 70px -16px rgba(0,0,0,.6);transform-origin:bottom right}
.gmx-livechat-shell[data-position="left"] .gmx-lc-panel{transform-origin:bottom left}
.gmx-lc-panel.open{animation:gmxLcIn .24s cubic-bezier(.2,.8,.2,1)}
@keyframes gmxLcIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.gmx-lc-header{padding:14px 14px 14px 16px;align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary,#f97316) 16%,var(--bg-surface,#151a27)),var(--bg-surface,#151a27) 70%);border-bottom:1px solid var(--border-color,#262e40)}
.gmx-lc-avatar{width:42px;height:42px;flex-basis:42px;border-radius:14px;background:var(--brand-gradient,linear-gradient(135deg,#f97316,#fb923c));font-size:17px;box-shadow:0 8px 18px -10px var(--brand-primary,#f97316)}
.gmx-lc-header-copy strong{font-size:15.5px;font-weight:700;color:var(--text-main,#f8fafc)}
.gmx-lc-header-copy small,.gmx-lc-statusline{color:var(--text-muted,#94a3b8)}
.gmx-lc-statusline{font-size:11.5px}
.gmx-lc-header-actions button{width:34px;height:34px;border-radius:10px;border:1px solid var(--border-color,#262e40);background:transparent;color:var(--text-muted,#94a3b8);transition:background-color .2s ease,color .2s ease}
.gmx-lc-header-actions button:hover{background:var(--bg-surface-hover,rgba(255,255,255,.06));color:var(--text-main,#fff)}

.gmx-lc-body{background:var(--bg-body,#0b0f19);padding:14px;gap:10px;scrollbar-width:thin}
.gmx-lc-welcome{background:var(--bg-surface,#151a27);border:1px solid var(--border-color,#262e40);border-radius:16px;box-shadow:none}
.gmx-lc-welcome h6{font-size:13.5px;font-weight:700;color:var(--text-main,#f8fafc)}
.gmx-lc-welcome p{color:var(--text-muted,#94a3b8)}
.gmx-lc-guest label span,.gmx-lc-faqs-title{color:var(--text-muted,#94a3b8);font-weight:600}
.gmx-lc-guest input,.gmx-lc-form textarea{background:var(--bg-surface,#151a27);border:1px solid var(--border-color,#262e40);color:var(--text-main,#f8fafc);border-radius:12px;transition:border-color .2s ease,box-shadow .2s ease}
.gmx-lc-guest input::placeholder,.gmx-lc-form textarea::placeholder{color:var(--text-muted,#94a3b8);opacity:.8}
.gmx-lc-guest input:focus,.gmx-lc-form textarea:focus{border-color:var(--brand-primary,#f97316);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary,#f97316) 22%,transparent)}
.gmx-lc-faqs-list{flex-direction:row;flex-wrap:wrap}
.gmx-lc-faq-btn{background:var(--bg-surface,#151a27);border:1px solid var(--border-color,#262e40);color:var(--text-main,#f8fafc);font-weight:600;font-size:12.5px;padding:8px 12px;box-shadow:none;transition:border-color .2s ease,background-color .2s ease;cursor:pointer}
.gmx-lc-faq-btn:hover{border-color:var(--brand-primary,#f97316);background:color-mix(in srgb,var(--brand-primary,#f97316) 10%,var(--bg-surface,#151a27))}
.gmx-lc-note,.gmx-lc-msg.system{background:color-mix(in srgb,#f59e0b 12%,var(--bg-surface,#151a27));border:1px solid color-mix(in srgb,#f59e0b 30%,transparent);color:var(--text-main,#f8fafc)}
.gmx-lc-msg{font-size:13.5px;padding:10px 13px;border-radius:16px;animation:gmxLcMsg .2s ease-out}
@keyframes gmxLcMsg{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.gmx-lc-msg.me{background:var(--brand-gradient,linear-gradient(135deg,#f97316,#fb923c));color:#fff;border-bottom-right-radius:6px}
.gmx-lc-msg.agent{background:var(--bg-surface,#151a27);border:1px solid var(--border-color,#262e40);color:var(--text-main,#f8fafc);border-bottom-left-radius:6px}
.gmx-lc-time{color:var(--text-muted,#94a3b8);font-size:10.5px}

.gmx-lc-footer{background:var(--bg-surface,#151a27);border-top:1px solid var(--border-color,#262e40);padding:12px}
.gmx-lc-form{gap:8px;align-items:flex-end}
.gmx-lc-form textarea{min-height:46px}
.gmx-lc-form button[type="submit"]{width:46px;height:46px;flex:0 0 46px;border-radius:14px;background:var(--brand-gradient,linear-gradient(135deg,#f97316,#fb923c));font-size:16px;transition:filter .2s ease,transform .2s ease}
.gmx-lc-form button[type="submit"]:hover{filter:brightness(1.08)}
.gmx-lc-footer-actions{justify-content:flex-end;margin-top:8px}
.gmx-lc-secondary{background:transparent;border:1px solid var(--border-color,#262e40);color:var(--text-muted,#94a3b8);border-radius:10px;padding:6px 11px;font-weight:600;transition:color .2s ease,border-color .2s ease;cursor:pointer}
.gmx-lc-secondary:hover{color:var(--text-main,#fff);border-color:var(--border-hover,#3a4458)}
.gmx-lc-danger{color:#f87171}
.gmx-lc-danger:hover{color:#fca5a5;border-color:color-mix(in srgb,#ef4444 45%,transparent)}

/* mobile: keep the launcher above the bottom nav (nav: 74px + 10px gap + safe area) */
@media (max-width:767px){
  .gmx-livechat-shell,.gmx-livechat-shell[data-position="left"]{bottom:calc(106px + env(safe-area-inset-bottom));right:14px}
  .gmx-livechat-shell[data-position="left"]{right:auto;left:14px}
  .gmx-lc-launcher{width:52px;height:52px;min-width:52px;padding:0;justify-content:center}
  .gmx-lc-launcher-icon{background:none;width:auto;height:auto;font-size:20px}
  .gmx-lc-launcher-label{display:none}
  .gmx-lc-launcher-state{left:auto;right:3px;bottom:3px}
  .gmx-lc-panel,.gmx-lc-panel[data-mobile="full"]{position:fixed;left:10px;right:10px;top:max(10px,env(safe-area-inset-top));bottom:calc(170px + env(safe-area-inset-bottom));width:auto;height:auto;max-width:none;border-radius:18px}
}
@media (prefers-reduced-motion:reduce){.gmx-lc-panel.open,.gmx-lc-msg{animation:none}.gmx-lc-launcher{transition:none}}
.gmx-livechat-shell *,.gmx-livechat-shell *::before,.gmx-livechat-shell *::after{box-sizing:border-box}
.gmx-lc-guest input,.gmx-lc-form textarea,.gmx-lc-form button{font-family:inherit;font-size:13.5px}
.gmx-lc-guest label{display:block;margin:0}