
/* KOAI 0.5.3 EXTRA — isolated, deterministic widget UI */
.koai-floating-wrap, .koai-floating-wrap *, .koai-widget, .koai-widget * { box-sizing:border-box !important; }
.koai-floating-wrap { position:fixed !important; z-index:2147482000 !important; bottom:22px !important; width:auto !important; height:auto !important; font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important; }
.koai-floating-wrap.koai-right { right:22px !important; left:auto !important; }
.koai-floating-wrap.koai-left { left:22px !important; right:auto !important; }
.koai-launcher { appearance:none !important; width:auto !important; height:auto !important; margin:0 !important; padding:14px 20px !important; border:0 !important; border-radius:999px !important; background:var(--koai-color,#b98547) !important; color:#fff !important; box-shadow:0 12px 32px rgba(20,42,90,.28) !important; font:700 15px/1 Inter,system-ui,sans-serif !important; text-transform:none !important; letter-spacing:normal !important; cursor:pointer !important; }
.koai-launcher span { margin-right:6px !important; }
.koai-widget { --koai-color:#b98547; font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important; color:#172033 !important; line-height:1.4 !important; }
.koai-widget[hidden], .koai-widget [hidden] { display:none !important; }
.koai-widget button,.koai-widget input,.koai-widget select,.koai-widget textarea { font-family:inherit !important; text-transform:none !important; letter-spacing:normal !important; box-shadow:none; }
.koai-widget img { display:block !important; max-width:none !important; border:0 !important; box-shadow:none !important; }
.koai-widget form { margin:0 !important; }
.koai-widget-floating { position:absolute !important; right:0 !important; bottom:64px !important; width:min(var(--koai-window-width,460px),calc(100vw - 24px)) !important; height:min(var(--koai-window-height,760px),calc(100vh - 92px)) !important; min-width:0 !important; max-width:none !important; margin:0 !important; padding:0 !important; }
.koai-left .koai-widget-floating { left:0 !important; right:auto !important; }
.koai-widget-inline { width:100% !important; height:var(--koai-height,780px) !important; min-height:540px !important; }
.koai-panel { position:relative !important; display:flex !important; flex-direction:column !important; width:100% !important; height:100% !important; min-width:0 !important; min-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; background:#f4f7fb !important; border:1px solid #dce3ed !important; border-radius:20px !important; box-shadow:0 22px 55px rgba(20,39,73,.24) !important; }
.koai-header { flex:0 0 68px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; width:100% !important; height:68px !important; min-height:68px !important; gap:10px !important; margin:0 !important; padding:10px 14px !important; background:var(--koai-color,#b98547) !important; color:#fff !important; border:0 !important; }
.koai-brand { display:flex !important; align-items:center !important; flex:1 1 auto !important; min-width:0 !important; gap:10px !important; margin:0 !important; }
.koai-logo { flex:0 0 43px !important; display:grid !important; place-items:center !important; width:43px !important; height:43px !important; min-width:43px !important; min-height:43px !important; margin:0 !important; padding:0 !important; overflow:hidden !important; border:0 !important; border-radius:50% !important; background:#fff !important; color:var(--koai-color,#b98547) !important; font-weight:900 !important; }
.koai-logo img { width:100% !important; height:100% !important; object-fit:contain !important; }
.koai-brand>div { flex:1 1 auto !important; min-width:0 !important; }
.koai-brand strong,.koai-brand small { display:block !important; max-width:100% !important; margin:0 !important; overflow:hidden !important; white-space:nowrap !important; text-overflow:ellipsis !important; color:#fff !important; }
.koai-brand strong { font-size:15px !important; line-height:18px !important; font-weight:700 !important; }
.koai-brand small { margin-top:3px !important; font-size:11px !important; line-height:14px !important; opacity:.86 !important; }
.koai-head-actions { flex:0 0 auto !important; display:flex !important; align-items:center !important; gap:5px !important; min-width:0 !important; }
.koai-icon { appearance:none !important; flex:0 0 35px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:35px !important; height:35px !important; min-width:35px !important; min-height:35px !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:10px !important; background:rgba(255,255,255,.14) !important; color:#fff !important; font-size:18px !important; line-height:1 !important; cursor:pointer !important; }
.koai-language { appearance:auto !important; flex:0 1 92px !important; width:auto !important; max-width:92px !important; height:35px !important; min-height:35px !important; margin:0 !important; padding:0 7px !important; border:0 !important; border-radius:9px !important; background:rgba(255,255,255,.96) !important; color:#24324c !important; font-size:13px !important; }
.koai-body { position:relative !important; display:flex !important; flex:1 1 auto !important; width:100% !important; min-width:0 !important; min-height:0 !important; margin:0 !important; padding:0 !important; }
.koai-chat-view { display:flex !important; flex:1 1 auto !important; flex-direction:column !important; width:100% !important; min-width:0 !important; min-height:0 !important; }
.koai-messages { flex:1 1 auto !important; width:100% !important; min-width:0 !important; min-height:120px !important; margin:0 !important; padding:16px 14px 10px !important; overflow:auto !important; scroll-behavior:smooth !important; }
.koai-message { display:block !important; max-width:96% !important; margin:0 0 11px !important; padding:12px 14px !important; border-radius:15px !important; font-size:14px !important; line-height:1.55 !important; text-align:left !important; overflow-wrap:anywhere !important; box-shadow:0 3px 10px rgba(28,42,68,.06) !important; }
.koai-message.koai-assistant { width:96% !important; margin-right:auto !important; background:#fff !important; color:#172033 !important; border:1px solid #e0e6ef !important; }
.koai-message.koai-user { width:auto !important; max-width:82% !important; margin-left:auto !important; background:var(--koai-color,#b98547) !important; color:#fff !important; }
.koai-message code { background:#eef2f7 !important; padding:2px 5px !important; border-radius:5px !important; }
.koai-categories { flex:0 0 auto !important; display:flex !important; align-items:center !important; width:100% !important; min-width:0 !important; gap:6px !important; margin:0 !important; padding:7px 10px !important; overflow-x:auto !important; overflow-y:hidden !important; border-top:1px solid #e5eaf1 !important; background:#fff !important; scrollbar-width:thin; }
.koai-categories button { appearance:none !important; flex:0 0 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; padding:6px 9px !important; white-space:nowrap !important; border:1px solid color-mix(in srgb,var(--koai-color,#b98547) 55%,#fff) !important; border-radius:999px !important; background:#fff !important; color:var(--koai-color,#b98547) !important; font-size:11px !important; line-height:1.25 !important; cursor:pointer !important; }
.koai-compose { flex:0 0 auto !important; position:relative !important; display:grid !important; grid-template-columns:minmax(0,1fr) 90px !important; gap:8px !important; width:100% !important; min-width:0 !important; margin:0 !important; padding:10px !important; border-top:1px solid #e3e8ef !important; background:#fff !important; }
.koai-compose textarea { appearance:none !important; grid-column:1 !important; grid-row:1 !important; display:block !important; width:100% !important; min-width:0 !important; height:95px !important; min-height:95px !important; max-height:160px !important; margin:0 !important; padding:11px 12px !important; resize:vertical !important; border:1px solid #cad4e1 !important; border-radius:13px !important; background:#fff !important; color:#172033 !important; font-size:14px !important; line-height:1.4 !important; outline:none !important; }
.koai-compose-actions { grid-column:2 !important; grid-row:1 !important; display:flex !important; flex-direction:column !important; width:90px !important; min-width:90px !important; gap:7px !important; }
.koai-file-label { display:grid !important; place-items:center !important; width:90px !important; height:34px !important; min-width:90px !important; margin:0 !important; padding:0 !important; border:1px solid #d5dce7 !important; border-radius:10px !important; background:#fff !important; color:#69758a !important; cursor:pointer !important; }
.koai-file-label input { display:none !important; }
.koai-send { appearance:none !important; display:flex !important; align-items:center !important; justify-content:center !important; width:90px !important; min-width:90px !important; min-height:48px !important; margin:0 !important; padding:10px 8px !important; border:0 !important; border-radius:12px !important; background:var(--koai-color,#b98547) !important; color:#fff !important; font-size:16px !important; line-height:1.2 !important; font-weight:800 !important; cursor:pointer !important; }
.koai-send.koai-busy { opacity:.65 !important; }
.koai-file-chip { position:absolute !important; left:14px !important; bottom:92px !important; max-width:calc(100% - 28px) !important; padding:6px 9px !important; border:1px solid #c4d7ff !important; border-radius:9px !important; background:#eef4ff !important; font-size:11px !important; }
.koai-file-chip button { border:0 !important; background:transparent !important; cursor:pointer !important; }
.koai-honeypot { position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; }
/* EXTRA bottom — intentionally new, compact and balanced */
.koai-lead-open { appearance:none !important; flex:0 0 auto !important; align-self:center !important; display:flex !important; align-items:center !important; justify-content:center !important; width:auto !important; min-width:190px !important; max-width:calc(100% - 40px) !important; min-height:30px !important; margin:4px auto 3px !important; padding:7px 18px !important; border:0 !important; border-radius:9px !important; background:#162b4b !important; color:#fff !important; font-size:11px !important; line-height:1.2 !important; font-weight:800 !important; text-align:center !important; cursor:pointer !important; }
.koai-disclaimer { flex:0 0 auto !important; display:block !important; width:100% !important; margin:0 !important; padding:2px 18px 3px !important; color:#65748a !important; font-size:9px !important; line-height:1.35 !important; text-align:center !important; }
.koai-legal { flex:0 0 auto !important; width:100% !important; margin:0 !important; padding:0 18px 7px !important; color:#7a8495 !important; font-size:9px !important; line-height:1.3 !important; text-align:center !important; }
.koai-legal a { color:inherit !important; text-decoration:none !important; }
.koai-loading,.koai-error,.koai-turnstile-wrap { margin:auto !important; padding:25px !important; text-align:center !important; }
.koai-loading span { display:inline-block !important; width:32px !important; height:32px !important; border:3px solid #d7e0ef !important; border-top-color:var(--koai-color,#b98547) !important; border-radius:50% !important; animation:koaiSpin .8s linear infinite !important; }
.koai-error button,.koai-back { appearance:none !important; width:auto !important; margin:0 !important; padding:9px 12px !important; border:0 !important; border-radius:9px !important; background:#e9eef7 !important; color:#172033 !important; cursor:pointer !important; }
.koai-lead-view { width:100% !important; min-width:0 !important; padding:16px !important; overflow:auto !important; }
.koai-lead-form { display:grid !important; width:100% !important; gap:10px !important; margin:0 !important; }
.koai-lead-form input,.koai-lead-form textarea { appearance:none !important; display:block !important; width:100% !important; min-width:0 !important; margin:0 !important; padding:11px !important; border:1px solid #cad4e1 !important; border-radius:10px !important; background:#fff !important; color:#172033 !important; font-size:14px !important; line-height:1.4 !important; }
.koai-specialists { position:absolute !important; inset:0 !important; z-index:12 !important; display:grid !important; place-items:center !important; padding:14px !important; background:rgba(10,24,45,.45) !important; }
.koai-specialists[hidden] { display:none !important; }
.koai-specialists-card { width:min(620px,100%) !important; max-height:92% !important; padding:15px !important; overflow:auto !important; border-radius:17px !important; background:#fff !important; box-shadow:0 24px 70px rgba(0,0,0,.3) !important; }
.koai-specialists-head { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; }
.koai-specialists-list { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; }
.koai-search { width:100% !important; min-width:0 !important; margin:10px 0 !important; padding:10px !important; }
.koai-is-fullscreen { position:fixed !important; inset:10px !important; width:auto !important; height:auto !important; max-width:none !important; max-height:none !important; z-index:2147483000 !important; }
@keyframes koaiSpin { to { transform:rotate(360deg); } }
@media(max-width:640px) {
  .koai-floating-wrap { left:6px !important; right:6px !important; bottom:8px !important; }
  .koai-widget-floating { left:0 !important; right:0 !important; bottom:60px !important; width:100% !important; max-width:100% !important; height:min(var(--koai-window-height,760px),calc(100vh - 76px)) !important; }
  .koai-launcher { float:right !important; }
  .koai-header { gap:6px !important; padding:10px !important; }
  .koai-logo { flex-basis:40px !important; width:40px !important; height:40px !important; min-width:40px !important; min-height:40px !important; }
  .koai-language { max-width:84px !important; }
  .koai-compose { grid-template-columns:minmax(0,1fr) 82px !important; padding:8px !important; }
  .koai-compose textarea { height:82px !important; min-height:82px !important; max-height:130px !important; }
  .koai-compose-actions,.koai-file-label,.koai-send { width:82px !important; min-width:82px !important; }
  .koai-message.koai-assistant { width:100% !important; max-width:100% !important; }
  .koai-specialists-list { grid-template-columns:1fr !important; }
  .koai-lead-open { min-width:180px !important; }
}
