:root { --kkj-green:#08783f; --kkj-green-dark:#04572d; --kkj-soft:#e9f3ec; --kkj-line:#dfe6e1; --kkj-muted:#6f7973; }
.kkj-chat, .kkj-chat * { box-sizing:border-box; }
.kkj-chat { position:relative; z-index:999999; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:#142019; }
.kkj-chat button,.kkj-chat input { font:inherit; }
.kkj-chat button { cursor:pointer; }
.kkj-chat__launcher { position:fixed; right:26px; bottom:26px; width:72px; height:72px; padding:5px; display:grid; place-items:center; border:2px solid var(--kkj-green); border-radius:50%; background:#fff; box-shadow:0 14px 38px rgba(0,45,22,.25); transition:transform .2s ease; }
.kkj-chat__launcher:hover { transform:translateY(-2px); }
.kkj-chat__logo { width:60px; height:60px; display:grid; place-items:center; overflow:hidden; border-radius:50%; background:#fff; }
.kkj-chat__logo img { width:100%; height:100%; object-fit:contain; }
.kkj-chat__online { position:absolute; right:3px; bottom:5px; width:15px; height:15px; border:3px solid #fff; border-radius:50%; background:#21c47a; }
.kkj-chat__panel { position:fixed; right:26px; bottom:22px; width:410px; max-width:calc(100vw - 28px); max-height:calc(100vh - 44px); display:flex; flex-direction:column; overflow:hidden; border:1px solid #d6ddd7; border-radius:20px; background:#fff; box-shadow:0 25px 78px rgba(8,39,22,.27); transform-origin:bottom right; animation:kkj-open .2s ease-out; }
.kkj-chat[data-state="closed"] .kkj-chat__panel { display:none; }
.kkj-chat[data-state="open"] .kkj-chat__launcher { display:none; }
@keyframes kkj-open { from { opacity:0; transform:translateY(10px) scale(.98); } to { opacity:1; transform:none; } }
.kkj-chat__header { min-height:92px; display:flex; align-items:center; gap:12px; padding:14px 16px; color:#fff; background:var(--kkj-green); }
.kkj-chat__logo--small { width:58px; height:58px; flex:0 0 58px; border:2px solid rgba(255,255,255,.7); }
.kkj-chat__header>span:nth-child(2) { display:grid; gap:5px; }
.kkj-chat__header strong { font-size:19px; line-height:1; }
.kkj-chat__header small { display:flex; align-items:center; gap:6px; color:#e8fff2; font-size:11px; }
.kkj-chat__header small i { width:7px; height:7px; border-radius:50%; background:#48df99; }
.kkj-chat__close { width:36px; height:36px; margin-left:auto; display:grid; place-items:center; padding:0; border:0; border-radius:50%; color:#fff; background:rgba(0,0,0,.14); }
.kkj-chat__back { width:30px; height:36px; display:grid; place-items:center; padding:0; border:0; color:#fff; background:transparent; }
.kkj-chat__close .dashicons,.kkj-chat__back .dashicons,.kkj-chat__composer .dashicons { width:20px; height:20px; display:block; margin:0; font-size:20px; line-height:20px; }
.kkj-chat__screen[hidden] { display:none!important; }
.kkj-chat__screen--channels,.kkj-chat__screen--whatsapp,.kkj-chat__screen--email,.kkj-chat__screen--restore { padding:24px 20px 22px; }
.kkj-chat__channel-intro { display:grid; gap:5px; margin-bottom:18px; }
.kkj-chat__channel-intro strong { font-size:17px; }
.kkj-chat__channel-intro small { color:var(--kkj-muted); font-size:11px; }
.kkj-chat__channels { display:grid; gap:10px; }
.kkj-chat__channels>button { position:relative; min-height:74px; display:grid; gap:5px; padding:14px 42px 14px 16px; text-align:left; border:1px solid #d2ddd5; border-radius:12px; color:#173423; background:#fff; }
.kkj-chat__channels>button:hover { border-color:#6ca483; background:#f2f8f4; }
.kkj-chat__channels span { font-size:14px; font-weight:750; }
.kkj-chat__channels small { color:#6f7973; font-size:10px; }
.kkj-chat__channels b { position:absolute; right:16px; top:50%; transform:translateY(-50%); color:var(--kkj-green); font-size:25px; font-weight:400; }
.kkj-chat__channels>button[data-channel="whatsapp"] { color:#667069; background:#f5f6f4; }
.kkj-chat__restore { width:100%; margin-top:15px; padding:9px; border:0; color:var(--kkj-green-dark); background:transparent; text-decoration:underline; font-size:10px; }
.kkj-chat__channel-message { display:grid; justify-items:center; gap:12px; padding:26px 18px; text-align:center; border:1px solid #d6e1d9; border-radius:14px; background:#f7faf8; }
.kkj-chat__channel-message>strong { font-size:18px; }
.kkj-chat__channel-message p { max-width:300px; margin:0; color:#637068; font-size:11px; line-height:1.6; }
.kkj-chat__channel-message a { color:var(--kkj-green-dark); font-weight:700; }
.kkj-chat__channel-message button,.kkj-chat__email-action { min-width:170px; padding:11px 16px; border:0; border-radius:8px; color:#fff!important; background:var(--kkj-green); text-decoration:none; font-size:11px; font-weight:700; }
.kkj-chat__recovery,.kkj-chat__bind { display:grid; gap:10px; }
.kkj-chat__recovery>strong { font-size:17px; }
.kkj-chat__recovery>small { color:var(--kkj-muted); font-size:10px; line-height:1.5; }
.kkj-chat__recovery label,.kkj-chat__bind label { display:grid; gap:5px; color:#526057; font-size:10px; font-weight:700; }
.kkj-chat__recovery input,.kkj-chat__bind input { height:40px; padding:0 11px; border:1px solid #d4ded7; border-radius:8px; outline:0; }
.kkj-chat__recovery input:focus,.kkj-chat__bind input:focus { border-color:var(--kkj-green); box-shadow:0 0 0 3px rgba(8,120,63,.08); }
.kkj-chat__recovery button,.kkj-chat__bind button { height:40px; border:0; border-radius:8px; color:#fff; background:var(--kkj-green); font-size:11px; font-weight:700; }
.kkj-chat__recovery p,.kkj-chat__bind p { margin:0; color:#526057; font-size:10px; }
.kkj-chat__screen--chat { min-height:0; display:flex; flex-direction:column; }
.kkj-chat__body { min-height:0; overflow-y:auto; padding:17px 18px 0; scrollbar-width:thin; scrollbar-color:#9fb0a4 transparent; }
.kkj-chat__intro { display:grid; gap:4px; }
.kkj-chat__intro strong { font-size:15px; }
.kkj-chat__intro small { color:var(--kkj-muted); font-size:11px; }
.kkj-chat__topics { width:100%!important; display:flex!important; gap:10px; margin:13px 0 16px; }
.kkj-chat__topics button { width:auto!important; min-width:0!important; min-height:42px; flex:1 1 0!important; margin:0!important; border:1px solid #cce0d3; border-radius:9px; color:var(--kkj-green-dark); background:#f4faf6; font-size:11px; font-weight:700; }
.kkj-chat__topics button:hover { border-color:#80b594; background:#eaf5ee; }
.kkj-chat__messages { max-height:210px; overflow-y:auto; display:grid; gap:9px; scrollbar-width:thin; }
.kkj-chat__message { width:fit-content; max-width:86%; margin:0!important; padding:9px 11px; border-radius:11px; font-size:11px; line-height:1.45; box-shadow:none; white-space:pre-wrap; overflow-wrap:anywhere; }
.kkj-chat__message a { color:inherit!important; text-decoration:underline; overflow-wrap:anywhere; }
.kkj-chat__message.is-agent { justify-self:start; border-bottom-left-radius:3px; color:#28312b; background:#f0f2ef; }
.kkj-chat__message.is-customer { justify-self:end; border-bottom-right-radius:3px; color:#fff; background:var(--kkj-green); }
.kkj-chat__system { margin:0!important; padding:7px 9px; text-align:center; border-radius:7px; color:#667168; background:#f7f8f6; font-size:10px; }
.kkj-chat__system.is-error { color:#8d2d2d; background:#fff0f0; }
.kkj-chat__system.is-loading { color:#45604f; }
.kkj-chat__order { position:relative; display:grid; gap:9px; margin-top:10px; padding:13px; border:1px solid #d9e3dc; border-radius:12px; background:#fff; box-shadow:0 6px 18px rgba(15,63,35,.08); }
.kkj-chat__order[hidden],.kkj-chat__notice[hidden] { display:none!important; }
.kkj-chat__order>strong { font-size:12px; }
.kkj-chat__order>small { color:var(--kkj-muted); font-size:9px; }
.kkj-chat__order label { display:grid; gap:4px; color:#5b665f; font-size:9px; font-weight:700; }
.kkj-chat__order input { height:36px; padding:0 10px; border:1px solid #d5ddd7; border-radius:7px; outline:0; font-size:11px; }
.kkj-chat__order input:focus { border-color:var(--kkj-green); box-shadow:0 0 0 3px rgba(8,120,63,.09); }
.kkj-chat__order button { height:38px; border:0; border-radius:7px; color:#fff; background:var(--kkj-green); font-size:11px; font-weight:700; }
.kkj-chat__order .kkj-chat__order-close { position:absolute; top:7px; right:7px; width:30px; height:30px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; color:#526158; background:transparent; }
.kkj-chat__order-close .dashicons { width:18px; height:18px; display:block; margin:0; font-size:18px; line-height:18px; }
.kkj-chat__order>strong,.kkj-chat__order>small { padding-right:28px; }
.kkj-chat__notice { position:relative; display:grid; gap:3px; margin-top:10px; padding:12px 35px 12px 12px; border-left:4px solid var(--kkj-green); border-radius:8px; color:#31503f; background:#e7f1e9; }
.kkj-chat__notice strong { color:#153421; font-size:11px; }
.kkj-chat__notice span { font-size:10px; line-height:1.5; }
.kkj-chat__notice a { color:var(--kkj-green-dark); font-weight:700; }
.kkj-chat__notice button { position:absolute; top:8px; right:8px; width:24px; height:24px; border:0; color:#4f6a5a; background:transparent; font-size:17px; }
.kkj-chat__bind-email { width:100%; margin:12px 0; padding:6px; border:0; color:var(--kkj-green-dark); background:transparent; text-decoration:underline; font-size:9px; }
.kkj-chat__bind { margin-bottom:13px; padding:12px; border:1px solid #d7e2da; border-radius:10px; background:#f7faf8; }
.kkj-chat__contact { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px 0 13px; border-top:1px solid var(--kkj-line); }
.kkj-chat__contact>small { color:#7a847d; font-size:9px; font-weight:600; }
.kkj-chat__contact>span { display:flex; gap:5px; }
.kkj-chat__contact a,.kkj-chat__contact button { min-height:29px; display:flex; align-items:center; padding:0 9px; border:1px solid #d6ded8; border-radius:7px; color:#26523a; background:#fff; text-decoration:none; font-size:9px; font-weight:700; }
.kkj-chat__contact button { color:#7a827b; background:#f5f5f3; }
.kkj-chat__composer { flex:0 0 auto; display:flex; align-items:center; gap:8px; margin:0!important; padding:10px 10px 5px 14px; border-top:1px solid var(--kkj-line); background:#fff; }
.kkj-chat__composer input { flex:1; min-width:0; height:40px; padding:0 12px; border:1px solid #d5ddd7; border-radius:20px; outline:0; font-size:11px; }
.kkj-chat__composer input:focus { border-color:#73a98a; box-shadow:0 0 0 3px rgba(8,120,63,.08); }
.kkj-chat__composer button { width:40px!important; height:40px!important; min-width:40px!important; min-height:40px!important; flex:0 0 40px!important; display:grid!important; place-items:center!important; margin:0!important; padding:0!important; border:0; border-radius:50%; color:#fff; background:var(--kkj-green); }
.kkj-chat__composer button svg { width:20px; height:20px; display:block; overflow:visible; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; transform:translateX(-.5px); }
.kkj-chat__privacy { flex:0 0 24px; height:24px; display:block; margin:0; padding:2px 14px 6px; text-align:center; line-height:16px; color:#8a928d; background:#fff; font-size:8px; }
@media (max-width:540px) {
  .kkj-chat__panel { inset:auto 10px max(10px,env(safe-area-inset-bottom)); width:auto; max-width:none; max-height:calc(100dvh - 20px); border-radius:16px; }
  .kkj-chat__panel[data-current-screen="chat"] { height:min(720px,calc(100dvh - 20px)); }
  .kkj-chat__screen--channels,.kkj-chat__screen--whatsapp,.kkj-chat__screen--email,.kkj-chat__screen--restore { padding:20px 18px 18px; }
  .kkj-chat__channels>button { min-height:66px; padding-top:11px; padding-bottom:11px; }
  .kkj-chat__restore { margin-top:8px; padding:7px; }
  .kkj-chat__launcher { right:18px; bottom:18px; }
}
@media (prefers-reduced-motion:reduce) { .kkj-chat__panel { animation:none; } }