/* WaitGo Live-Chat */
.wgc { --c-ink: #11223F; --c-muted: #5B6880; --c-bg: #fff; --c-soft: #F1F4F9; --c-line: #DCE3EE; --c-accent: #1557F0; position: fixed; z-index: 60; right: max(1rem, env(safe-area-inset-right)); bottom: max(1rem, env(safe-area-inset-bottom)); font-family: "Schibsted Grotesk", system-ui, sans-serif; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .wgc[data-channel="support"] { --c-ink: #E8EDF6; --c-muted: #98A6BF; --c-bg: #121D33; --c-soft: #1A2742; --c-line: #24324F; --c-accent: #6C98FF; } }
:root[data-theme="dark"] .wgc[data-channel="support"] { --c-ink: #E8EDF6; --c-muted: #98A6BF; --c-bg: #121D33; --c-soft: #1A2742; --c-line: #24324F; --c-accent: #6C98FF; }
.wgc[hidden], .wgc [hidden] { display: none !important; }
.wgc-launch { display: inline-flex; align-items: center; gap: .55rem; font: inherit; font-weight: 700; font-size: .98rem; color: #fff; background: linear-gradient(110deg, #1E40AF, #046C6E 55%, #047857); border: 0; border-radius: 999px; padding: .85rem 1.15rem; box-shadow: 0 16px 34px -14px rgba(4,60,90,.65); cursor: pointer; position: relative; }
.wgc-launch svg { width: 22px; height: 22px; }
.wgc-dot { position: absolute; top: 6px; right: 8px; width: 10px; height: 10px; border-radius: 50%; background: #48E0B0; box-shadow: 0 0 0 2px #fff; }
.wgc-panel { position: absolute; right: 0; bottom: 0; width: min(380px, calc(100vw - 2rem)); height: min(560px, calc(100dvh - 2rem)); background: var(--c-bg); color: var(--c-ink); border-radius: 20px; box-shadow: 0 30px 70px -20px rgba(17,34,63,.45), 0 0 0 1px var(--c-line); display: flex; flex-direction: column; overflow: hidden; }
.wgc-head { display: flex; align-items: center; gap: .7rem; padding: .9rem 1rem; background: linear-gradient(110deg, #1E40AF, #046C6E 55%, #047857); color: #fff; }
.wgc-head img { width: 34px; height: 34px; background: #fff; border-radius: 10px; padding: 4px; }
.wgc-head div { flex: 1; display: flex; flex-direction: column; line-height: 1.2; }
.wgc-head small { opacity: .9; font-size: .82rem; }
.wgc-close { font: inherit; font-size: 1.6rem; line-height: 1; color: #fff; background: transparent; border: 0; cursor: pointer; padding: .2rem .4rem; }
.wgc-body { flex: 1; overflow-y: auto; padding: 1rem; display: flex; flex-direction: column; gap: .5rem; background: var(--c-soft); }
.wgc-msg { max-width: 82%; padding: .6rem .8rem; border-radius: 16px; font-size: .95rem; line-height: 1.4; white-space: pre-wrap; overflow-wrap: anywhere; }
.wgc-msg small { display: block; font-size: .7rem; opacity: .65; margin-top: .2rem; }
.wgc-visitor { align-self: flex-end; background: var(--c-accent); color: #fff; border-bottom-right-radius: 6px; }
.wgc-agent { align-self: flex-start; background: var(--c-bg); border: 1px solid var(--c-line); border-bottom-left-radius: 6px; }
.wgc-system { align-self: center; background: transparent; color: var(--c-muted); text-align: center; font-size: .88rem; max-width: 95%; }
.wgc-form { border-top: 1px solid var(--c-line); padding: .7rem; background: var(--c-bg); }
.wgc-intro { display: grid; gap: .4rem; margin-bottom: .5rem; }
.wgc-intro input { font: inherit; font-size: .95rem; padding: .55rem .7rem; border: 1px solid var(--c-line); border-radius: 10px; background: var(--c-bg); color: var(--c-ink); }
.wgc-hp { position: absolute; left: -9999px; width: 1px; height: 1px; }
.wgc-row { display: flex; gap: .5rem; align-items: flex-end; }
.wgc-row textarea { flex: 1; font: inherit; font-size: .95rem; padding: .6rem .75rem; border: 1px solid var(--c-line); border-radius: 12px; resize: none; max-height: 120px; background: var(--c-bg); color: var(--c-ink); }
.wgc-send { width: 44px; height: 44px; border-radius: 12px; border: 0; background: var(--c-accent); color: #fff; display: grid; place-items: center; cursor: pointer; flex: none; }
.wgc-send svg { width: 20px; height: 20px; }
.wgc-error { color: #C2341F; font-size: .85rem; margin: .4rem 0 0; }
.wgc-locked { padding: 1rem; border-top: 1px solid var(--c-line); font-size: .92rem; }
.wgc-locked p { margin: 0 0 .5rem; }
.wgc-btn { display: inline-block; background: var(--c-accent); color: #fff; padding: .55rem .9rem; border-radius: 10px; font-weight: 700; text-decoration: none; }
@media (max-width: 520px) { .wgc-launch span { display: none; } .wgc-launch { padding: .9rem; } }
@media print { .wgc { display: none !important; } }