/* Topkoin Live Chat Widget */
#tk-lc.tk-lc{position:fixed;inset:0;z-index:999999;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
#tk-lc *{box-sizing:border-box}
.tk-lc__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(3px)}
.tk-lc__panel{position:absolute;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));left:14px;max-width:560px;margin-left:auto;background:rgba(14,20,34,.92);border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.55);overflow:hidden;max-height:calc(100vh - 28px - env(safe-area-inset-bottom));display:flex;flex-direction:column;}


/* Mobile: panel sits above footer bar */
@media(max-width:768px){.tk-lc__panel{left:10px;right:10px;bottom:calc(74px + env(safe-area-inset-bottom));max-height:calc(100vh - 94px - env(safe-area-inset-bottom));max-width:none;width:auto}}

.tk-lc__head{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 12px;background:linear-gradient(135deg,rgba(255,0,72,.85),rgba(255,168,0,.25));border-bottom:1px solid rgba(255,255,255,.12)}
.tk-lc__title{font-weight:800;color:#fff;letter-spacing:.2px}
.tk-lc__sub{font-size:12px;color:rgba(255,255,255,.85);display:flex;gap:6px;align-items:center}
.tk-lc__dot{width:8px;height:8px;border-radius:99px;background:#2cff88;box-shadow:0 0 0 6px rgba(44,255,136,.15)}
.tk-lc__head-actions{display:flex;align-items:center;gap:10px}
.tk-lc__end{height:38px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.15);color:#fff;cursor:pointer;font-weight:800;font-size:12px}
.tk-lc__end:hover{background:rgba(0,0,0,.28)}
.tk-lc__x{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.15);color:#fff;cursor:pointer}
.tk-lc__x:hover{background:rgba(0,0,0,.28)}

.tk-lc__body{padding:14px;background:rgba(14,20,34,.92);flex:1 1 auto;overflow:auto}
.tk-lc__hello{color:#fff;font-weight:700;margin-bottom:8px}

/* Channel picker */
.tk-lc__pick-title{color:rgba(255,255,255,.72);font-size:12px;line-height:1.4;margin-bottom:10px}
.tk-lc__pick-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.tk-lc__pickbtn{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.16);color:#fff;cursor:pointer;text-decoration:none;width:100%;min-width:0}
.tk-lc__pickbtn:hover{background:rgba(0,0,0,.22)}
.tk-lc__pickleft{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.tk-lc__pickico{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);flex:0 0 auto}
.tk-lc__pickname{font-weight:800;white-space:normal;overflow:visible;display:block;line-height:1.2}
.tk-lc__picksub{font-size:12px;color:rgba(255,255,255,.68);white-space:normal;overflow:visible;display:block;line-height:1.35}
.tk-lc__pickmeta{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-left:12px}
.tk-lc__pill{font-size:11px;font-weight:800;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff}
.tk-lc__pill.on{border-color:rgba(44,255,136,.25);background:rgba(44,255,136,.12)}
.tk-lc__pick-foot{margin-top:10px;color:rgba(255,255,255,.7);font-size:12px}
.tk-lc__form label{display:block;color:rgba(255,255,255,.8);font-size:12px;margin-top:10px}
.tk-lc__form input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.2);color:#fff;outline:none}
.tk-lc__btn{margin-top:12px;width:100%;padding:11px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(255,0,72,.9),rgba(255,75,43,.75));color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 30px rgba(255,0,72,.25)}
.tk-lc__btn:hover{filter:brightness(1.05)}
.tk-lc__hint{margin-top:8px;color:rgba(255,255,255,.65);font-size:12px}

.tk-lc__chat{display:flex;flex-direction:column;height:420px}
@media(max-width:768px){.tk-lc__chat{height:62vh;max-height:520px}}
.tk-lc__msgs{flex:1;overflow:auto;padding:6px 2px}
.tk-lc__m{display:flex;margin:8px 0}
.tk-lc__m.user{justify-content:flex-end}
.tk-lc__m.admin,.tk-lc__m.system{justify-content:flex-start}
.tk-lc__bubble{max-width:78%;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.18);color:#fff;line-height:1.35}
.tk-lc__m.user .tk-lc__bubble{background:rgba(255,0,72,.18);border-color:rgba(255,0,72,.25)}
.tk-lc__meta{font-size:11px;color:rgba(255,255,255,.6);margin-top:4px}
.tk-lc__typing{color:rgba(255,255,255,.7);font-size:12px;margin:6px 0 0}

.tk-lc__input{display:flex;gap:10px;margin-top:10px}
.tk-lc__input input{flex:1;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.2);color:#fff;outline:none}
.tk-lc__send{width:44px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,0,72,.25);color:#fff;cursor:pointer}
.tk-lc__send:hover{background:rgba(255,0,72,.35)}

/* Dock / launcher */
#tk-lc-dock.tk-lc-dock{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:999998}
.tk-lc-dock__btn{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(14,20,34,.92);color:#fff;cursor:pointer;box-shadow:0 14px 45px rgba(0,0,0,.45)}
.tk-lc-dock__btn:hover{transform:translateY(-1px)}
.tk-lc-ico{filter:drop-shadow(0 0 10px rgba(255,0,72,.6))}
.tk-lc-label{font-weight:800;letter-spacing:.2px}
/* Mobile footer navbar style */
@media(max-width:768px){
  #tk-lc-dock.tk-lc-dock{left:0;right:0;bottom:0}
  .tk-lc-dock__btn{width:100%;justify-content:center;border-radius:0;padding:14px 16px;border-left:none;border-right:none;border-bottom:none;background:rgba(14,20,34,.96)}
}

/* If theme bottom-nav already has center chat button, hide our dock on mobile to prevent double buttons */
@media(max-width:1024px){
  body.tk-lc-has-bottomnav #tk-lc-dock.tk-lc-dock{display:none !important;}
}




.tk-lc__notice{display:none;margin:0 0 12px;padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.45;border:1px solid transparent}.tk-lc__notice.is-error,.tk-lc__notice.is-success,.tk-lc__notice.is-info{display:block}.tk-lc__notice.is-error{background:rgba(255,78,78,.12);border-color:rgba(255,78,78,.28);color:#ffd1d1}.tk-lc__notice.is-success{background:rgba(54,211,153,.12);border-color:rgba(54,211,153,.28);color:#d9fff0}.tk-lc__notice.is-info{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.86)}.tk-lc__btn.is-loading,.tk-lc__send.is-loading{opacity:.75;cursor:not-allowed}


.tk-lc__quick{margin-top:12px}
.tk-lc__quick-title{color:rgba(255,255,255,.82);font-size:12px;font-weight:700;margin:2px 0 8px}
.tk-lc__quick-list{display:flex;flex-wrap:wrap;gap:8px}
.tk-lc__quick-btn{padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;font-size:12px;line-height:1.2;cursor:pointer}
.tk-lc__quick-btn:hover{background:rgba(255,255,255,.10)}
.tk-lc__quick-btn.is-active{background:rgba(255,0,72,.22);border-color:rgba(255,0,72,.38);box-shadow:0 0 0 1px rgba(255,0,72,.12) inset}

.tk-lc__chat-quick{margin:4px 0 14px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.03)}