/* =====================================================================
   مرصدك — pages/market.css
   سوق التغطيات: «تغطية مطلوبة» (/coverage-opportunities/{id}) · طلبات التغطية في لوحة الجهة
   (/org/coverage-requests و/{id}) · إضافات لوحة التحكم (/admin/coverage-requests وفريق التغطية).
   يُحمَّل بعد components.css (وبعد pages/profile.css في لوحة الجهة). خصائص منطقية فقط (RTL).
   ===================================================================== */

/* =====================================================================
   A) «تغطية مطلوبة» — الصفحة العامة
   ===================================================================== */

/* ---------- الترويسة (فوق .page-hero) ---------- */
.opp-hero__inner{max-inline-size:880px}

.opp-hero__badges{display:flex;flex-wrap:wrap;gap:var(--sp-2)}

.opp-hero__title{
  margin:0;
  font-family:var(--font-display);
  font-size:var(--fs-2xl);
  font-weight:var(--fw-bold);
  line-height:var(--lh-tight);
  color:var(--white);
  overflow-wrap:anywhere;
}

.opp-hero__org{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--sp-2) var(--sp-3);
  margin:0;
  color:rgba(250,247,241,.86);
}

.opp-hero__org strong{color:var(--white)}

.opp-hero__logo{
  display:grid;
  place-items:center;
  flex-shrink:0;
  inline-size:36px;
  block-size:36px;
  overflow:hidden;
  font-weight:var(--fw-bold);
  color:var(--navy-800);
  background:var(--white);
  border-radius:var(--r-sm);
}

.opp-hero__logo img{inline-size:100%;block-size:100%;object-fit:contain}

.opp-hero__tick{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:2px 10px;
  font-size:var(--fs-xs);
  font-weight:var(--fw-bold);
  color:#BFF3DC;
  background:rgba(25,169,116,.18);
  border:1px solid rgba(25,169,116,.4);
  border-radius:var(--r-pill);
}

.opp-hero__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--sp-2) var(--sp-5);
  font-size:var(--fs-sm);
  color:rgba(250,247,241,.78);
}

.opp-hero__meta span{display:inline-flex;align-items:center;gap:6px}

/* ---------- معلومات سريعة ---------- */
.opp-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--sp-3);
  margin:0;
  padding:0;
}

.opp-facts__item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-areas:'icon label' 'icon value';
  align-items:center;
  column-gap:var(--sp-3);
  row-gap:2px;
  padding:var(--sp-4);
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--r-md);
  box-shadow:var(--shadow-xs);
}

.opp-facts__icon{
  grid-area:icon;
  display:grid;
  place-items:center;
  inline-size:40px;
  block-size:40px;
  color:var(--violet-700);
  background:var(--violet-100);
  border-radius:var(--r-sm);
}

.opp-facts__label{grid-area:label;font-size:var(--fs-xs);color:var(--muted)}
.opp-facts__value{grid-area:value;font-weight:var(--fw-bold);color:var(--navy-800);overflow-wrap:anywhere}

@media (max-width:1180px){
  .opp-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:560px){
  .opp-facts{gap:var(--sp-2)}
  .opp-facts__item{grid-template-columns:minmax(0,1fr);grid-template-areas:'icon' 'label' 'value';row-gap:4px;padding:var(--sp-3)}
  .opp-facts__icon{inline-size:32px;block-size:32px;margin-block-end:2px}
}

@media (max-width:320px){
  .opp-facts{grid-template-columns:minmax(0,1fr)}
}

/* ---------- كتل المحتوى ---------- */
.opp-block{
  padding:var(--sp-5);
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
}

.opp-block--soft{background:var(--grad-soft);border-color:var(--violet-200)}

.opp-block__title{
  margin:0 0 var(--sp-3);
  font-family:var(--font-display);
  font-size:var(--fs-lg);
  color:var(--navy-800);
}

.opp-block__text{margin:0;line-height:var(--lh-prose);color:var(--ink-soft);overflow-wrap:anywhere}

.opp-types{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:0;padding:0}

.opp-types__item{
  display:inline-flex;
  align-items:center;
  gap:var(--sp-2);
  min-block-size:44px;
  padding:6px 16px 6px 8px;
  font-weight:var(--fw-bold);
  color:var(--navy-800);
  background:var(--violet-50);
  border:1px solid var(--violet-200);
  border-radius:var(--r-pill);
}

.opp-types__icon{
  display:grid;
  place-items:center;
  inline-size:32px;
  block-size:32px;
  color:var(--white);
  background:var(--grad-violet);
  border-radius:50%;
}

.opp-steps{display:flex;flex-direction:column;gap:var(--sp-3);margin:0;padding:0}

.opp-steps li{display:flex;align-items:flex-start;gap:var(--sp-3);line-height:var(--lh-body);color:var(--ink-soft)}

.opp-steps__num{
  display:grid;
  place-items:center;
  flex-shrink:0;
  inline-size:28px;
  block-size:28px;
  font-size:var(--fs-sm);
  font-weight:var(--fw-bold);
  color:var(--white);
  background:var(--grad-violet);
  border-radius:50%;
}

/* ---------- الفعالية المرتبطة ---------- */
.opp-event{
  display:flex;
  align-items:center;
  gap:var(--sp-4);
  padding:var(--sp-4) var(--sp-5);
  color:inherit;
  text-decoration:none;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  box-shadow:var(--shadow-xs);
  transition:border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease),transform var(--dur-2) var(--ease);
}

.opp-event:hover{border-color:var(--violet-300);box-shadow:var(--shadow-md);transform:translateY(-2px);text-decoration:none}

.opp-event__icon{
  display:grid;
  place-items:center;
  flex-shrink:0;
  inline-size:48px;
  block-size:48px;
  color:var(--white);
  background:var(--grad-brand);
  border-radius:var(--r-md);
}

.opp-event__body{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-inline-size:0}
.opp-event__eyebrow{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--violet-700)}
.opp-event__title{font-family:var(--font-display);font-weight:var(--fw-bold);color:var(--navy-800);overflow-wrap:anywhere}
.opp-event__meta{font-size:var(--fs-xs);color:var(--muted)}
.opp-event__go{flex-shrink:0;color:var(--violet-600)}

/* ---------- لوحة التقديم ---------- */
.opp-apply{scroll-margin-block-start:calc(var(--header-h,72px) + var(--sp-4))}
.opp-apply__text{margin:0;font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--ink-soft)}

.opp-mine{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sp-2);
  padding:var(--sp-4);
  background:var(--cream-50);
  border:1px solid var(--line);
  border-radius:var(--r-md);
}

.opp-mine__label{font-size:var(--fs-xs);color:var(--muted)}
.opp-mine__hint{margin:0;font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--ink-soft)}
.opp-mine__date{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:var(--fs-xs);color:var(--muted)}

.opp-withdraw{border-block-start:1px dashed var(--line);padding-block-start:var(--sp-3)}

.opp-withdraw__toggle{
  display:inline-flex;
  align-items:center;
  min-block-size:40px;
  font-size:var(--fs-sm);
  color:var(--muted);
  cursor:pointer;
  list-style:none;
}

.opp-withdraw__toggle::-webkit-details-marker{display:none}
.opp-withdraw__toggle:hover{color:var(--danger-ink)}
.opp-withdraw[open] .opp-withdraw__toggle{color:var(--danger-ink)}

.opp-withdraw__form{display:flex;flex-direction:column;gap:var(--sp-2);margin-block-start:var(--sp-2)}
.opp-withdraw__text{margin:0;font-size:var(--fs-xs);color:var(--muted)}

.opp-invite{
  display:flex;
  align-items:flex-start;
  gap:var(--sp-3);
  padding:var(--sp-3) var(--sp-4);
  color:var(--info-ink);
  background:var(--info-soft);
  border-radius:var(--r-md);
}

.opp-invite p{margin:0;font-size:var(--fs-sm);line-height:var(--lh-body)}
.opp-invite__icon{flex-shrink:0;margin-block-start:2px}

.opp-form{display:flex;flex-direction:column;gap:var(--sp-4)}

.opp-form__privacy{
  display:flex;
  align-items:flex-start;
  gap:6px;
  margin:0;
  font-size:var(--fs-xs);
  line-height:var(--lh-body);
  color:var(--muted);
}

.opp-form__privacy svg{flex-shrink:0;margin-block-start:2px;color:var(--violet-500)}

/* ---------- بطاقة الجهة ---------- */
.opp-org{display:flex;align-items:center;gap:var(--sp-3)}

.opp-org__logo{
  display:grid;
  place-items:center;
  flex-shrink:0;
  inline-size:52px;
  block-size:52px;
  overflow:hidden;
  font-family:var(--font-display);
  font-size:var(--fs-lg);
  font-weight:var(--fw-bold);
  color:var(--white);
  background:var(--grad-brand);
  border:1px solid var(--line);
  border-radius:var(--r-md);
}

.opp-org__logo img{inline-size:100%;block-size:100%;object-fit:contain;background:var(--white)}
.opp-org__body{min-inline-size:0}

.opp-org__name{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0;
  font-family:var(--font-display);
  font-weight:var(--fw-bold);
  color:var(--navy-800);
  overflow-wrap:anywhere;
}

.opp-org__tick{display:inline-flex;flex-shrink:0;color:var(--ok)}
.opp-org__meta{margin:2px 0 0;font-size:var(--fs-xs);color:var(--muted)}

/* ---------- شريط التقديم في الجوال ---------- */
.opp-mobile-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-3);
}

.opp-mobile-cta__info{display:flex;flex-direction:column;gap:2px;min-inline-size:0}

.opp-mobile-cta__title{
  overflow:hidden;
  font-size:var(--fs-sm);
  white-space:nowrap;
  text-overflow:ellipsis;
  color:var(--navy-800);
}

.opp-mobile-cta__meta{font-size:var(--fs-xs);color:var(--muted)}
.opp-mobile-cta .btn{flex-shrink:0}

@media (min-width:1025px){
  .opp-mobile-cta{display:none}
}

@media (max-width:1024px){
  .opp .split__aside .sticky-side{position:static}
}

/* =====================================================================
   B) لوحة الجهة — طلبات التغطية
   ===================================================================== */

.mk-lead{margin:0;max-inline-size:72ch;color:var(--ink-soft);line-height:var(--lh-body)}

.mk-back a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-block-size:40px;
  font-size:var(--fs-sm);
  font-weight:var(--fw-bold);
  color:var(--violet-700);
  text-decoration:none;
}

.mk-back a:hover{text-decoration:underline}

/* ---------- المؤشرات ---------- */
.mk-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--sp-3);
  margin:0;
  padding:0;
}

.mk-stats__item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-areas:'icon value' 'icon label';
  align-items:center;
  column-gap:var(--sp-3);
  padding:var(--sp-4);
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--r-md);
  box-shadow:var(--shadow-xs);
}

.mk-stats__icon{
  grid-area:icon;
  display:grid;
  place-items:center;
  inline-size:42px;
  block-size:42px;
  color:var(--violet-700);
  background:var(--violet-100);
  border-radius:var(--r-sm);
}

.mk-stats__icon--ok{color:var(--ok-ink);background:var(--ok-soft)}
.mk-stats__icon--warn{color:var(--warn-ink);background:var(--warn-soft)}

.mk-stats__value{
  grid-area:value;
  font-family:var(--font-display);
  font-size:var(--fs-xl);
  font-weight:var(--fw-bold);
  line-height:1.1;
  color:var(--navy-800);
}

.mk-stats__label{grid-area:label;font-size:var(--fs-xs);color:var(--muted)}

@media (max-width:1180px){
  .mk-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- التبويبات (رقاقات قابلة للتمرير في الجوال) ---------- */
.mk-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-block:2px}
.mk-tabs::-webkit-scrollbar{display:none}
.mk-tabs .chip{flex-shrink:0;min-block-size:40px}

/* ---------- قائمة الطلبات ---------- */
.mk-list{display:flex;flex-direction:column;gap:var(--sp-3)}

.mk-req{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--sp-4);
  padding:var(--sp-5);
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  box-shadow:var(--shadow-xs);
  transition:border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease);
}

.mk-req:hover{border-color:var(--violet-200);box-shadow:var(--shadow-sm)}

.mk-req__main{display:flex;flex-direction:column;gap:var(--sp-2);min-inline-size:0}
.mk-req__badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px}

.mk-req__title{
  margin:0;
  font-family:var(--font-display);
  font-size:var(--fs-md);
  line-height:var(--lh-snug);
  overflow-wrap:anywhere;
}

.mk-req__title a{color:var(--navy-800);text-decoration:none}
.mk-req__title a:hover{color:var(--violet-700);text-decoration:underline}

.mk-req__meta{
  display:flex;
  flex-wrap:wrap;
  gap:var(--sp-1) var(--sp-4);
  margin:0;
  font-size:var(--fs-xs);
  color:var(--muted);
}

.mk-req__meta span{display:inline-flex;align-items:center;gap:5px}

.mk-req__hint{
  display:flex;
  align-items:flex-start;
  gap:6px;
  margin:0;
  font-size:var(--fs-xs);
  line-height:var(--lh-body);
  color:var(--ink-soft);
}

.mk-req__hint svg{flex-shrink:0;margin-block-start:2px;color:var(--violet-500)}

.mk-req__side{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:space-between;
  gap:var(--sp-2);
  min-inline-size:150px;
  padding-inline-start:var(--sp-4);
  border-inline-start:1px solid var(--line);
}

.mk-req__count{display:flex;align-items:baseline;gap:6px}

.mk-req__count strong{
  font-family:var(--font-display);
  font-size:var(--fs-2xl);
  line-height:1;
  color:var(--navy-800);
}

.mk-req__count span{font-size:var(--fs-xs);color:var(--muted)}
.mk-req__none{display:inline-flex;align-items:center;gap:5px;margin:0;font-size:var(--fs-xs);color:var(--muted)}
.mk-req__flags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}

@media (max-width:640px){
  .mk-req{grid-template-columns:minmax(0,1fr);padding:var(--sp-4)}

  .mk-req__side{
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    min-inline-size:0;
    padding-inline-start:0;
    padding-block-start:var(--sp-3);
    border-inline-start:0;
    border-block-start:1px solid var(--line);
  }

  .mk-req__flags{justify-content:flex-start;flex:1 1 auto}
  .mk-req__side .btn{inline-size:100%;justify-content:center}
}

/* ---------- رقاقات أنواع التغطية ---------- */
.mk-typechips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}

.mk-typechip{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 10px;
  font-size:var(--fs-xs);
  font-weight:var(--fw-bold);
  color:var(--violet-700);
  background:var(--violet-50);
  border:1px solid var(--violet-200);
  border-radius:var(--r-pill);
}

/* ---------- الحالة الفارغة والملاحظات ---------- */
.mk-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--sp-3);
  padding:var(--sp-7) var(--sp-5);
  text-align:center;
  background:var(--white);
  border:1px dashed var(--cream-300);
  border-radius:var(--r-lg);
}

.mk-empty--sm{padding:var(--sp-6) var(--sp-4);background:var(--cream-50)}

.mk-empty__icon{
  display:grid;
  place-items:center;
  inline-size:68px;
  block-size:68px;
  color:var(--violet-600);
  background:var(--violet-100);
  border-radius:50%;
}

.mk-empty--sm .mk-empty__icon{inline-size:56px;block-size:56px}

.mk-empty__title{margin:0;font-family:var(--font-display);font-size:var(--fs-lg);color:var(--navy-800)}
.mk-empty__text{margin:0;max-inline-size:56ch;line-height:var(--lh-body);color:var(--ink-soft)}
.mk-empty__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2);margin-block-start:var(--sp-2)}

.mk-note{
  display:flex;
  align-items:flex-start;
  gap:var(--sp-2);
  margin:0;
  padding:var(--sp-3) var(--sp-4);
  font-size:var(--fs-xs);
  line-height:var(--lh-body);
  color:var(--ink-soft);
  background:var(--cream-100);
  border-radius:var(--r-md);
}

.mk-note svg{flex-shrink:0;margin-block-start:1px;color:var(--violet-500)}
.mk-note--flat{background:var(--cream-50);border:1px solid var(--line)}

/* ---------- تفاصيل الطلب ---------- */
.mk-detail{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:var(--sp-5);
  padding:var(--sp-6);
  overflow:hidden;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--r-xl);
  box-shadow:var(--shadow-sm);
}

.mk-detail::before{
  content:'';
  position:absolute;
  inset-block-start:0;
  inset-inline:0;
  block-size:4px;
  background:var(--grad-violet);
}

.mk-detail__head{display:flex;flex-direction:column;gap:var(--sp-3)}

.mk-detail__ref{
  margin-inline-start:auto;
  font-size:var(--fs-xs);
  color:var(--muted);
}

.mk-detail__title{
  margin:0;
  font-family:var(--font-display);
  font-size:var(--fs-xl);
  line-height:var(--lh-tight);
  color:var(--navy-800);
  overflow-wrap:anywhere;
}

.mk-detail__assigned{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0;
  font-size:var(--fs-sm);
  color:var(--ink-soft);
}

.mk-detail__assigned svg{color:var(--ok)}

.mk-detail__foot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-3);
  padding-block-start:var(--sp-4);
  border-block-start:1px solid var(--line);
}

.mk-detail__links,
.mk-detail__actions{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.mk-detail__actions form{margin:0}

/* لماذا لا يظهر «تمّت التغطية» بعد (لا مقبولين، أو قبل يوم الفعالية) */
.mk-detail__hint{
  display:flex;
  align-items:flex-start;
  gap:6px;
  flex-basis:100%;
  margin:0;
  font-size:var(--fs-xs);
  line-height:var(--lh-prose);
  color:var(--muted);
}
.mk-detail__hint svg{flex-shrink:0;margin-block-start:2px;color:var(--violet-700)}

@media (max-width:560px){
  .mk-detail{padding:var(--sp-5) var(--sp-4);border-radius:var(--r-lg)}
  .mk-detail__actions,
  .mk-detail__links{inline-size:100%}
  .mk-detail__actions form,
  .mk-detail__actions .btn{flex:1 1 auto;justify-content:center}
}

/* حالة الطلب + ملاحظة الفريق */
.mk-status{
  display:flex;
  align-items:flex-start;
  gap:var(--sp-3);
  padding:var(--sp-4);
  color:var(--info-ink);
  background:var(--info-soft);
  border-radius:var(--r-md);
}

.mk-status--warn{color:var(--warn-ink);background:var(--warn-soft)}
.mk-status--ok{color:var(--ok-ink);background:var(--ok-soft)}
.mk-status--danger{color:var(--danger-ink);background:var(--danger-soft)}
.mk-status--muted{color:var(--ink-soft);background:var(--cream-100)}

.mk-status__icon{flex-shrink:0;margin-block-start:1px}
.mk-status__body{display:flex;flex-direction:column;gap:var(--sp-2);min-inline-size:0}
.mk-status__title{margin:0;font-weight:var(--fw-bold)}
.mk-status__text{margin:0;font-size:var(--fs-sm);line-height:var(--lh-body)}

.mk-status__note{
  padding:var(--sp-3);
  color:var(--ink);
  background:rgba(255,255,255,.72);
  border-radius:var(--r-sm);
}

.mk-status__note-label{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:var(--fs-xs);
  font-weight:var(--fw-bold);
  color:var(--violet-700);
}

.mk-status__note p{margin:4px 0 0;font-size:var(--fs-sm);line-height:var(--lh-body);overflow-wrap:anywhere}

/* معلومات الطلب */
.mk-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--sp-3);
  margin:0;
  padding:0;
}

.mk-facts__item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-areas:'icon label' 'icon value';
  align-items:center;
  column-gap:var(--sp-3);
  padding:var(--sp-3);
  background:var(--cream-50);
  border:1px solid var(--line);
  border-radius:var(--r-md);
}

.mk-facts__icon{
  grid-area:icon;
  display:grid;
  place-items:center;
  inline-size:36px;
  block-size:36px;
  color:var(--violet-700);
  background:var(--violet-100);
  border-radius:var(--r-sm);
}

.mk-facts__label{grid-area:label;font-size:var(--fs-xs);color:var(--muted)}
.mk-facts__value{grid-area:value;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--navy-800);overflow-wrap:anywhere}

@media (max-width:1180px){
  .mk-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:560px){
  .mk-facts{gap:var(--sp-2);grid-auto-flow:row dense}
  .mk-facts__item{grid-template-columns:minmax(0,1fr);grid-template-areas:'icon' 'label' 'value';row-gap:4px}
  .mk-facts__icon{inline-size:30px;block-size:30px;margin-block-end:2px}
  .mk-facts__item--wide{grid-column:1 / -1}
}

@media (max-width:320px){
  .mk-facts{grid-template-columns:minmax(0,1fr)}
}

.mk-block__title{margin:0 0 var(--sp-2);font-family:var(--font-display);font-size:var(--fs-md);color:var(--navy-800)}
.mk-block__text{margin:0;line-height:var(--lh-prose);color:var(--ink-soft);overflow-wrap:anywhere}

/* ---------- أقسام: المتقدّمون والمقترحون ---------- */
.mk-section{
  display:flex;
  flex-direction:column;
  gap:var(--sp-4);
  scroll-margin-block-start:calc(var(--header-h,72px) + var(--sp-4));
}

.mk-section__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--sp-3);
}

.mk-section__title{
  display:flex;
  align-items:center;
  gap:var(--sp-2);
  margin:0;
  font-family:var(--font-display);
  font-size:var(--fs-xl);
  color:var(--navy-800);
}

.mk-section__title svg{color:var(--violet-500)}
.mk-section__desc{margin:4px 0 0;font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--muted)}

.mk-section__count{
  display:grid;
  place-items:center;
  flex-shrink:0;
  min-inline-size:40px;
  block-size:40px;
  padding-inline:10px;
  font-family:var(--font-display);
  font-weight:var(--fw-bold);
  color:var(--violet-700);
  background:var(--violet-100);
  border-radius:var(--r-pill);
}

.mk-ai-tag{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-block-end:6px;
  padding:3px 10px;
  font-size:var(--fs-xs);
  font-weight:var(--fw-bold);
  color:var(--white);
  background:var(--grad-violet);
  border-radius:var(--r-pill);
}

.mk-group{display:flex;flex-direction:column;gap:var(--sp-3)}

.mk-group__title{
  display:flex;
  align-items:center;
  gap:6px;
  margin:var(--sp-2) 0 0;
  font-size:var(--fs-sm);
  font-weight:var(--fw-bold);
  color:var(--ink-soft);
}

.mk-group__title svg{color:var(--violet-500)}
.mk-group__title .chip__count{color:var(--violet-700);background:var(--violet-100)}
.mk-group--rejected .mk-group__title,
.mk-group--withdrawn .mk-group__title{color:var(--muted)}

.mk-apps{display:flex;flex-direction:column;gap:var(--sp-3)}

/* ---------- بطاقة متقدّم ---------- */
.mk-app{
  display:flex;
  flex-direction:column;
  gap:var(--sp-3);
  padding:var(--sp-5);
  background:var(--white);
  border:1px solid var(--line);
  border-inline-start:4px solid var(--violet-300);
  border-radius:var(--r-lg);
  box-shadow:var(--shadow-xs);
  scroll-margin-block-start:calc(var(--header-h,72px) + var(--sp-4));
}

.mk-app--accepted{border-inline-start-color:var(--ok)}
.mk-app--shortlisted{border-inline-start-color:var(--info)}
.mk-app--new{border-inline-start-color:var(--warn)}
.mk-app--invited{border-inline-start-color:var(--violet-500);background:var(--violet-50)}
.mk-app--rejected,
.mk-app--withdrawn{border-inline-start-color:var(--cream-300);background:var(--cream-50)}

.mk-app__who{display:flex;align-items:flex-start;gap:var(--sp-3)}
.mk-app__avatar{background:var(--grad-violet);color:var(--white);font-weight:var(--fw-bold)}
.mk-app__id{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-inline-size:0}

.mk-app__name{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  margin:0;
  font-family:var(--font-display);
  font-size:var(--fs-md);
  font-weight:var(--fw-bold);
  color:var(--navy-800);
  overflow-wrap:anywhere;
}

.mk-app__name a{color:inherit;text-decoration:none}
.mk-app__name a:hover{color:var(--violet-700);text-decoration:underline}
.mk-app__line{margin:0;font-size:var(--fs-sm);color:var(--ink-soft);overflow-wrap:anywhere}

.mk-app__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px var(--sp-3);
  margin:0;
  font-size:var(--fs-xs);
  color:var(--muted);
}

.mk-app__meta span{display:inline-flex;align-items:center;gap:4px}

.mk-app__chip{
  padding:2px 10px;
  font-weight:var(--fw-bold);
  color:var(--violet-700);
  background:var(--violet-50);
  border:1px solid var(--violet-200);
  border-radius:var(--r-pill);
}

.mk-app__open{color:var(--ok-ink)}
.mk-app__state{flex-shrink:0}
.mk-app__state.badge--cancelled{text-decoration:none}

.mk-app__msg{
  margin:0;
  padding:var(--sp-3) var(--sp-4);
  font-size:var(--fs-sm);
  line-height:var(--lh-prose);
  color:var(--ink);
  background:var(--cream-50);
  border-inline-start:3px solid var(--violet-200);
  border-radius:var(--r-sm);
  overflow-wrap:anywhere;
}

.mk-app__msg--muted{color:var(--muted);background:transparent;border-inline-start-color:var(--line)}

.mk-app__links{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);margin:0;font-size:var(--fs-sm)}

.mk-app__links a{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-block-size:32px;
  font-weight:var(--fw-bold);
  color:var(--violet-700);
}

.mk-app__contact{
  display:flex;
  flex-direction:column;
  gap:var(--sp-2);
  padding:var(--sp-3) var(--sp-4);
  background:var(--ok-soft);
  border:1px solid #BFE9D8;
  border-radius:var(--r-md);
}

.mk-app__contact-label{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:var(--fs-xs);
  font-weight:var(--fw-bold);
  color:var(--ok-ink);
}

.mk-app__contact-links{display:flex;flex-wrap:wrap;gap:var(--sp-2);min-inline-size:0}
.mk-app__contact-links .btn{background:var(--white)}

/* بريد طويل داخل الحبّة: يلتفّ داخلها بدل أن يمدّ البطاقة والصفحة أفقياً على الجوال
   (.btn أساساً nowrap بارتفاع ثابت) */
.mk-app__contact-links .btn{
  max-inline-size:100%;
  min-inline-size:0;
  block-size:auto;
  min-block-size:var(--btn-h);
  padding-block:6px;
  white-space:normal;
  line-height:1.3;
  text-align:start;
}
.mk-app__contact-links .btn svg{flex-shrink:0}
.mk-app__contact-links .btn .ltr{min-inline-size:0;overflow-wrap:anywhere}

.mk-app__foot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-2) var(--sp-3);
}

.mk-app__time{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);color:var(--muted)}
.mk-app__actions{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.mk-app__actions form{margin:0}

@media (max-width:560px){
  .mk-app{padding:var(--sp-4)}

  .mk-app__who{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    grid-template-areas:'av state' 'av id';
    align-items:start;
    column-gap:var(--sp-3);
    row-gap:4px;
  }

  .mk-app__avatar{grid-area:av}
  .mk-app__id{grid-area:id}
  .mk-app__state{grid-area:state;justify-self:start}
  .mk-app__actions{inline-size:100%}
  .mk-app__actions form{flex:1 1 auto}
  .mk-app__actions .btn{inline-size:100%;justify-content:center}
}

/* ---------- الإعلاميون المقترحون ---------- */
.mk-section--ai{
  padding:var(--sp-5);
  background:var(--grad-soft);
  border:1px solid var(--violet-200);
  border-radius:var(--r-xl);
}

.mk-sugg{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));
  gap:var(--sp-3);
}

.mk-sugg__card{
  display:flex;
  flex-direction:column;
  gap:var(--sp-3);
  padding:var(--sp-4);
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  box-shadow:var(--shadow-xs);
}

.mk-sugg__top{display:flex;align-items:flex-start;gap:var(--sp-3)}
.mk-sugg__top .avatar{background:var(--grad-violet);color:var(--white);font-weight:var(--fw-bold)}
.mk-sugg__id{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1 1 auto;min-inline-size:0}

.mk-sugg__name{margin:0;font-family:var(--font-display);font-weight:var(--fw-bold);overflow-wrap:anywhere}
.mk-sugg__name a{color:var(--navy-800);text-decoration:none}
.mk-sugg__name a:hover{color:var(--violet-700);text-decoration:underline}
.mk-sugg__line{margin:0;font-size:var(--fs-xs);color:var(--muted);overflow-wrap:anywhere}

.mk-sugg__score{
  display:flex;
  flex-direction:column;
  align-items:center;
  flex-shrink:0;
  padding:4px 10px;
  line-height:1.2;
  color:var(--violet-700);
  background:var(--violet-50);
  border:1px solid var(--violet-200);
  border-radius:var(--r-md);
}

.mk-sugg__score strong{font-family:var(--font-display);font-size:var(--fs-md)}
.mk-sugg__score span{font-size:10px}

.mk-sugg__reasons{display:flex;flex-direction:column;gap:4px;margin:0;padding:0}

.mk-sugg__reasons li{
  display:flex;
  align-items:flex-start;
  gap:5px;
  font-size:var(--fs-xs);
  line-height:var(--lh-body);
  color:var(--ink-soft);
}

.mk-sugg__reasons svg{flex-shrink:0;margin-block-start:2px;color:var(--violet-500)}

.mk-sugg__foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-2);
  margin-block-start:auto;
  padding-block-start:var(--sp-3);
  border-block-start:1px solid var(--line);
}

.mk-sugg__foot form{margin:0}

@media (max-width:560px){
  .mk-section--ai{padding:var(--sp-4)}
}

/* =====================================================================
   C) لوحة التحكم — طلبات التغطية وفريق التغطية
   ===================================================================== */

/* حالات لا يعرّفها admin.css */
.st--completed{--st-bg:#ECEAF6;--st-ink:#3B4477;--st-line:#DCD8EE}
.st--accepted{--st-bg:var(--ok-soft);--st-ink:var(--ok-ink);--st-line:#BFE9D8}
.st--invited{--st-bg:var(--violet-100);--st-ink:#4B2AA8;--st-line:var(--violet-200)}
.st--withdrawn{--st-bg:var(--cream-200);--st-ink:#4A4436;--st-line:var(--cream-300)}

.mk-adm-type{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:2px 8px;
  font-size:11px;
  font-weight:var(--fw-bold);
  white-space:nowrap;
  border-radius:var(--r-pill);
}

.mk-adm-type--organizer{color:#4B2AA8;background:var(--violet-100)}
.mk-adm-type--media{color:var(--info-ink);background:var(--info-soft)}

.mk-adm-chips{display:flex;flex-wrap:wrap;gap:4px;margin-block-start:4px}

.mk-adm-chip{
  display:inline-flex;
  align-items:center;
  gap:3px;
  padding:1px 7px;
  font-size:11px;
  color:var(--ink-soft);
  background:var(--cream-100);
  border:1px solid var(--cream-300);
  border-radius:var(--r-pill);
  white-space:nowrap;
}

.mk-adm-flag{
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-size:var(--fs-xs);
  font-weight:var(--fw-bold);
  white-space:nowrap;
}

.mk-adm-flag--on{color:var(--ok-ink)}
.mk-adm-flag--off{color:var(--muted)}

.mk-adm-tabs{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-block-end:var(--sp-4)}
.mk-adm .dtable__filters .select{inline-size:auto;max-inline-size:220px}
/* ستة أعمدة فقط: لا حاجة لعرض admin.css الأدنى (1500px) — يتسع الجدول لمنطقة المحتوى ويُمرَّر عند الضيق */
@media (min-width:901px){
  .mk-adm .dtable{min-inline-size:900px}
}

.mk-adm .dtable__primary{min-inline-size:200px}
.mk-adm .dtable__actions .select{inline-size:128px;min-inline-size:0}

.mk-adm-detail{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--sp-5)}

@media (max-width:1100px){
  .mk-adm-detail{grid-template-columns:minmax(0,1fr)}
}

.mk-adm-form{display:flex;flex-direction:column;gap:var(--sp-4)}
.mk-adm-form .field{margin:0}

.mk-adm-apps{display:flex;flex-direction:column;gap:var(--sp-2);margin:0;padding:0}

.mk-adm-app{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-2);
  padding:var(--sp-3);
  background:var(--cream-50);
  border:1px solid var(--line);
  border-radius:var(--r-sm);
}

.mk-adm-app__who{display:flex;flex-direction:column;gap:2px;min-inline-size:0}
.mk-adm-app__name{font-weight:var(--fw-bold);color:var(--navy-800)}
.mk-adm-app__sub{font-size:var(--fs-xs);color:var(--muted);overflow-wrap:anywhere}

.mk-adm-msg{
  margin:0;
  padding:var(--sp-3);
  font-size:var(--fs-sm);
  line-height:var(--lh-body);
  background:var(--cream-50);
  border-radius:var(--r-sm);
  overflow-wrap:anywhere;
}

/* فريق التغطية في نموذج التغطية */
.mk-crew-list{display:flex;flex-direction:column;gap:var(--sp-2);margin:0;padding:0}

.mk-crew-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,200px) auto;
  align-items:center;
  gap:var(--sp-3);
  padding:var(--sp-3);
  background:var(--cream-50);
  border:1px solid var(--line);
  border-radius:var(--r-sm);
}

.mk-crew-row__who{display:flex;flex-direction:column;gap:2px;min-inline-size:0}
.mk-crew-row__name{font-weight:var(--fw-bold);color:var(--navy-800)}
.mk-crew-row__sub{font-size:var(--fs-xs);color:var(--muted);overflow-wrap:anywhere}

.mk-crew-add{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,200px);
  gap:var(--sp-3);
}

@media (max-width:640px){
  .mk-crew-row,
  .mk-crew-add{grid-template-columns:minmax(0,1fr)}
}

@media print{
  .opp-mobile-cta,
  .mk-sugg__foot,
  .mk-app__actions,
  .mk-detail__actions{display:none}
}