.tanya-cs{right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:46;background:linear-gradient(135deg, #03a017 0%, var(--brand-600) 55%, #01700d 100%);color:#fff;min-width:50px;height:50px;font:inherit;letter-spacing:.01em;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px 0 16px;font-size:14px;font-weight:650;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex;position:fixed;box-shadow:0 10px 24px -8px #0289128c,0 3px 8px #0f14111f}.tanya-cs:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 14px 28px -8px #02891299,0 4px 10px #0f141124}.tanya-cs:active{transform:translateY(0)}.tanya-cs:focus-visible{outline:3px solid var(--brand-100);outline-offset:3px}.tanya-cs.buka{width:50px;padding:0}.tcs-panel{right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(80px + env(safe-area-inset-bottom,0px));z-index:47;background:var(--paper);border:1px solid var(--ink-150);transform-origin:100% 100%;border-radius:18px;flex-direction:column;width:392px;height:min(600px,100dvh - 112px);animation:.2s cubic-bezier(.2,.8,.2,1) tcs-masuk;display:flex;position:fixed;overflow:hidden;box-shadow:0 24px 60px -18px #0f141152,0 6px 18px #0f141114}@keyframes tcs-masuk{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}.tcs-head{background:linear-gradient(135deg, #03a017 0%, var(--brand-600) 50%, #016e0d 100%);color:#fff;align-items:center;gap:12px;padding:14px 10px 14px 16px;display:flex}.tcs-avatar{background:#ffffff29;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff47}.tcs-titik{width:11px;height:11px;box-shadow:0 0 0 2px var(--brand-600);background:#5be37c;border-radius:50%;position:absolute;bottom:1px;right:0}.tcs-titik.tunggu{background:#ffc94d}.tcs-judul{flex-direction:column;flex:1;gap:2px;min-width:0;line-height:1.25;display:flex}.tcs-judul b{letter-spacing:.01em;font-size:15px;font-weight:700}.tcs-judul span{opacity:.88;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.tcs-ikon{color:#ffffffeb;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;transition:background .12s;display:grid}.tcs-ikon:hover:not(:disabled){color:#fff;background:#ffffff29}.tcs-ikon:focus-visible{outline-offset:-2px;outline:2px solid #ffffffb3}.tcs-ikon:disabled{opacity:.45;cursor:default}.tcs-tamu{color:var(--ink-700);background:var(--brand-50);border-bottom:1px solid var(--brand-100);align-items:center;gap:8px;padding:9px 12px 9px 14px;font-size:12.5px;display:flex}.tcs-tamu>svg{color:var(--brand-700);flex:none}.tcs-tamu span{flex:1;line-height:1.35}.tcs-tamu button{background:var(--brand-600);color:#fff;font:inherit;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:650}.tcs-tamu button:hover{filter:brightness(1.08)}.tcs-isi{background:var(--canvas);scrollbar-width:thin;flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px 14px;display:flex;overflow-y:auto}.tcs-gelembung{overflow-wrap:anywhere;border-radius:16px;max-width:85%;padding:9px 13px;font-size:13.5px;line-height:1.55}.tcs-gelembung.ai{background:var(--paper);color:var(--ink-800);border:1px solid var(--ink-150);box-shadow:var(--shadow-1);border-bottom-left-radius:5px;align-self:flex-start}.tcs-gelembung.saya{background:var(--brand-600);color:#fff;white-space:pre-wrap;border-bottom-right-radius:5px;align-self:flex-end}.tcs-gelembung.admin{background:var(--info-50);color:var(--ink-900);border:1px solid color-mix(in srgb, var(--info-600) 35%, transparent);white-space:pre-wrap;border-bottom-left-radius:5px;align-self:flex-start}.tcs-label{color:var(--info-600);white-space:normal;margin-bottom:3px;font-size:11.5px;font-weight:700}.tcs-sistem{text-align:center;max-width:92%;color:var(--ink-600);background:var(--ink-100);border-radius:999px;align-self:center;margin:2px 0;padding:5px 12px;font-size:11.5px;line-height:1.4}.tcs-pita{border-top:1px solid var(--ink-150);align-items:center;gap:10px;padding:9px 12px 9px 14px;font-size:12.5px;line-height:1.4;display:flex}.tcs-pita.menunggu{background:var(--warn-50);color:var(--warn-600)}.tcs-pita.manusia{background:var(--info-50);color:var(--info-600)}.tcs-pita span{flex:1}.tcs-pita button{background:var(--paper);color:inherit;font:inherit;cursor:pointer;white-space:nowrap;border:1px solid;border-radius:999px;flex:none;padding:4px 11px;font-size:12px;font-weight:650}.tcs-pita button:disabled{opacity:.5;cursor:default}.tcs-gelembung.ai table{max-width:100%;display:block;overflow-x:auto}.tcs-gelembung.ai h1,.tcs-gelembung.ai h2,.tcs-gelembung.ai h3{margin:6px 0 2px;font-size:14px}.tcs-gelembung.ai p{margin:0 0 6px}.tcs-gelembung.ai p:last-child{margin-bottom:0}.tcs-tautan{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tcs-tautan a{background:var(--brand-50);border:1px solid var(--brand-100);color:var(--brand-700);border-radius:10px;align-items:center;gap:4px;padding:6px 10px 6px 12px;font-size:12.5px;font-weight:650;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.tcs-tautan a:hover{background:var(--brand-100);border-color:var(--brand-600)}.tcs-tautan a:focus-visible{outline:3px solid var(--brand-100);outline-offset:2px}.tcs-sapa{flex-direction:column;gap:14px;padding-top:4px;display:flex}.tcs-sapa-kartu{text-align:center;background:var(--paper);border:1px solid var(--ink-150);box-shadow:var(--shadow-1);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:18px 16px 16px;display:flex}.tcs-sapa-ikon{background:var(--brand-50);width:46px;height:46px;color:var(--brand-700);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.tcs-sapa-kartu b{color:var(--ink-900);font-size:15px}.tcs-sapa-kartu p{color:var(--ink-600);margin:0;font-size:13px;line-height:1.5}.tcs-saran{flex-direction:column;gap:6px;display:flex}.tcs-saran-judul{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);margin:0 2px 2px;font-size:11px;font-weight:700}.tcs-saran button{border:1px solid var(--ink-150);background:var(--paper);width:100%;color:var(--ink-800);font:inherit;text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:10px 12px 10px 14px;font-size:13px;line-height:1.4;transition:border-color .12s,background .12s,color .12s;display:flex}.tcs-saran button span{flex:1}.tcs-saran button svg{color:var(--ink-400);flex:none;transition:color .12s,transform .12s}.tcs-saran button:hover:not(:disabled){border-color:var(--brand-600);background:var(--brand-50);color:var(--brand-700)}.tcs-saran button:hover:not(:disabled) svg{color:var(--brand-700);transform:translate(2px)}.tcs-saran button:disabled{opacity:.5;cursor:default}.tcs-kartu{background:var(--paper);border:1px solid var(--brand-100);box-shadow:var(--shadow-1);border-radius:14px;flex-wrap:wrap;align-self:stretch;gap:6px;padding:12px;display:flex}.tcs-kartu-q{width:100%;color:var(--ink-900);margin-bottom:2px;font-size:13px;font-weight:650}.tcs-kartu button{border:1px solid var(--brand-600);background:var(--paper);color:var(--brand-700);font:inherit;cursor:pointer;text-align:left;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:600;transition:background .12s}.tcs-kartu button:hover{background:var(--brand-50)}.tcs-ketik{color:var(--ink-500);align-items:center;gap:4px;font-size:12.5px;display:inline-flex}.tcs-ketik i{background:var(--ink-400);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite tcs-titik}.tcs-ketik i:nth-child(2){animation-delay:.15s}.tcs-ketik i:nth-child(3){margin-right:6px;animation-delay:.3s}@keyframes tcs-titik{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.tcs-galat{color:var(--danger-600);background:var(--danger-50);border-top:1px solid color-mix(in srgb, var(--danger-600) 20%, transparent);align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;display:flex}.tcs-galat span{flex:1}.tcs-galat button{color:var(--danger-600);font:inherit;cursor:pointer;background:0 0;border:none;font-weight:650;text-decoration:underline}.tcs-tulis{border-top:1px solid var(--ink-150);background:var(--paper);padding:10px 12px 12px}.tcs-tulis-kotak{border:1px solid var(--ink-200);background:var(--ink-50);border-radius:22px;align-items:flex-end;gap:8px;padding:5px 5px 5px 14px;transition:border-color .12s,box-shadow .12s,background .12s;display:flex}.tcs-tulis-kotak:focus-within{border-color:var(--brand-600);background:var(--paper);box-shadow:0 0 0 3px var(--brand-100)}.tcs-tulis textarea{resize:none;max-height:96px;color:var(--ink-900);font:inherit;field-sizing:content;background:0 0;border:none;outline:none;flex:1;padding:7px 0;font-size:14px;line-height:1.4}.tcs-tulis textarea::placeholder{color:var(--ink-400)}.tcs-tulis button{background:var(--brand-600);color:#fff;cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;transition:background .12s,transform .12s;display:grid}.tcs-tulis button:hover:not(:disabled){background:var(--brand-700);transform:scale(1.04)}.tcs-tulis button:disabled{background:var(--ink-200);color:var(--ink-500);cursor:default}@media (max-width:520px){.tcs-panel{left:8px;right:8px;bottom:calc(76px + env(safe-area-inset-bottom,0px));width:auto;height:min(80dvh,100dvh - 96px)}.tanya-cs{right:calc(14px + env(safe-area-inset-right,0px));width:54px;height:54px;padding:0}.tanya-cs-teks{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.tcs-panel,.tcs-ketik i{animation:none}.tanya-cs,.tanya-cs:hover{transition:none;transform:none}}@media print{.tanya-cs,.tcs-panel{display:none}}