/* ===== Launcher & Drawer ===== */
.amitai-root .amitai-launcher{
  position:fixed; right:20px; bottom:20px;
  background:#3A68AA; color:#fff; border:0;
  border-radius:28px; padding:12px 16px;
  cursor:pointer; box-shadow:0 10px 24px rgba(0,0,0,.2);
  font-weight:600; z-index:9998; display:flex; align-items:center; gap:8px;
}
.amitai-root .amitai-launcher:hover{ filter: brightness(0.95); }
.amitai-root .amitai-launcher-dot{ width:10px; height:10px; border-radius:999px; background:#22c55e; display:inline-block }

.amitai-root .amitai-drawer{
  position:fixed; top:0; right:-420px; width:380px; max-width:100vw; height:100%;
  background:#fff; box-shadow:-12px 0 24px rgba(0,0,0,.18);
  transition: right .28s ease; z-index:9999; display:flex; flex-direction:column;
  border-left: 1px solid #e5e7eb;
}
.amitai-root .amitai-drawer.open{ right:0; }

.amitai-root .amitai-drawer-header{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 14px; border-bottom:1px solid #e5e7eb; background:#fff;
}
.amitai-root .amitai-title{ font-weight:800; font-size:15px }
.amitai-root .amitai-actions{ display:flex; gap:8px; align-items:center }
.amitai-root .amitai-change-lang{
  border:1px solid #cbd5e1; background:#fff; border-radius:8px; padding:6px 8px; cursor:pointer;
}
.amitai-root .amitai-change-lang:hover{ background:#f8fafc }
.amitai-root .amitai-close{ border:0; background:transparent; font-size:18px; cursor:pointer; line-height:1 }

/* Backdrop */
.amitai-root .amitai-backdrop{
  position:fixed; inset:0; background:rgba(15,23,42,.35); z-index:9997;
}

/* ===== Lang Modal ===== */
.amitai-root .amitai-lang-modal{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background:rgba(15,23,42,.45);
}
.amitai-root .amitai-lang-box{
  background:#fff; border-radius:14px; padding:18px; width:300px; box-shadow:0 12px 28px rgba(0,0,0,.18);
  border:1px solid #e5e7eb; text-align:center;
}
.amitai-root .amitai-lang-title{ font-weight:800; margin-bottom:10px }
.amitai-root .amitai-lang-choices{ display:flex; gap:8px; justify-content:center }
.amitai-root .amitai-lang-choices button{
  border:1px solid #cbd5e1; background:#fff; padding:8px 10px; border-radius:10px; cursor:pointer;
}
.amitai-root .amitai-lang-choices button:hover{ background:#f1f5f9 }

/* ===== Chat UI ===== */
.amitai-root .amitai-window{ display:flex; flex-direction:column; height:calc(100% - 49px) }
.amitai-root .amitai-messages{ padding:14px; flex:1; max-height:100%; overflow-y:auto; background:#f8fafc }
.amitai-root .amitai-msg{ margin:8px 0; padding:10px 12px; border-radius:12px; line-height:1.35; max-width:85%; word-wrap:break-word }
.amitai-root .amitai-user{ background:#eef2ff; align-self:flex-end }
.amitai-root .amitai-bot{ background:#fff; border:1px solid #e2e8f0; align-self:flex-start }

/* Product cards */
.amitai-root .amitai-products{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:8px }
.amitai-root .amitai-card{ border:1px solid #e5e7eb; border-radius:10px; padding:8px; background:#fff; box-shadow:0 3px 6px rgba(0,0,0,.05) }
.amitai-root .amitai-card img{ width:100%; height:120px; object-fit:cover; border-radius:8px }
.amitai-root .amitai-card .t{ font-weight:600; margin:6px 0; font-size:14px }
.amitai-root .amitai-card .p{ font-size:13px; color:#475569; margin-bottom:4px }

/* KB list */
.amitai-root .amitai-kb{ display:grid; grid-template-columns:1fr; gap:8px; margin-top:8px }
.amitai-root .amitai-kb a{ display:block; border:1px solid #e5e7eb; border-radius:10px; padding:10px; background:#fff; text-decoration:none; color:#0f172a }
.amitai-root .amitai-kb a:hover{ background:#f8fafc }

/* Footer inputs */
.amitai-root .amitai-quickpick{ display:flex; gap:8px; justify-content:center; padding:8px; border-top:1px dashed #e5e7eb; background:#fff }
.amitai-root .amitai-quickpick button{ border:1px solid #cbd5e1; background:#fff; padding:8px 10px; border-radius:10px; cursor:pointer; font-size:13px }

.amitai-root .amitai-input{ display:flex; gap:8px; border-top:1px solid #e5e7eb; padding:10px; background:#fff }
.amitai-root .amitai-input input{ flex:1; border:1px solid #cbd5e1; border-radius:10px; padding:10px; font-size:14px; outline:none }
.amitai-root .amitai-input input:focus{ border-color:#3A68AA; box-shadow:0 0 0 2px rgba(58,104,170,.2) }
.amitai-root .amitai-input button{ border:0; background:#3A68AA; color:#fff; border-radius:10px; padding:10px 14px; cursor:pointer; font-size:14px; transition:background .2s }
.amitai-root .amitai-input button:hover{ background:#2f5892 }

@media (max-width:640px){
  .amitai-root .amitai-products{ grid-template-columns:1fr }
  .amitai-root .amitai-launcher{ right:14px; bottom:14px }
  .amitai-root .amitai-drawer{ width:100vw }
}