/* ===== AI Mentor UI (Send-only on top row, other tools below; better mobile fit) ===== */
:root{
  --bg:#f6f7fb; --card:#fff; --line:#e6e8ee; --text:#0f172a; --muted:#667085; --brand:#2563eb;
  --user:#e6f2ff; --user-border:#cfe6ff; --bot:#f0f4ff; --bot-border:#dee6ff;
  --radius:14px; --shadow:0 8px 24px rgba(15,23,42,.06);
  --input:#f8fafc; --input-border:#e5e7eb; --btn:#2563eb; --btn-ink:#fff;
}

.aimx{background:var(--bg);padding:clamp(8px,1.4vw,14px);border-radius:16px}
.aimx-pane{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:10px;display:flex;flex-direction:column;min-height:48vh}

.aimx-thread{flex:1;overflow:auto;padding:2px}
.aim-bubble-row{display:flex;gap:10px;margin:10px 0;align-items:flex-end}
.aim-bubble{position:relative;background:var(--bot);border:1px solid var(--bot-border);color:var(--text);border-radius:var(--radius);padding:10px 36px 10px 12px;max-width:85%}
.is-user{justify-content:flex-end}
.is-user .aim-bubble{background:var(--user);border-color:var(--user-border);padding-inline-end:36px}
.aim-bubble .meta{display:block;font-size:11px;color:var(--muted);margin-top:6px}
.aim-avatar-bot{width:54px;height:54px;border-radius:50%;border:1px solid var(--line);object-fit:cover;flex:0 0 54px}
@media (max-width:640px){ .aim-avatar-bot{width:48px;height:48px} }
.is-user .aim-avatar-bot{display:none}

/* نسخ */
.aim-copy{position:absolute;inset-inline-end:6px;top:6px;border:1px solid var(--line);background:#fff;color:#111;border-radius:8px;padding:2px 6px;font-size:12px;cursor:pointer;opacity:.7}
.aim-copy:hover{opacity:1}
.aim-copy.ok{border-color:#16a34a;color:#16a34a}

/* كتابة */
.aimx-typing{display:inline-flex;gap:6px;align-items:center}
.aimx-typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);opacity:.6;animation:blink 1.2s infinite}
.aimx-typing i:nth-child(2){animation-delay:.2s}
.aimx-typing i:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,80%,100%{opacity:.2}40%{opacity:1}}

.aimx-suggests{display:flex;flex-wrap:wrap;gap:8px;margin:6px 2px}
.aimx-suggest{border:1px solid var(--line);background:transparent;color:var(--muted);padding:6px 10px;border-radius:999px;cursor:pointer}
.aimx-suggest:hover{color:var(--text);background:color-mix(in srgb,var(--brand),transparent 90%)}

/* صندوق الإدخال صفّين */
.aim-msgbox{position:sticky;bottom:0;background:var(--card);border-top:1px dashed var(--line);padding-top:8px;display:flex;flex-direction:column;gap:6px}
.aim-row1{display:flex;gap:8px;align-items:center}
#aim-text{flex:1;width:100%;min-height:48px;border:1px solid var(--input-border);border-radius:12px;padding:10px 12px;background:var(--input);color:var(--text);resize:vertical}
#aim-text:focus{outline:2px solid color-mix(in srgb,var(--brand),transparent 75%)}
.is-send{background:var(--btn);color:var(--btn-ink);border:0;border-radius:12px;padding:12px 16px;cursor:pointer;min-width:52px}
.is-send:disabled{opacity:.6;cursor:default}

.aim-row2{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.aim-ghost{border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 10px;border-radius:10px;cursor:pointer}
.aim-file{display:inline-flex;align-items:center;gap:6px;background:var(--input);border:1px solid var(--input-border);padding:8px 10px;border-radius:10px;cursor:pointer;white-space:nowrap}
.aim-file input{display:none}
.aim-save{color:var(--muted);display:inline-flex;align-items:center;gap:6px}

.aim-img-preview{display:flex;justify-content:flex-end;margin:6px 0}
.aim-img-preview img{max-width:120px;max-height:120px;border-radius:10px;border:1px solid var(--line)}

@media (max-width:580px){
  .aimx-pane{min-height:44vh}     /* أصغر ليظهر الفوتر */
  #aim-text{min-height:44px}
  .aim-row2{gap:6px}
}