/* ========================
   FEATMIND Chat UI Styles
   ======================== */

/* overlay */
.fmc-overlay{position:fixed;inset:0;display:none;background:rgba(15,23,42,.35);z-index:99999}
.fmc-overlay.fmc-open{display:block}
.fmc-wrap{
  position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(740px,92vw);height:min(78vh,680px);
  background:#fff;border-radius:16px;
  box-shadow:0 20px 60px rgba(2,6,23,.25);
  display:flex;flex-direction:column;overflow:hidden;
}
.fmc-wrap.fmc-open{display:flex}

/* header */
.fmc-header{display:flex;align-items:center;justify-content:space-between;
  padding:10px 14px;background:#F8FAFF;border-bottom:1px solid #E5EAF3}
.fmc-title{font:700 16px/1 system-ui,-apple-system,Segoe UI,Roboto;color:#0F172A}
.fmc-close{border:0;background:transparent;cursor:pointer;font-size:18px;color:#0F172A}

/* body */
.fmc-body{flex:1 1 auto;padding:12px;background:#fff;overflow:auto}
#fmc-stream{min-height:100%}
.fmc-msg{display:flex;gap:10px;margin:8px 0;align-items:flex-end}
.fmc-msg.me{flex-direction:row-reverse}
.fmc-ava{width:32px;height:32px;border-radius:999px;flex:0 0 auto;background:#E2E8F0}
.fmc-bubble{max-width:75%;background:#F8FAFF;border:1px solid #E5EAF3;border-radius:14px;padding:.5rem .65rem}
.fmc-msg.me .fmc-bubble{background:#E9F2FF;border-color:#CFE1FF}
.fmc-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.fmc-badge{font-size:11px;background:#1E3A8A;color:#fff;padding:2px 6px;border-radius:999px}
.fmc-badge.fmc-user{background:#475569}
.fmc-time{font-size:11px;color:#475569}
.fmc-text a{color:#1E3A8A;text-decoration:underline;word-break:break-all}

/* composer */
.fmc-composer{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-top:1px solid #E5EAF3;background:#fff}

/* big, always-visible icons (user & admin) */
.fmc-composer .fmc-btn{
  width:40px;height:40px;border:0;background:transparent;
  display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:22px !important;line-height:1 !important;
  color:#1E293B !important;text-indent:0 !important;
}
.fmc-composer .fmc-btn:hover{background:#F1F5F9;border-radius:10px}

/* text area */
.fmc-composer textarea#fmc-input{
  flex:1 1 auto;min-height:40px;max-height:120px;resize:vertical;
  padding:.55rem .7rem;border:1px solid #E2E8F0;border-radius:10px;outline:none;
  font:400 14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu;
}
.fmc-composer textarea#fmc-input:focus{
  border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.12);
}

/* load older */
#fmc-older-wrap{margin:4px 0}
#fmc-load-older{font-size:12px}

/* admin recent bar */
#fmc-recent-bar{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.fmc-chip{position:relative;display:inline-flex;align-items:center;gap:6px;
  border-radius:999px!important;background:#F1F5FF!important;border-color:#D6E4FF!important;
  color:#1E3A8A!important;padding:4px 10px}
.fmc-chip-badge{background:#DC2626;color:#fff;border-radius:999px;font-size:11px;padding:2px 6px;line-height:1}