/* ComboMatanot – AI Assistant styles (front-end only) */
.cm-ai-wrap{
  margin-top:12px;
  padding:12px 12px;
  border:1px dashed rgba(0,0,0,.18);
  border-radius:14px;
  background: rgba(255,255,255,.75);
}
.cm-ai-wrap.cm-ai-rtl{
  direction:rtl;
  text-align:right;
}
.cm-ai-head{ display:flex; flex-direction:column; gap:2px; margin-bottom:10px; }
.cm-ai-title{ font-weight:900; font-size:14px; }
.cm-ai-sub{ font-size:12px; opacity:.75; }
.cm-ai-limit{ font-size:12px; opacity:.7; margin-bottom:8px; }
/* New: keep the whole subtitle (incl. limit) on a single line */
.cm-ai-subline{
  font-size:12px;
  opacity:.75;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cm-ai-row{ display:flex; gap:8px; align-items:center; }
.cm-ai-prompt{
  flex:1;
  padding:10px 12px;
  border:1px solid #ddd;
  border-radius:12px;
  background:#fff;
  outline:none;
}
.cm-ai-btn{
  padding:10px 12px;
  border:0;
  border-radius:12px;
  font-weight:900;
  cursor:pointer;
}
.cm-ai-btn:disabled{ opacity:.6; cursor:default; }
.cm-ai-status{ margin-top:8px; font-size:12px; opacity:.85; }
.cm-ai-status--busy{ opacity:.85; }
.cm-ai-status--err{ color:#b00020; opacity:1; }
.cm-ai-status--ok{ color:#0a7a2a; opacity:1; }
.cm-ai-list{ margin-top:10px; display:flex; flex-direction:column; gap:8px; }
.cm-ai-sug{
  width:100%;
  text-align:inherit;
  direction:inherit;
  unicode-bidi:plaintext;
  padding:10px 12px;
  border:1px solid #e1e1e1;
  border-radius:12px;
  background:#fff;
  cursor:pointer;
  font-weight:700;
  line-height:1.25;
}
.cm-ai-sug:active{ transform: translateY(1px); }
.cm-ai-empty{ font-size:12px; opacity:.7; }


.cm-ai-head{
  display:flex;
  align-items:flex-start;
  gap:8px;
}
.cm-ai-head-main{ display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.cm-ai-clear{
  width:30px;
  height:30px;
  border:1px solid #ddd;
  border-radius:10px;
  background:#fff;
  cursor:pointer;
  display:none;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  line-height:1;
}
.cm-ai-clear:hover{ background:#f7f7f7; }

/* Fix trash placement: keep it visible in the top-left corner of the block header */
.cm-ai-head{justify-content:flex-start;}
.cm-ai-clear{margin-inline-end:8px; align-self:flex-start;}
.cm-ai-wrap.cm-ai-rtl .cm-ai-head{direction:ltr;}
.cm-ai-wrap.cm-ai-rtl .cm-ai-head-main{direction:rtl; text-align:right;}


/* V14: robust trash placement */
.cm-ai-wrap{position:relative;padding-top:16px;}
.cm-ai-clear{position:absolute;top:10px;left:10px;z-index:3;display:none;}
.cm-ai-wrap.cm-ai-has-items .cm-ai-clear{display:inline-flex !important;}
/* Keep title/subtitle in their original place; trash sits independently in the corner */
.cm-ai-head{padding-left:0;}
.cm-ai-wrap.cm-ai-rtl .cm-ai-head{padding-left:0;}


/* V14b: keep title/subtitle in correct RTL position; trash is absolute and independent */
.cm-ai-wrap.cm-ai-rtl .cm-ai-head{direction:rtl !important;justify-content:flex-start;align-items:stretch;}
.cm-ai-wrap.cm-ai-rtl .cm-ai-head-main{direction:rtl !important;text-align:right !important;align-items:stretch;}
.cm-ai-wrap.cm-ai-rtl .cm-ai-title,
.cm-ai-wrap.cm-ai-rtl .cm-ai-sub,
.cm-ai-wrap.cm-ai-rtl .cm-ai-subline{direction:rtl !important;text-align:right !important;display:block;}

.cm-ai-sug[dir="ltr"]{ text-align:left; direction:ltr; unicode-bidi:plaintext; }
.cm-ai-sug[dir="rtl"]{ text-align:right; direction:rtl; unicode-bidi:plaintext; }