.hx-launch{position:fixed;right:18px;bottom:18px;z-index:80;width:64px;height:64px;padding:0;border:0;border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(216,185,138,.25),rgba(20,16,24,.85) 70%);box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 30px rgba(216,185,138,.35);cursor:pointer;transition:transform .2s}
.hx-launch:hover{transform:scale(1.07)}
.hx-orb{width:64px;height:64px;display:block;border-radius:50%}
.hx-orb.flat{background:radial-gradient(circle at 40% 35%,#f1e6fa,#d8b98a 45%,#7a5a2e)}
.hx-badge{position:absolute;top:4px;right:4px;width:13px;height:13px;border-radius:50%;background:#8fd9ad;box-shadow:0 0 0 2px #0b0a0c,0 0 10px #8fd9ad;display:none}
.hx-launch.new .hx-badge{display:block;animation:phLive 1.4s ease-in-out infinite}
.hx-tip{position:absolute;right:74px;top:50%;transform:translateY(-50%);white-space:nowrap;padding:8px 12px;border-radius:12px;background:rgba(20,17,23,.92);border:1px solid rgba(216,185,138,.3);color:#efe9e4;font:700 12px Inter,sans-serif;opacity:0;pointer-events:none;transition:opacity .5s}
.hx-launch:hover .hx-tip,.hx-launch.tip .hx-tip{opacity:1}.hx-launch.open .hx-tip{display:none}
.hx-panel{position:fixed;right:18px;bottom:94px;z-index:81;width:min(380px,calc(100vw - 24px));height:min(560px,calc(100vh - 120px));display:flex;flex-direction:column;border-radius:22px;overflow:hidden;
 background:rgba(18,15,21,.96);border:1px solid rgba(216,185,138,.28);box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 40px rgba(216,185,138,.18);backdrop-filter:blur(16px);color:#efe9e4;font-family:Inter,sans-serif;animation:hxIn .22s ease-out}
.hx-panel[hidden]{display:none}
@keyframes hxIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.hx-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(216,185,138,.16),transparent)}
.hx-head b{display:block;font-size:14px;letter-spacing:.04em}.hx-head small{display:block;font-size:11px;color:#a69ba8}
.hx-dot{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#d8b98a 50%,#7a5a2e);box-shadow:0 0 12px rgba(216,185,138,.8)}
.hx-panel.human .hx-dot{background:#8fd9ad;box-shadow:0 0 12px #8fd9ad}
.hx-x{margin-left:auto;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:transparent;color:#efe9e4;font-size:20px;line-height:1;cursor:pointer}
.hx-log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px}
.hx-m{max-width:86%;padding:9px 12px;border-radius:16px;font-size:13.5px;line-height:1.45;overflow-wrap:anywhere}
.hx-m.bot{align-self:flex-start;background:rgba(255,255,255,.07);border-bottom-left-radius:5px}
.hx-m.agent{align-self:flex-start;background:rgba(143,217,173,.12);border:1px solid rgba(143,217,173,.3);border-bottom-left-radius:5px}
.hx-m.user{align-self:flex-end;background:#d8b98a;color:#141110;border-bottom-right-radius:5px}
.hx-m a{color:#e6d6f2;text-decoration:underline}.hx-m.user a{color:#141110}
.hx-who{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;color:#8fd9ad;margin-bottom:3px;text-transform:uppercase}
.hx-m.typing{display:flex;gap:4px;padding:12px 14px}.hx-m.typing i{width:7px;height:7px;border-radius:50%;background:#d8b98a;animation:hxDot 1s infinite}
.hx-m.typing i:nth-child(2){animation-delay:.15s}.hx-m.typing i:nth-child(3){animation-delay:.3s}
@keyframes hxDot{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.hx-quick{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px}.hx-quick[hidden]{display:none}
.hx-q{padding:7px 11px;border-radius:999px;border:1px solid rgba(216,185,138,.35);background:rgba(216,185,138,.08);color:#efe9e4;font:700 12px Inter,sans-serif;cursor:pointer}
.hx-q:hover{background:rgba(216,185,138,.18)}
.hx-form{display:flex;gap:8px;align-items:flex-end;padding:10px 12px;border-top:1px solid rgba(255,255,255,.08)}
.hx-form textarea{flex:1;resize:none;max-height:120px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#efe9e4;font:500 13.5px/1.4 Inter,sans-serif;outline:none}
.hx-form textarea:focus{border-color:#d8b98a}
.hx-form button{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:#d8b98a;color:#141110;font-size:16px;cursor:pointer}
@media(max-width:520px){.hx-panel{right:0;left:0;bottom:0;width:100%;height:100%;max-height:none;border-radius:0}.hx-launch{right:14px;bottom:14px;width:56px;height:56px}.hx-orb{width:56px;height:56px}
 body.hx-on .hx-launch{display:none}}
.hx-end{margin-left:auto;padding:6px 10px;border-radius:999px;border:1px solid rgba(240,161,173,.4);background:transparent;color:#f0a1ad;font:800 10px Inter,sans-serif;letter-spacing:.12em;cursor:pointer}
.hx-end[hidden]{display:none}.hx-end:not([hidden])+.hx-x{margin-left:6px}
.hx-m.note{align-self:center;max-width:92%;background:transparent;color:#a69ba8;font-size:11.5px;text-align:center;padding:4px 8px}
.hx-form.off{opacity:.5}
.hx-t{white-space:pre-line}

/* the AI can be wrong: a quiet note under every AI stylist answer */
.ai-warn{margin:10px 0 0;font:500 11.5px/1.45 Inter,sans-serif;color:var(--muted,#9a93a0);opacity:.85}

/* admin: feedback from HANGER Assistant - the visitor's own words under the Turkish summary */
.adm-fb-orig{margin-top:6px;padding-left:10px;border-left:2px solid var(--line2);color:var(--muted);font-size:12px;line-height:1.5}

/* HANGER Assistant on the HUD screen: the whole screen, opened from 💬 */
.hx-panel.hx-embed{right:0;left:0;top:0;bottom:0;width:100%;height:100%;max-height:none;border-radius:0;z-index:95}
/* the problem or idea the AI wrote up, waiting for the visitor's OK */
.hx-draft{align-self:stretch;margin:4px 0;padding:12px 14px;border:1px solid rgba(216,185,138,.45);border-radius:14px;background:rgba(216,185,138,.08)}
.hx-draft-k{display:block;margin-bottom:6px;font:800 10.5px/1 Inter,sans-serif;letter-spacing:.12em;color:#d8b98a}
.hx-draft .hx-t{font:500 13.5px/1.5 Inter,sans-serif;color:#efe9e4;white-space:pre-wrap}
.hx-draft-b{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.hx-draft-b button{padding:9px 14px;border-radius:999px;font:800 11px/1 Inter,sans-serif;letter-spacing:.08em;cursor:pointer}
.hx-send{border:0;background:#d8b98a;color:#141110}.hx-drop{border:1px solid rgba(255,255,255,.2);background:transparent;color:#efe9e4}
.hx-draft-b button:disabled{opacity:.5;cursor:default}
@media(prefers-reduced-motion:reduce){.chat-live,.hx-launch.new .hx-badge{animation:none}}
.tk-meta{font:500 13px/1.4 Inter,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.tk-form textarea{font:500 14px/1.5 Inter,sans-serif;color:var(--ink)}
.chat-name{font:800 16px/1.2 Inter,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)}
/* the mini screen's top row never pushes the close button out (long labels in other languages) */
.mini-top strong,.mini-win,.mini-win button{flex:none}.mini-count{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}

/* ---- pictures in HANGER Assistant and tickets: paperclip, paste, drop */
.hx-att,.tk-att{flex:none;width:40px;height:40px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:transparent;color:#cfc6d6;cursor:pointer;transition:color .2s,border-color .2s,transform .2s}
.hx-att:hover,.tk-att:hover{color:#efe9e4;border-color:#d8b98a;transform:rotate(-12deg)}
.tk-att{border-color:var(--line2);color:var(--muted)}.tk-att:hover{color:var(--ink);border-color:var(--lilac)}
.hx-panel.img-drag,.tk-form.img-drag{outline:2px dashed #d8b98a;outline-offset:-8px}
.hx-panel.img-drag::after{content:"";position:absolute;inset:0;background:rgba(216,185,138,.08);pointer-events:none}
.hx-pend{display:flex;align-items:center;gap:10px;margin:0 12px;padding:8px 10px;border:1px solid rgba(216,185,138,.35);border-radius:14px;background:rgba(216,185,138,.07)}
.hx-pend[hidden]{display:none}
.hx-pend-th{flex:none;width:44px;height:44px;border-radius:10px;overflow:hidden;background:rgba(255,255,255,.06)}
.hx-pend-th img{width:100%;height:100%;object-fit:cover;display:block}
.hx-pend-th.busy,.tk-pic.busy{background:linear-gradient(100deg,rgba(255,255,255,.04) 30%,rgba(216,185,138,.25) 50%,rgba(255,255,255,.04) 70%);background-size:300% 100%;animation:imgLoad 1.1s linear infinite}
@keyframes imgLoad{from{background-position:100% 0}to{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){.hx-pend-th.busy,.tk-pic.busy{animation:none}}
.hx-pend-t{flex:1;color:#cfc6d6;font:500 12px/1.35 Inter,sans-serif}.hx-pend-err{flex:1;color:#f0a1ad;font:600 12px/1.35 Inter,sans-serif}
.hx-pend-x{flex:none;width:26px;height:26px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#efe9e4;cursor:pointer;font-size:15px;line-height:1}
.hx-img{display:block;margin:2px 0 6px;border-radius:12px;overflow:hidden;max-width:220px;border:1px solid rgba(255,255,255,.12)}
.hx-img img{display:block;width:100%;height:auto;max-height:260px;object-fit:cover}
.hx-m.user .hx-img{margin-left:auto}
.hx-fine{margin:0;padding:0 14px 10px;color:#7d747c;font-size:11px;text-align:center}
.hx-form[hidden]{display:none}
.hx-namecard{margin:6px 0 4px;padding:14px;border-radius:16px;border:1px solid rgba(216,185,138,.45);background:linear-gradient(160deg,rgba(216,185,138,.12),rgba(255,255,255,.03));box-shadow:0 8px 24px rgba(0,0,0,.25)}
.hx-namecard label{display:block;font:700 12px/1.2 Inter,Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#d8b98a;margin-bottom:8px}
.hx-namecard div{display:flex;gap:8px}
.hx-namecard input{flex:1;min-width:0;min-height:42px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.25);color:#f3ede6;font:500 15px Inter,Manrope,sans-serif;outline:none}
.hx-namecard input:focus{border-color:#d8b98a;box-shadow:0 0 0 3px rgba(216,185,138,.2)}
.hx-namecard button{min-height:42px;padding:0 14px;border:0;border-radius:12px;background:#d8b98a;color:#1c1409;font:700 13px Inter,Manrope,sans-serif;cursor:pointer;white-space:nowrap}
.hx-namecard button:disabled{opacity:.6}
.hx-name-err{display:block;margin-top:8px;color:#f0a1ad;font-size:12.5px;line-height:1.4}