#kda-widget{--kda-pink:var(--kv2-airbnb-primary,#ff385c);--kda-ink:var(--kv2-airbnb-ink,#222);--kda-line:#e5e5e5;font-family:Anuphan,sans-serif;color:var(--kda-ink);font-size:14px;line-height:1.5}

#kda-widget *,#kda-widget *::before,#kda-widget *::after{box-sizing:border-box}

#kda-widget button,#kda-widget input,#kda-widget textarea{font:inherit}

#kda-widget button{cursor:pointer}

#kda-widget button:focus-visible,#kda-widget a:focus-visible,#kda-widget input:focus-visible,#kda-widget textarea:focus-visible{outline:3px solid var(--kda-pink);outline-offset:3px}

#kda-widget button:disabled{cursor:wait;opacity:.65}

#kda-widget [hidden]{display:none}
#kda-widget .kda-launch{position:fixed;right:24px;bottom:32px;z-index:10000;display:flex;align-items:center;gap:9px;border:0;border-radius:999px;padding:14px 18px;background:var(--kda-pink);color:white;box-shadow:0 5px 20px #0002;min-height:50px}
#kda-widget .kda-panel{position:fixed;right:24px;bottom:32px;z-index:10001;display:flex;flex-direction:column;width:430px;height:680px;max-height:calc(100dvh - 80px);max-width:calc(100vw - 32px);background:white;border:1px solid var(--kda-line);border-radius:18px;box-shadow:0 12px 45px #0003;overflow:hidden}
#kda-widget .kda-head{display:flex;align-items:center;gap:10px;padding:15px;border-bottom:1px solid var(--kda-line);flex-shrink:0;background:#fff}
#kda-widget .kda-head strong{font-family:Mitr,Anuphan,sans-serif;font-size:16px;font-weight:500;display:block}
#kda-widget .kda-head small{display:block;color:#666;font-size:12px}
#kda-widget .kda-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:45px;height:45px;border-radius:50%;background:#fff4f6;font-weight:700;color:var(--kda-pink);font-size:12px;overflow:hidden}
#kda-widget .kda-avatar img{max-width:38px;max-height:38px;object-fit:contain}
#kda-widget .kda-icon{width:34px;height:34px;border-radius:50%;border:0;background:#f5f5f5;color:var(--kda-ink);font-size:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#kda-widget .kda-reset{margin-left:auto}
#kda-widget .kda-log{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 16px;scrollbar-width:thin;scroll-padding:18px;background:#fff}
#kda-widget .kda-message{max-width:91%;padding:12px 14px;border:1px solid var(--kda-line);border-radius:16px 16px 16px 4px;margin-bottom:12px;background:#f8f8f8;white-space:pre-line;overflow-wrap:anywhere}
#kda-widget .kda-message.kda-user{margin-left:auto;background:#fff0f3;border-color:#f7d7de;border-radius:16px 16px 4px 16px}
#kda-widget .kda-message a{color:var(--kda-ink);text-decoration:underline}
#kda-widget .kda-bottom{padding:14px 16px;background:#fff4f6;border-top:1px solid var(--kda-line);flex-shrink:0;max-height:43%;overflow-y:auto;overscroll-behavior:contain}
#kda-widget .kda-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}
#kda-widget .kda-option{padding:10px 12px;border:0;border-radius:22px;background:var(--kda-pink);color:white;text-align:left;font-weight:600;min-height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}
#kda-widget .kda-actions .kda-option{height:44px}
#kda-widget .kda-option.kda-has-icon{display:flex;align-items:center;gap:8px}
#kda-widget .kda-action-icon{display:block;width:18px;height:18px;flex:0 0 18px}
#kda-widget .kda-action-label{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#kda-widget .kda-lead .kda-option.kda-has-icon{justify-content:center}
#kda-widget .kda-actions .kda-option:last-child:nth-child(odd){grid-column:1/-1}
#kda-widget .kda-compose{display:flex;gap:8px;align-items:center;background:white;border:1px solid var(--kda-line);border-radius:26px;padding:7px 8px 7px 14px;margin:0}
#kda-widget .kda-compose input{width:100%;min-width:0;background:white;color:var(--kda-ink);border:0;padding:4px;font-size:13px;box-shadow:none}
#kda-widget .kda-compose input:focus,#kda-widget .kda-compose input:focus-visible{outline:none;border:0;box-shadow:none}
#kda-widget .kda-compose:focus-within{border-color:#999}
#kda-widget .kda-compose-error{margin:0 0 8px;color:var(--kv2-airbnb-error,#c13515);font-size:12px;line-height:1.45}
#kda-widget .kda-send{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:50%;background:var(--kda-pink);color:#fff;flex-shrink:0}
#kda-widget .kda-products{display:grid;gap:10px;margin:8px 0 14px}
#kda-widget .kda-product{display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px;padding:10px;border:1px solid var(--kda-line);border-radius:12px;white-space:normal;background:#fff}
#kda-widget .kda-product img{width:78px;height:78px;object-fit:contain;border-radius:6px}
#kda-widget .kda-product strong{font-size:13px;line-height:1.35;display:block}
#kda-widget .kda-product small{font-size:12px;color:#666;display:block}
#kda-widget .kda-product-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}
#kda-widget .kda-product a{color:var(--kda-ink);font-size:12px;text-decoration:underline;margin:0;white-space:nowrap;flex-shrink:0}
#kda-widget .kda-product button{border:0;background:var(--kda-pink);color:white;border-radius:16px;padding:5px 10px;font-size:12px;margin:0;min-height:32px;white-space:nowrap;flex-shrink:0}
#kda-widget .kda-lead{padding:14px;border:1px solid var(--kda-line);border-radius:12px;margin:10px 0;background:#fafafa}
#kda-widget .kda-lead label{display:block;font-size:13px;margin:8px 0 4px}
#kda-widget .kda-lead input:not([type=checkbox]),#kda-widget .kda-lead textarea{display:block;width:100%;padding:11px 16px;border:1px solid var(--kda-ink);background:white;color:var(--kda-ink);border-radius:12px;box-shadow:none}
#kda-widget .kda-lead input:not([type=checkbox]){min-height:50px}
#kda-widget .kda-lead input:focus,#kda-widget .kda-lead input:focus-visible,#kda-widget .kda-lead textarea:focus,#kda-widget .kda-lead textarea:focus-visible{outline:0;border-color:var(--kda-ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--kda-ink) 14%,transparent)}
#kda-widget .kda-lead input[aria-invalid=true],#kda-widget .kda-lead textarea[aria-invalid=true],#kda-widget .kda-lead [aria-invalid=true]:focus,#kda-widget .kda-lead [aria-invalid=true]:focus-visible{border-color:var(--kv2-airbnb-error,#c13515);outline:0;box-shadow:none}
#kda-widget .kda-lead .kda-error-wrap{position:relative;line-height:0}
#kda-widget .kda-lead .kda-field-error{position:relative;z-index:1;display:inline-block;max-width:100%;margin-top:-11px;padding:0 6px 1px;border-radius:0 0 3px 3px;color:#fff;background:var(--kv2-airbnb-error,#c13515);font-size:11px;font-weight:500;line-height:1.18;vertical-align:top;overflow-wrap:anywhere}
#kda-widget .kda-lead .kda-field-error[hidden]{display:none}
#kda-widget .kda-lead .kda-submit-error{padding:10px 12px;border:1px solid color-mix(in srgb,var(--kv2-airbnb-error,#c13515) 35%,var(--kda-line));border-radius:12px;background:color-mix(in srgb,var(--kv2-airbnb-error,#c13515) 5%,white);color:var(--kda-ink)}
#kda-widget .kda-lead textarea{resize:vertical;min-height:70px}
#kda-widget .kda-lead button{width:100%;text-align:center;margin-top:14px}
#kda-widget .kda-status{font-size:13px;color:#a21d35;margin:8px 0}
#kda-widget .kda-cooldown-notice{font-size:13px;font-weight:500;color:var(--kda-ink);margin:0 0 10px;padding:9px 12px;border:1px solid var(--kda-line);border-radius:10px;background:#fff;line-height:1.5;font-variant-numeric:tabular-nums}
#kda-widget .kda-sr,#kda-widget .kda-honey{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

@media(max-width:64rem),(max-width:86rem) and (any-pointer:coarse){
#kda-widget .kda-launch{bottom:calc(80px + env(safe-area-inset-bottom))}
#kda-widget .kda-panel{bottom:calc(78px + env(safe-area-inset-bottom));max-height:calc(100dvh - 94px - env(safe-area-inset-bottom))}
}
@media(max-width:600px){#kda-widget .kda-launch{right:16px;bottom:calc(80px + env(safe-area-inset-bottom));width:52px;height:52px;min-height:52px;justify-content:center;gap:0;padding:0}
#kda-widget .kda-launch > span{display:none}
#kda-widget .kda-panel{right:12px;bottom:calc(78px + env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:none;height:660px;max-height:calc(100dvh - 94px - env(safe-area-inset-bottom));border-radius:16px}
#kda-widget .kda-head{padding:12px;gap:8px}
#kda-widget .kda-log{padding:14px 12px}
#kda-widget .kda-bottom{padding:12px}
#kda-widget .kda-actions .kda-option{font-size:13px;padding-inline:10px}
#kda-widget .kda-option.kda-has-icon{gap:6px}
#kda-widget .kda-compose input,#kda-widget .kda-lead input:not([type=checkbox]),#kda-widget .kda-lead textarea{font-size:16px}
}
@media(prefers-reduced-motion:no-preference){#kda-widget .kda-launch:hover{transform:translateY(-2px)}
#kda-widget .kda-launch{transition:transform .15s ease}
}

#kda-widget button{min-width:0;box-shadow:none;letter-spacing:normal;text-transform:none}
#kda-widget .kda-launch:focus,#kda-widget .kda-launch:focus-visible{outline:none;border:0;box-shadow:none}
#kda-widget .kda-launch:focus-visible{background:#e72b4d}
#kda-widget .kda-icon,#kda-widget .kda-send{padding:0;min-height:0;line-height:1}
#kda-widget .kda-icon:focus,#kda-widget .kda-icon:focus-visible{outline:none;border:0;box-shadow:none}
#kda-widget .kda-icon:focus-visible{background:#e7e7e7;color:#111}
#kda-widget .kda-send svg,#kda-widget .kda-launch svg{display:block;flex-shrink:0}
#kda-widget .kda-panel[hidden],#kda-widget .kda-launch[hidden]{display:none}
#kda-widget .kda-bot-row{display:flex;align-items:flex-end;gap:9px;margin-bottom:12px}
#kda-widget .kda-bot-row .kda-message{flex:1;min-width:0;max-width:calc(100% - 43px);margin-bottom:0}
#kda-widget .kda-bubble-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;margin:0;border-radius:50%;border:1px solid var(--kda-line);background:white;box-shadow:0 3px 9px #0001;color:var(--kda-pink);font-size:9px;font-weight:700;overflow:hidden}
#kda-widget .kda-bubble-avatar img{display:block;width:26px;height:26px;object-fit:contain}
