/* ============================================================
   AL MOUTMAG — msgs-plus.css  (Task 7-C · Chat-Experience Agent)
   طبقة إضافة فقط: شريط أفعال الرسائل · قائمة التصدير · مكتبة الأوامر
   بلا أي تعديل على قواعد CSS موجودة — أصناف مسبوقة بالمساحات الخاصة.
   ============================================================ */

/* ---------- 1) شريط أفعال الرسائل (hover/focus) ---------- */
.alm-mp-host{position:relative}

.alm-mp-bar{
  position:absolute; top:-13px; inset-inline-end:10px; z-index:6;
  display:inline-flex; gap:2px; padding:3px; border-radius:10px;
  background:rgba(11,17,32,.88);
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border:1px solid var(--alm-border-strong, rgba(255,255,255,.18));
  box-shadow:var(--alm-shadow, 0 10px 34px rgba(2,6,17,.5));
  animation:almPop .16s ease both;
}
/* أول بطاقة: #chatFeed حشوته العلوية 2px فقط — نرفع الشريط للداخل */
.alm-mp-host.alm-mp-first .alm-mp-bar{top:6px}

.alm-mp-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:26px; border-radius:8px; color:var(--alm-text-dim);
  transition:.15s; border:1px solid transparent;
}
.alm-mp-btn:hover{color:#fff;background:rgba(255,255,255,.08);border-color:var(--alm-border)}
.alm-mp-btn svg{width:14px;height:14px}
.alm-mp-btn.is-busy svg{animation:almSpin .8s linear infinite}
.alm-mp-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}
.alm-mp-host.alm-mp-busy .alm-mp-bar{border-color:rgba(139,92,246,.45)}

/* ---------- 2) قائمة التصدير المنسدلة ---------- */
.alm-exp-menu{
  position:fixed; z-index:9000; min-width:264px; padding:6px; border-radius:14px;
  background:var(--alm-surface-strong, rgba(11,17,32,.9));
  backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  border:1px solid var(--alm-border-strong, rgba(255,255,255,.18));
  box-shadow:var(--alm-shadow, 0 10px 34px rgba(2,6,17,.5));
  animation:almPop .16s ease both; display:flex; flex-direction:column; gap:2px;
}
.alm-exp-menu__item{
  display:flex; align-items:center; gap:10px; padding:9px 10px; border-radius:10px;
  text-align:start; color:var(--alm-text); transition:.15s;
}
.alm-exp-menu__item:hover{background:rgba(255,255,255,.07)}
.alm-exp-menu__ico{
  width:30px; height:30px; border-radius:9px; flex:0 0 auto;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(59,130,246,.12); color:#7dd3fc;
}
.alm-exp-menu__ico svg{width:15px;height:15px}
.alm-exp-menu__tx{display:flex; flex-direction:column; line-height:1.5; min-width:0}
.alm-exp-menu__tx b{font-size:12.5px; font-weight:800}
.alm-exp-menu__tx i{font-style:normal; font-size:10.5px; color:var(--alm-text-faint)}

/* ---------- 3) مكتبة الأوامر (prompts) ---------- */
.alm-pmp-overlay{
  position:fixed; inset:0; z-index:9100; display:grid; place-items:center; padding:18px;
  background:rgba(3,6,14,.6);
}
.alm-pmp{
  width:min(720px, 100%); max-height:min(78vh, 640px); display:flex; flex-direction:column;
  border-radius:var(--alm-radius, 16px); border:1px solid var(--alm-border-strong, rgba(255,255,255,.18));
  background:var(--alm-surface-strong, rgba(11,17,32,.92));
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
  box-shadow:var(--alm-shadow, 0 10px 34px rgba(2,6,17,.5));
  animation:almPop .18s ease both; overflow:hidden;
}
.alm-pmp__head{display:flex; align-items:center; gap:10px; padding:14px 16px 10px}
.alm-pmp__title{display:flex; align-items:center; gap:8px; font-size:15.5px; font-weight:900; margin:0}
.alm-pmp__title svg{width:17px; height:17px; color:var(--alm-cyan)}
.alm-pmp__count{font-size:11px; color:var(--alm-text-faint); margin-inline-start:auto}
.alm-pmp__tools{display:flex; flex-direction:column; gap:9px; padding:0 16px 10px}
.alm-pmp__search{
  display:flex; align-items:center; gap:8px; padding:8px 12px; border-radius:11px;
  background:rgba(15,23,42,.55); border:1px solid var(--alm-border); color:var(--alm-text-dim);
}
.alm-pmp__search svg{width:14px;height:14px;flex:0 0 auto}
.alm-pmp__search input{
  flex:1; min-width:0; background:none; border:0; outline:none; color:var(--alm-text); font-size:13px;
}
.alm-pmp__cats{display:flex; gap:6px; flex-wrap:wrap}
.alm-pmp__cat{
  padding:5px 12px; border-radius:999px; font-size:11.5px; font-weight:700;
  color:var(--alm-text-dim); border:1px solid var(--alm-border); transition:.15s;
}
.alm-pmp__cat:hover{color:#fff; border-color:var(--alm-border-strong)}
.alm-pmp__cat.is-active{
  color:#04101d; background:linear-gradient(90deg,var(--alm-cyan),var(--alm-blue)); border-color:transparent;
}
.alm-pmp__list{flex:1; min-height:120px; overflow-y:auto; padding:4px 16px 14px; display:flex; flex-direction:column; gap:9px}
.alm-pmp__item{
  border:1px solid var(--alm-border); border-radius:13px; padding:11px 13px;
  background:rgba(15,23,42,.42); transition:.15s;
}
.alm-pmp__item:hover{border-color:rgba(34,211,238,.35)}
.alm-pmp__item-head{display:flex; align-items:baseline; gap:8px; flex-wrap:wrap}
.alm-pmp__item-title{font-size:13px; font-weight:800}
.alm-pmp__tag{
  font-size:9.5px; font-weight:800; padding:2px 9px; border-radius:99px;
  background:rgba(59,130,246,.14); color:#93c5fd;
}
.alm-pmp__tag--custom{background:rgba(139,92,246,.16); color:#c4b5fd}
.alm-pmp__item-text{font-size:11.5px; color:var(--alm-text-dim); line-height:1.9; margin:6px 0 0}
.alm-pmp__item-vars{display:flex; gap:5px; flex-wrap:wrap; margin-top:7px}
.alm-pmp__item-vars code{
  font-family:var(--alm-mono); font-size:10px; padding:2px 7px; border-radius:6px;
  background:rgba(34,211,238,.09); color:#a5f3fc; border:1px solid rgba(34,211,238,.22);
}
.alm-pmp__item-actions{display:flex; gap:7px; margin-top:9px}
.alm-pmp__del.is-armed{color:#fca5a5; border-color:rgba(248,113,113,.45)}
.alm-pmp__empty{padding:26px 10px; text-align:center; color:var(--alm-text-faint); font-size:12.5px}
.alm-pmp__vars{padding:6px 16px 16px}
.alm-pmp__vars-title{font-size:12.5px; font-weight:800; color:var(--alm-cyan); margin:6px 0 10px}
.alm-pmp__vars-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:10px}
.alm-pmp__field{display:flex; flex-direction:column; gap:5px; font-size:11.5px; color:var(--alm-text-dim)}
.alm-pmp__field input{
  padding:9px 12px; border-radius:10px; border:1px solid var(--alm-border);
  background:rgba(15,23,42,.55); color:var(--alm-text); font-size:13px; outline:none;
}
.alm-pmp__field input:focus{border-color:rgba(34,211,238,.45)}
.alm-pmp__vars-actions{display:flex; gap:9px; margin-top:14px}
.alm-pmp__foot{
  padding:9px 16px; font-size:10.5px; color:var(--alm-text-faint);
  border-top:1px solid var(--alm-border); background:rgba(3,6,14,.35);
}

/* ---------- 4) موبايل ---------- */
@media (max-width:940px){
  .alm-mp-bar{inset-inline-end:6px}
  .alm-pmp-overlay{padding:10px}
  .alm-pmp{max-height:86vh}
}