:root { --it-theme-color: #0d2c4b; --it-accent-color: #ef5d22; }
#indictrans-chatbot { position: fixed; z-index: 99999; bottom: 28px; right: 28px; font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; }
/* Fixed circular icon */
#indictrans-chatbot-icon { background: var(--it-theme-color); color: white; border: none; width:64px; height:64px; border-radius:50%; box-shadow: 0 12px 30px rgba(13,44,75,0.25); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:transform .18s ease, box-shadow .18s ease; position:fixed; right:28px; bottom:28px; }
#indictrans-chatbot-icon:hover { transform:translateY(-4px); box-shadow: 0 18px 40px rgba(13,44,75,0.28); }

/* Modal */
#indictrans-chatbot-modal { width: 420px; max-width: calc(100vw - 40px); background: linear-gradient(180deg, #ffffff 0%, #fbfbfd 100%); border-radius:14px; box-shadow: 0 20px 60px rgba(10,20,40,0.2); overflow:hidden; margin:0; transform: translateY(20px) scale(.98); opacity:0; pointer-events:none; transition: all .22s cubic-bezier(.2,.9,.3,1); position:fixed; right:28px; bottom:108px; }
#indictrans-chatbot-modal.open { transform: translateY(0) scale(1); opacity:1; pointer-events:auto; }

/* Header */
.indictrans-chatbot-header { display:flex; align-items:center; justify-content:space-between; background:var(--it-theme-color); color:white; padding:14px 16px; }
.indictrans-chatbot-header .indictrans-logo { max-height:34px; }
.indictrans-chatbot-brand strong { font-size:16px; letter-spacing:0.2px; }

/* Body */
.indictrans-chatbot-body { padding:18px; color:#172B4D; }
.it-step { margin-bottom:8px; }
.it-question { font-weight:700; margin-bottom:10px; color:#12263a; font-size:15px; }
.it-controls { display:flex; flex-direction:column; gap:10px; }
.it-option, .it-next, .it-back { padding:10px 14px; border-radius:10px; border:none; cursor:pointer; background:transparent; box-shadow: inset 0 0 0 1px rgba(13,44,75,0.06); text-align:left; font-weight:600; }
.it-option:hover, .it-next:hover, .it-back:hover { background: rgba(239,93,34,0.06); }
.it-option { display:block; }

/* Primary button */
.it-next.primary { background: var(--it-accent-color); color:white; box-shadow: 0 8px 20px rgba(239,93,34,0.18); }

/* Input */
.it-input { padding:12px; border-radius:10px; border:1px solid #e6eef7; width:100%; box-sizing:border-box; font-size:14px; }
.it-sending, .it-thanks, .it-error { font-weight:700; text-align:center; }

/* Error box */
.it-error-box { border-radius:8px; padding:10px; background:var(--it-accent-color); color:white; display:none; }

/* upload */
.it-upload { margin-top:12px; display:flex; flex-direction:column; gap:6px; font-size:13px; color:#475569; }

/* close button */
#indictrans-chatbot-close { background:transparent; border:none; color:white; font-size:18px; cursor:pointer; }

/* responsive */
@media (max-width:480px) {
    #indictrans-chatbot-modal { right:14px; left:14px; bottom:90px; width:auto; }
    #indictrans-chatbot-icon { right:14px; bottom:14px; }
}