#toko-chat{font-family:"Zen Kaku Gothic New",sans-serif;font-size:14px;line-height:1.7;color:#223342}
#toko-chat *{box-sizing:border-box}
#toko-chat [hidden]{display:none!important}
#tc-launch{position:fixed;right:22px;bottom:86px;z-index:10020;display:flex;align-items:center;gap:10px;border:0;border-radius:36px;padding:12px 20px;background:#006fa6;color:#fff;box-shadow:0 6px 24px #00294333;font:inherit;font-weight:700;cursor:pointer}
#tc-launch small{display:block;font-size:11px;font-weight:400}
.tc-launch-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff80;border-radius:50%;font-size:25px;line-height:1}
.tc-panel{position:fixed;right:22px;bottom:164px;width:390px;height:570px;max-height:calc(100dvh - 190px);z-index:10030;background:#fff;border:1px solid #d5e4eb;border-radius:20px;box-shadow:0 15px 60px #001e3f40;display:flex;flex-direction:column;overflow:hidden}
.tc-head{display:flex;gap:10px;align-items:center;padding:16px;background:#006fa6;color:white;flex-shrink:0}
.tc-head img{object-fit:contain;background:white;border-radius:6px}
.tc-head div{flex:1}.tc-head strong{font-size:15px}.tc-head small{display:block;font-size:11px}
#toko-chat button{font-family:inherit;cursor:pointer}
.tc-head button{background:transparent;border:0;color:white;font-size:24px;min-width:36px;min-height:40px}
.tc-body{padding:18px;overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;background:#f3f8fb;scroll-behavior:auto}
.tc-msg{padding:12px 14px;border-radius:2px 16px 16px;background:white;margin:0 0 12px;white-space:pre-line}
.tc-user{margin-left:32px;border-radius:16px 2px 16px 16px;background:#d8effa}
.tc-choices{display:grid;gap:8px}
.tc-choice,.tc-back,.tc-submit,.tc-line{display:block;width:100%;padding:12px;border-radius:10px;border:1px solid #9ebccd;background:white;color:#00527a;text-align:left;font-size:14px;line-height:1.5;min-height:44px}
.tc-choice:hover{background:#e2f5ff}.tc-back{border:0;background:transparent;margin-top:10px}.tc-submit{background:#006fa6;color:white;text-align:center;font-weight:700;margin-top:14px}.tc-submit:disabled{opacity:.6;cursor:wait}
.tc-line{color:#126139;border-color:#71b894;margin-bottom:12px;text-align:center;text-decoration:none}
.tc-progress{font-size:12px;color:#566878;margin:0 0 10px}
.tc-field{display:block;margin-top:12px;font-size:13px;font-weight:700}
#toko-chat input:not([type=checkbox]),#toko-chat textarea{display:block;width:100%;border:1px solid #99adba;border-radius:7px;background:#fff;padding:10px;font-size:16px;font-family:inherit;color:#223342;cursor:text}
#toko-chat textarea{resize:vertical;min-height:84px}
.tc-consent{display:flex;align-items:flex-start;gap:8px;font-size:12px;font-weight:400;margin-top:14px}.tc-consent input{margin-top:5px}
.tc-consent a{color:#005c92;text-decoration:underline}
.tc-error{color:#a11d1d;font-size:13px;margin-top:10px;white-space:pre-line}
.tc-contact{display:flex;justify-content:space-around;gap:10px;border-top:1px solid #dbe5ec;background:white;padding:10px;font-size:12px;flex-shrink:0}.tc-contact a{color:#005a88;text-decoration:underline;padding:4px}
#toko-chat :focus-visible{outline:3px solid #e0a51d;outline-offset:2px}
.tc-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:600px){#tc-launch{right:14px;bottom:78px;padding:10px 16px}.tc-panel{left:12px;right:12px;width:auto;bottom:152px;max-height:calc(100dvh - 174px)}.tc-head{padding:10px}.tc-body{padding:14px}}
.tc-panel{padding:0;margin:0}

.tc-web{color:#fff;background:#0F2432;border-color:#0F2432;font-weight:700}
.tc-web:hover{background:#2390C8;border-color:#2390C8}