/* Thoko, the website chat (AI team). Button bottom left on computers, above the bottom bar on phones. */
.tk-btn{position:fixed;left:22px;bottom:22px;z-index:75;display:flex;align-items:center;gap:9px;padding:0 18px 0 14px;height:52px;border:0;border-radius:26px;background:#0B2A52;color:#fff;font:600 15px/1 Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 10px 28px rgba(6,22,46,.28)}
.tk-btn svg{width:22px;height:22px;flex:none}
.tk-btn:focus-visible,.tk-panel button:focus-visible,.tk-panel input:focus-visible,.tk-panel textarea:focus-visible{outline:3px solid #8fc1ff;outline-offset:2px}
.tk-panel{position:fixed;left:22px;bottom:22px;z-index:80;width:370px;max-width:calc(100vw - 24px);height:560px;max-height:calc(100vh - 44px);display:flex;flex-direction:column;background:#fff;border:1px solid #DCE3EC;border-radius:16px;box-shadow:0 24px 60px rgba(6,22,46,.25);font:15px/1.5 Inter,system-ui,sans-serif;color:#06162E;overflow:hidden}
.tk-panel[hidden],.tk-btn[hidden],.tk-panel [hidden]{display:none!important}
/* The site's own form styles must not leak in. */
.tk-panel input,.tk-panel textarea{min-height:0;margin:0;width:100%;box-sizing:border-box;font:inherit;color:#06162E;background:#fff;box-shadow:none}
.tk-panel button{margin:0;min-width:0;width:auto}
.tk-head{display:flex;align-items:center;gap:10px;padding:14px 14px 12px 16px;background:#0B2A52;color:#fff}
.tk-head b{display:block;font-size:15px}.tk-head small{display:block;opacity:.8;font-size:12.5px}
.tk-head .tk-x{margin-left:auto;background:transparent;border:0;color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:22px;line-height:1}
.tk-log{flex:1 1 auto;min-height:120px;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#F5F7FA}
.tk-m{max-width:86%;padding:9px 13px;border-radius:14px;white-space:pre-wrap;word-wrap:break-word}
.tk-m.me{align-self:flex-end;background:#0066CC;color:#fff;border-bottom-right-radius:4px}
.tk-m.th{align-self:flex-start;background:#fff;border:1px solid #DCE3EC;border-bottom-left-radius:4px}
.tk-m.note{align-self:stretch;max-width:none;background:transparent;color:#5b6676;font-size:13px;padding:0 4px}
.tk-dots{align-self:flex-start;color:#5b6676;font-size:13px;padding:0 4px}
.tk-form{flex:none;display:flex;gap:8px;padding:10px;border-top:1px solid #DCE3EC;background:#fff}
.tk-panel .tk-form textarea{flex:1;width:auto;resize:none;height:44px;min-height:44px;max-height:120px;border:1px solid #DCE3EC;border-radius:10px;padding:10px 12px;font:inherit}
.tk-panel .tk-form button,.tk-panel .tk-hand button{height:44px;border:0;border-radius:10px;background:#0066CC;color:#fff;font:600 14px Inter,system-ui,sans-serif;padding:0 16px;cursor:pointer;min-height:44px}
.tk-form button:disabled{opacity:.5;cursor:default}
.tk-hand{flex:none;display:grid;gap:8px;padding:12px;border-top:1px solid #DCE3EC;background:#fff}
.tk-panel .tk-hand input,.tk-panel .tk-hand textarea{height:auto;border:1px solid #DCE3EC;border-radius:10px;padding:10px 12px;font:inherit}
.tk-hand p{margin:0;font-size:14px}
.tk-person{background:transparent;border:0;color:#0066CC;font:500 13px Inter,system-ui,sans-serif;text-decoration:underline;cursor:pointer;padding:6px 14px 10px;text-align:left}
@media (max-width:640px){
  .tk-btn{left:auto;right:14px;bottom:calc(80px + env(safe-area-inset-bottom));height:48px;padding:0 14px 0 12px;font-size:14px}
  .tk-panel{left:0;right:0;bottom:0;width:100%;max-width:none;height:100%;max-height:none;border-radius:0;border:0;z-index:90}
}
@media (prefers-reduced-motion:no-preference){.tk-panel:not([hidden]){animation:tk-in .18s ease-out}@keyframes tk-in{from{opacity:0;transform:translateY(12px)}}}
/* The account check (email, then the emailed code). */
.tk-acct{flex:none;display:grid;gap:8px;padding:12px;border-top:1px solid #DCE3EC;background:#fff}
.tk-acct p{margin:0 0 8px;font-size:14px}
.tk-panel .tk-acct input{height:44px;border:1px solid #DCE3EC;border-radius:10px;padding:10px 12px;font:inherit;margin-bottom:8px}
.tk-panel .tk-acct input[name=code]{letter-spacing:.3em;font-size:18px}
.tk-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.tk-panel .tk-acct button[type=submit]{height:44px;border:0;border-radius:10px;background:#0066CC;color:#fff;font:600 14px Inter,system-ui,sans-serif;padding:0 16px;cursor:pointer}
.tk-panel .tk-link{background:transparent;border:0;color:#0066CC;font:500 13px Inter,system-ui,sans-serif;text-decoration:underline;cursor:pointer;padding:8px 0;min-height:0;height:auto}
.mbar a.c svg{color:var(--blue,#0066CC)}
@media (max-width:640px){.tk-btn.tk-has-bar{display:none!important}}