/* FCA PROXI Tool - Smart JS FAQ Bot (no server) */
#fptSmartBtn{
  position:fixed; right:18px; bottom:18px;
  padding:10px 14px; border-radius:999px;
  border:1px solid rgba(0,0,0,.15);
  background:#111; color:#fff; cursor:pointer;
  font:14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  z-index:99999;
}
#fptSmartBox{
  position:fixed; right:18px; bottom:64px;
  width:360px; height:500px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.15);
  background:#fff;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
  display:none;
  overflow:hidden;
  z-index:99999;
}
#fptSmartHeader{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 12px;
  border-bottom:1px solid rgba(0,0,0,.10);
}
#fptSmartTitle{
  font:900 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  color:#111;
}
#fptSmartClose{
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  cursor:pointer;
  color:#111;
  font:900 18px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
}
#fptSmartClose:hover{ background:rgba(0,0,0,.06); }
#fptSmartTitle{
  font:700 13px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;
}
#fptSmartClose{ cursor:pointer; font-weight:900; font-size:18px; padding:0 6px; }
#fptSmartMsgs{
  height:372px;
  padding:10px 10px;
  overflow:auto;
  font:13px/1.35 system-ui, -apple-system, Segoe UI, Roboto, Arial;
}
.fptSmartMsg{ margin:8px 0; display:flex; }
.fptSmartMsg.user{ justify-content:flex-end; }
.fptSmartBubble{
  max-width:88%;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.08);
  white-space:pre-wrap;
}
.fptSmartMsg.user .fptSmartBubble{ background:#111; color:#fff; }
.fptSmartMsg.bot .fptSmartBubble{ background:#fafafa; color:#111; }
#fptSmartHints{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  padding:8px 10px;
  border-top:1px solid rgba(0,0,0,.06);
  background:#fcfcfc;
}
.fptHint{
  font:600 11px system-ui, -apple-system, Segoe UI, Roboto, Arial;
  padding:6px 8px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  cursor:pointer;
  color:#222;
}
#fptSmartForm{
  display:flex; gap:8px;
  padding:10px;
  border-top:1px solid rgba(0,0,0,.08);
}
#fptSmartInput{
  flex:1;
  padding:8px 10px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.18);
  font:13px system-ui, -apple-system, Segoe UI, Roboto, Arial;
}
#fptSmartSend{
  padding:8px 10px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.18);
  background:#fff;
  cursor:pointer;
  font:700 13px system-ui, -apple-system, Segoe UI, Roboto, Arial;
}
#fptSmartMeta{
  font:11px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  color:#666;
  padding:0 10px 10px 10px;
}


#fptSmartStart{
  position:absolute;
  inset:0;
  background:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:12px;
  padding:18px;
  z-index:5;
}
#fptStartTitle{
  font:900 18px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  text-align:center;
  color:#111;
  letter-spacing:.2px;
}
#fptLangRow{
  display:flex;
  gap:10px;
}
.fptLangBtn{
  border:1px solid rgba(0,0,0,.18);
  background:#fff;
  color:#111;
  padding:10px 12px;
  border-radius:12px;
  cursor:pointer;
  font:900 12px system-ui, -apple-system, Segoe UI, Roboto, Arial;
  min-width:74px;
}
.fptLangBtn:hover{ box-shadow:0 6px 16px rgba(0,0,0,.10); }
.fptLangBtn:active{ transform:translateY(1px); }
.fptLangBtn.active{
  background:#111;
  color:#fff;
  border-color:#111;
  box-shadow:none;
}
.fptLangBtn:focus{ outline:2px solid rgba(0,0,0,.20); outline-offset:2px; }
.fptLangBtn.active{
  border-color:#111;
  box-shadow:0 0 0 2px rgba(0,0,0,.06) inset;
}

.fptHint:hover{ color:#111; }