/* ==========================================================================
   منافسون — إضافات الباك اند (لا تكرر أي شيء موجود في style.css)
   ========================================================================== */

/* هوامش سفلية — نظير .mt-* الموجودة في style.css */
.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}

/* عناصر تظهر على الموبايل فقط (مثل زر إظهار الفلاتر — style.css يخفي الفلاتر تحت 900px) */
.mob-only{display:none}
@media(max-width:900px){.mob-only{display:inline-flex}}

/* ---------------- ودجت الشات بوت ---------------- */
#chatWidget{position:fixed;inset-inline-end:22px;bottom:22px;z-index:250;font-family:var(--ff)}
#chatToggle{
  width:58px;height:58px;border-radius:50%;border:none;cursor:pointer;
  background:var(--gold);color:var(--navy-900);display:grid;place-items:center;
  box-shadow:0 10px 28px rgba(214,162,58,.4);transition:.2s;position:relative;
}
#chatToggle:hover{transform:translateY(-2px);background:var(--gold-600)}
#chatToggle svg{width:26px;height:26px}
#chatDot{position:absolute;top:4px;inset-inline-end:4px;width:11px;height:11px;border-radius:50%;background:var(--danger);border:2px solid #fff}

#chatPanel{
  position:absolute;bottom:72px;inset-inline-end:0;width:min(370px,90vw);height:min(520px,72vh);
  background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--line);
  display:flex;flex-direction:column;overflow:hidden;animation:pop .2s;
}
#chatHead{
  background:linear-gradient(160deg,var(--navy-900),var(--navy-700));color:#fff;
  padding:14px 16px;display:flex;align-items:center;gap:11px;flex:none;
}
#chatHead b{display:block;font-size:14.5px}
#chatHead small{color:rgba(255,255,255,.6);font-size:12px}
#chatHead .brand-mark{border-radius:9px;overflow:hidden}
#chatClose{background:rgba(255,255,255,.12);border:none;width:30px;height:30px;border-radius:8px;color:#fff;cursor:pointer;display:grid;place-items:center;flex:none}
#chatClose svg{width:16px;height:16px}
#chatBody{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--paper-2)}
.chat-msg{max-width:82%;padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.7;white-space:pre-wrap}
.chat-msg.bot{align-self:flex-start;background:#fff;border:1px solid var(--line);border-start-start-radius:4px}
.chat-msg.user{align-self:flex-end;background:var(--navy-900);color:#fff;border-start-end-radius:4px}
.chat-msg .src{display:block;margin-top:6px;font-size:11px;color:var(--gold-600);font-weight:600}
.chat-msg.user .src{color:rgba(255,255,255,.55)}
.chat-typing{display:flex;gap:4px;padding:4px 2px}
.chat-typing span{width:6px;height:6px;border-radius:50%;background:#B7BFCC;animation:chatBlink 1.2s infinite}
.chat-typing span:nth-child(2){animation-delay:.2s}
.chat-typing span:nth-child(3){animation-delay:.4s}
@keyframes chatBlink{0%,80%,100%{opacity:.3}40%{opacity:1}}
.chat-links{align-self:flex-start;display:flex;flex-wrap:wrap;gap:6px;max-width:90%}
.chat-links a{font-size:13px;font-weight:600;color:var(--navy-900);background:var(--gold-100);border:1px solid #EFDDB6;padding:6px 11px;border-radius:9px}
.chat-links a:hover{background:#F7EBD5}
.chat-suggest{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.chat-suggest button{font:inherit;font-size:12.5px;padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--navy-700);cursor:pointer}
.chat-suggest button:hover{border-color:var(--gold);color:var(--gold-600)}
#chatForm{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line);flex:none;background:#fff}
#chatInput{flex:1;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit}
#chatInput:focus{outline:none;border-color:var(--gold)}
#chatForm button{width:40px;height:40px;border-radius:10px;border:none;background:var(--gold);color:var(--navy-900);display:grid;place-items:center;cursor:pointer;flex:none}
#chatForm button svg{width:17px;height:17px}
@media(max-width:480px){
  #chatWidget{inset-inline-end:14px;bottom:14px}
  #chatPanel{width:calc(100vw - 28px)}
}

/* ---------------- لوحة الإدارة: بطاقات وجداول إضافية ---------------- */
.admin-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.admin-quick a{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;
  display:flex;align-items:center;gap:12px;transition:.16s;
}
.admin-quick a:hover{border-color:var(--gold);box-shadow:var(--shadow)}
.admin-quick .n{font-size:22px;font-weight:800}
/* خلية الإجراءات في جداول الإدارة: style.css يجعل .acts صندوق flex، وتطبيقه على <td>
   يفقدها سلوك خلية الجدول (حدود الصف تنحرف) — نرجعها خلية ونرصّ الأزرار داخليًا */
table.tbl td.acts{display:table-cell;white-space:nowrap;text-align:end}
table.tbl td.acts > form, table.tbl td.acts > a{display:inline-block;margin:3px 0 3px 6px;vertical-align:middle}
table.tbl .ref{white-space:nowrap;font-family:ui-monospace,monospace;font-size:12.5px;color:#98A2B3}
table.tbl .badge{white-space:nowrap}

.chat-split{grid-template-columns:320px 1fr;align-items:start;gap:20px}
@media(max-width:900px){.chat-split{grid-template-columns:1fr}}
.form-msg{padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:16px}
.form-msg.ok{background:var(--ok-bg);color:var(--ok);border:1px solid #C9EBDB}
.form-msg.err{background:var(--danger-bg);color:var(--danger);border:1px solid #F3D2D2}
/* بطاقة قطاع الأفراد: رابطان (تصفّح المشاريع / اطرح مشروعك) بنفس أسلوب ملاحظة الروابط الخارجية */
.sector-links{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px}
.sector-links a{font-size:12.5px;font-weight:600;color:var(--gold-600)}
.sector-links a:hover{text-decoration:underline}