.kw-chat-root,
.kw-chat-root * { box-sizing: border-box; }
.kw-chat-root { --kw-gold:#d4a017; --kw-gold-light:#f1c84c; --kw-black:#0c0c0c; --kw-red:#e52b2b; font-family:Arial,Helvetica,sans-serif; }
.kw-chat-launcher {
  position:fixed; z-index:998; right:22px; bottom:22px; width:62px; height:62px;
  display:grid; place-items:center; border:2px solid rgba(255,255,255,.25); border-radius:50%;
  background:linear-gradient(145deg,var(--kw-gold-light),var(--kw-gold)); color:#090909;
  box-shadow:0 13px 32px rgba(0,0,0,.34),0 0 0 7px rgba(212,160,23,.13); cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
}
.kw-chat-launcher:hover { transform:translateY(-3px) scale(1.03); box-shadow:0 17px 38px rgba(0,0,0,.4),0 0 0 8px rgba(212,160,23,.15); }
.kw-chat-launcher:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.kw-chat-launcher svg { width:29px; height:29px; }
.kw-chat-badge { position:absolute; right:-2px; top:-5px; min-width:23px; height:23px; display:grid; place-items:center; padding:0 5px; border:2px solid #fff; border-radius:20px; background:var(--kw-red); color:#fff; font-size:12px; font-weight:900; }
.kw-chat-toast { position:fixed; z-index:997; right:22px; bottom:101px; width:min(310px,calc(100vw - 34px)); padding:15px 42px 15px 16px; border:1px solid #333; border-radius:13px; background:#111; color:#fff; box-shadow:0 16px 40px rgba(0,0,0,.3); animation:kwChatIn .35s ease both; }
.kw-chat-toast strong { display:block; margin-bottom:4px; color:var(--kw-gold-light); font-size:15px; }
.kw-chat-toast p { margin:0; color:#ddd; font-size:13.5px; line-height:1.45; }
.kw-chat-toast button { position:absolute; right:10px; top:9px; border:0; background:transparent; color:#aaa; font-size:22px; cursor:pointer; }
.kw-chat-panel { position:fixed; z-index:999; right:22px; bottom:98px; width:min(380px,calc(100vw - 30px)); height:min(620px,calc(100dvh - 125px)); display:none; overflow:hidden; border:1px solid #303030; border-radius:18px; background:#fff; box-shadow:0 24px 70px rgba(0,0,0,.4); }
.kw-chat-panel.kw-open { display:flex; flex-direction:column; animation:kwChatIn .24s ease both; }
.kw-chat-header { display:flex; align-items:center; gap:11px; padding:16px 17px; background:linear-gradient(135deg,#090909,#1d1d1d); color:#fff; }
.kw-chat-mark { width:38px; height:38px; display:grid; place-items:center; border:1.5px solid var(--kw-gold); border-radius:9px; color:var(--kw-gold); font-weight:1000; font-style:italic; }
.kw-chat-header-text { min-width:0; flex:1; }
.kw-chat-header-text strong { display:block; font-size:15px; letter-spacing:.2px; }
.kw-chat-status { display:flex; align-items:center; gap:6px; margin-top:3px; color:#bbb; font-size:12px; }
.kw-chat-status i { width:8px; height:8px; border-radius:50%; background:#8c8c8c; }
.kw-chat-status i.kw-online { background:#38c172; box-shadow:0 0 0 3px rgba(56,193,114,.17); }
.kw-chat-close { width:35px; height:35px; display:grid; place-items:center; border:0; border-radius:50%; background:#272727; color:#fff; font-size:22px; cursor:pointer; }
.kw-chat-body { min-height:0; flex:1; display:flex; flex-direction:column; background:#f7f7f5; }
.kw-chat-intro { padding:20px 18px 8px; text-align:center; }
.kw-chat-intro h2 { margin:0 0 7px; color:#111; font-size:22px; line-height:1.15; }
.kw-chat-intro p { margin:0; color:#666; font-size:14px; line-height:1.5; }
.kw-chat-form { padding:13px 18px 18px; overflow:auto; }
.kw-chat-field { margin-bottom:12px; }
.kw-chat-field label { display:block; margin:0 0 5px; color:#222; font-size:13px; font-weight:800; }
.kw-chat-field input,.kw-chat-field textarea { width:100%; padding:12px 13px; border:1.5px solid #d8d8d8; border-radius:8px; background:#fff; color:#111; font:14px/1.4 Arial,Helvetica,sans-serif; }
.kw-chat-field textarea { min-height:100px; resize:vertical; }
.kw-chat-field input:focus,.kw-chat-field textarea:focus { outline:0; border-color:var(--kw-gold); box-shadow:0 0 0 3px rgba(212,160,23,.16); }
.kw-chat-submit { width:100%; min-height:46px; border:0; border-radius:8px; background:var(--kw-gold); color:#080808; font-size:13px; font-weight:900; letter-spacing:.4px; cursor:pointer; }
.kw-chat-submit:disabled { opacity:.6; cursor:wait; }
.kw-chat-error { display:none; margin:0 18px 14px; padding:10px 12px; border:1px solid #efb1b1; border-radius:7px; background:#fff0f0; color:#a51d1d; font-size:12.5px; line-height:1.4; }
.kw-chat-error.kw-show { display:block; }
.kw-chat-conversation { min-height:0; flex:1; display:none; flex-direction:column; }
.kw-chat-conversation.kw-show { display:flex; }
.kw-chat-messages { min-height:0; flex:1; overflow-y:auto; padding:18px 15px 10px; }
.kw-chat-message { max-width:82%; margin:0 0 10px; padding:10px 12px; border-radius:13px 13px 13px 4px; background:#fff; color:#222; box-shadow:0 2px 8px rgba(0,0,0,.07); font-size:14px; line-height:1.45; overflow-wrap:anywhere; }
.kw-chat-message.kw-visitor { margin-left:auto; border-radius:13px 13px 4px 13px; background:#161616; color:#fff; }
.kw-chat-message small { display:block; margin-top:5px; color:#999; font-size:10px; }
.kw-chat-message.kw-visitor small { color:#aaa; }
.kw-chat-welcome { margin:0 auto 14px; max-width:92%; padding:8px 10px; border-radius:10px; background:#fff5d7; color:#73570b; font-size:12px; line-height:1.4; text-align:center; }
.kw-chat-reply-form { display:flex; gap:8px; padding:11px; border-top:1px solid #ddd; background:#fff; }
.kw-chat-reply-form textarea { min-height:44px; max-height:110px; flex:1; resize:none; padding:11px 12px; border:1.5px solid #d8d8d8; border-radius:9px; font:14px/1.4 Arial,Helvetica,sans-serif; }
.kw-chat-reply-form textarea:focus { outline:0; border-color:var(--kw-gold); }
.kw-chat-send { width:46px; height:46px; flex:none; display:grid; place-items:center; border:0; border-radius:9px; background:var(--kw-gold); color:#090909; cursor:pointer; }
.kw-chat-send svg { width:21px; height:21px; }
.kw-chat-closed { display:none; padding:12px 15px; border-top:1px solid #ddd; background:#fff8e6; color:#74590e; font-size:12.5px; text-align:center; }
.kw-chat-closed.kw-show { display:block; }
.kw-chat-honeypot { position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
@keyframes kwChatIn { from { opacity:0; transform:translateY(10px) scale(.98); } to { opacity:1; transform:none; } }
@media (max-width:520px) {
  .kw-chat-launcher { right:15px; bottom:15px; width:58px; height:58px; }
  .kw-chat-toast { right:15px; bottom:88px; }
  .kw-chat-panel { inset:12px 10px 84px; width:auto; height:auto; border-radius:16px; }
}
@media (prefers-reduced-motion:reduce) { .kw-chat-toast,.kw-chat-panel.kw-open { animation:none; } .kw-chat-launcher { transition:none; } }