/* ══════════════════════════════════════════════════════════════
   🎯 قرار اليوم — Styles
   ══════════════════════════════════════════════════════════════ */

#decideBody { padding-bottom:40px; }

/* ── شريط حالة السوق ── */
.dc-mkt {
  background:var(--card); border:1px solid var(--line); border-radius:14px;
  padding:14px 16px; margin-bottom:14px;
}
.dc-mkt-t { font:800 .95rem/1.4 system-ui,sans-serif; color:var(--gold); margin-bottom:10px; }
.dc-mkt-g { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.dc-mk {
  background:var(--bg); border:1px solid var(--line); border-radius:10px;
  padding:9px 6px; text-align:center;
}
.dc-mk b { display:block; font:900 1.25rem/1.1 system-ui,sans-serif; color:var(--txt); }
.dc-mk span { display:block; font:600 .65rem/1.3 system-ui,sans-serif; color:var(--muted); margin-top:2px; }
.dc-mk.ok b { color:var(--green); }
.dc-mk.no b { color:var(--red2); }

.dc-dist { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.dc-dt {
  font:600 .72rem/1 system-ui,sans-serif; padding:5px 9px; border-radius:7px;
  background:var(--bg); border:1px solid var(--line); color:var(--muted);
}
.dc-dt b { color:var(--txt); }
.dc-dt i { font-style:normal; opacity:.6; margin-right:3px; }
.dc-dt.good { border-color:var(--green); }
.dc-dt.good b { color:var(--green); }
.dc-dt.bad b { color:var(--red2); }

/* ── Hero ── */
.dc-hero {
  background:linear-gradient(135deg,rgba(212,175,55,.16),rgba(212,175,55,.05));
  border:1px solid var(--gold); border-radius:16px;
  padding:20px 18px; margin-bottom:16px;
}
.dc-hero-k { font:800 .72rem/1 system-ui,sans-serif; color:var(--gold); letter-spacing:.5px; }
.dc-hero-t {
  font:900 1.6rem/1.3 system-ui,sans-serif; color:var(--txt);
  margin:6px 0 8px;
}
.dc-hero-t b { color:var(--gold); font-size:1.9rem; }
.dc-hero-s { font:400 .88rem/1.7 system-ui,sans-serif; color:var(--muted); }

/* ── الكارت ── */
.dc-card {
  background:var(--card); border:1px solid var(--line);
  border-left:4px solid var(--gold);
  border-radius:14px; padding:16px; margin-bottom:14px;
}
.dc-head { display:flex; align-items:center; gap:11px; margin-bottom:13px; }
.dc-rank {
  flex:0 0 auto; width:32px; height:32px; border-radius:50%;
  background:var(--gold); color:#0b1220;
  display:flex; align-items:center; justify-content:center;
  font:900 1rem/1 system-ui,sans-serif;
}
.dc-id { flex:1; min-width:0; }
.dc-name {
  font:800 1.05rem/1.35 system-ui,sans-serif; color:var(--txt); cursor:pointer;
}
.dc-name:hover { color:var(--gold); }
.dc-meta { font:500 .72rem/1.5 system-ui,sans-serif; color:var(--muted); margin-top:1px; }
.dc-alloc2 {
  flex:0 0 auto; text-align:center; background:var(--bg);
  border:1px solid var(--gold); border-radius:10px; padding:5px 11px;
}
.dc-alloc2 b { display:block; font:900 1.05rem/1.1 system-ui,sans-serif; color:var(--gold); }
.dc-alloc2 span { display:block; font:600 .58rem/1.2 system-ui,sans-serif; color:var(--muted); }

/* ── شبكة الأسباب والمخاطر ── */
.dc-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:13px; }
.dc-box {
  background:var(--bg); border:1px solid var(--line);
  border-radius:10px; padding:10px 12px;
}
.dc-bh {
  font:800 .78rem/1.4 system-ui,sans-serif; margin-bottom:7px;
  color:var(--txt);
}
.dc-why .dc-bh { color:var(--green); }
.dc-risk .dc-bh { color:var(--orange,#f59e0b); }
.dc-box ul { list-style:none; margin:0; padding:0; }
.dc-box li {
  font:500 .78rem/1.6 system-ui,sans-serif; color:var(--muted);
  display:flex; gap:6px; padding:2px 0;
}
.dc-box li span { flex:0 0 auto; }
.dc-box li.muted { opacity:.5; font-style:italic; }

/* ── الخطة المالية ── */
.dc-plan {
  background:var(--bg); border:1px solid var(--line);
  border-radius:12px; padding:12px; margin-bottom:13px;
}
.dcp-row { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:10px; }
.dcp-i {
  text-align:center; padding:8px 4px; border-radius:9px;
  background:var(--card); border:1px solid var(--line);
}
.dcp-i span {
  display:block; font:600 .63rem/1.3 system-ui,sans-serif; color:var(--muted);
  margin-bottom:3px;
}
.dcp-i b { font:900 1rem/1.1 system-ui,sans-serif; color:var(--txt); }
.dcp-i.tgt b { color:var(--green); }
.dcp-i.stop b { color:var(--red2); }

.dcp-row2 {
  display:flex; flex-wrap:wrap; gap:8px 16px;
  font:600 .75rem/1.6 system-ui,sans-serif; color:var(--muted);
  padding:8px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line);
}
.dcp-row2 b.g { color:var(--green); }
.dcp-row2 b.r { color:var(--red2); }
.dcp-row2 b { color:var(--txt); }

.dcp-alloc {
  display:flex; align-items:center; gap:9px; margin-top:10px;
  font:600 .75rem/1.4 system-ui,sans-serif; color:var(--muted);
}
.dcp-bar {
  flex:1; height:9px; background:var(--card);
  border:1px solid var(--line); border-radius:6px; overflow:hidden;
}
.dcp-bar i {
  display:block; height:100%;
  background:linear-gradient(90deg,var(--gold),rgba(212,175,55,.55));
}
.dcp-alloc b { color:var(--gold); font:900 .9rem/1 system-ui,sans-serif; }

/* ── شروط تغيير الرأي ── */
.dc-bh2 {
  font:800 .85rem/1.5 system-ui,sans-serif; color:var(--gold);
  margin:0 0 8px;
}
.dc-thesis { display:grid; gap:6px; margin-bottom:11px; }
.dc-th {
  display:flex; align-items:baseline; gap:8px;
  background:var(--bg); border:1px solid var(--line);
  border-radius:9px; padding:8px 11px;
}
.dc-th span { flex:0 0 auto; }
.dc-th b {
  flex:0 0 auto; font:800 .78rem/1.4 system-ui,sans-serif;
  color:var(--txt); min-width:48px;
}
.dc-th em {
  font:400 .76rem/1.55 system-ui,sans-serif; color:var(--muted); font-style:normal;
}
.dc-th.bad { border-color:var(--red2); background:rgba(220,38,38,.07); }
.dc-th.bad b { color:var(--red2); }
.dc-th.good { border-color:var(--green); background:rgba(16,185,129,.07); }
.dc-th.good b { color:var(--green); }

/* ── الفوتر ── */
.dc-foot {
  display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px;
  padding-top:10px; border-top:1px solid var(--line);
  font:600 .72rem/1.5 system-ui,sans-serif; color:var(--muted);
}
.dc-foot b { color:var(--txt); }
.dc-foot .warn { color:var(--orange,#f59e0b); }
.dc-bell {
  margin-inline-start:auto; padding:6px 12px; border-radius:8px;
  border:1px solid var(--gold); background:transparent; color:var(--gold);
  font:700 .75rem system-ui,sans-serif; cursor:pointer;
}
.dc-bell:hover { background:var(--gold); color:#0b1220; }

/* ── قسم الرفض ── */
.dc-rest {
  background:var(--card); border:1px dashed var(--line);
  border-radius:13px; padding:15px;
}
.dc-rest ul { list-style:none; margin:0; padding:0; }
.dc-rest li {
  font:500 .82rem/1.75 system-ui,sans-serif; color:var(--muted);
  display:flex; gap:7px;
}

.dc-empty {
  text-align:center; padding:40px 20px;
  font:600 .95rem/1.8 system-ui,sans-serif; color:var(--muted);
  background:var(--card); border:1px solid var(--line); border-radius:14px;
}

/* ══════════════════════════════════════════════════════════════
   الموبايل
   ══════════════════════════════════════════════════════════════ */
@media (max-width:640px) {
  .dc-mkt-g { grid-template-columns:repeat(2,1fr); }
  .dc-hero-t { font-size:1.25rem; }
  .dc-hero-t b { font-size:1.5rem; }
  .dc-grid { grid-template-columns:1fr; }
  .dcp-row { grid-template-columns:1fr; }
  .dc-name { font-size:.95rem; }
  .dc-th { flex-wrap:wrap; }
  .dc-th em { flex:1 1 100%; margin-top:3px; }
  .dc-bell { margin-inline-start:0; width:100%; }
}

/* زرار رجوع ثابت */


/* ══════════════════════════════════════════════════════════════
   🎨 لوحة الألوان الهادئة لصفحة قرار اليوم
   السبب: الأخضر الفاقع (#16c79a) بيزهق العين وميبانش على الداكن
   الحل: أخضر مكتوم مقروء + إضاءة خفيفة بدل النيون
   ══════════════════════════════════════════════════════════════ */
#decideBody {
  --dc-good: #7dd3a8;          /* أخضر هادي — مقروء */
  --dc-good-dim: rgba(125, 211, 168, 0.13);
  --dc-good-bd: rgba(125, 211, 168, 0.32);
  --dc-bad: #e8a0a0;           /* أحمر هادي */
  --dc-bad-dim: rgba(232, 160, 160, 0.10);
  --dc-bad-bd: rgba(232, 160, 160, 0.30);
  --dc-warn: #d9b877;          /* عنبري */
}

/* استبدل var(--green) و var(--red2) داخل الصفحة بس */
#decideBody .dc-mk.ok b,
#decideBody .dc-dt.good b,
#decideBody .dcp-row2 b.g,
#decideBody .dc-why .dc-bh,
#decideBody .dc-th.good b { color: var(--dc-good); }

#decideBody .dc-dt.good { border-color: var(--dc-good-bd); }
#decideBody .dc-th.good { border-color: var(--dc-good-bd); background: var(--dc-good-dim); }

#decideBody .dc-mk.no b,
#decideBody .dc-dt.bad b,
#decideBody .dcp-row2 b.r,
#decideBody .dcp-i.stop b,
#decideBody .dc-th.bad b { color: var(--dc-bad); }

#decideBody .dc-th.bad { border-color: var(--dc-bad-bd); background: var(--dc-bad-dim); }
#decideBody .dc-risk .dc-bh { color: var(--dc-warn); }
#decideBody .dc-foot .warn { color: var(--dc-warn); }

/* شريط «ربح متوقع» — أخضر هادي */
#decideBody .dcp-row2 span:first-child b {
  background: var(--dc-good-dim);
  border:1px solid var(--dc-good-bd);
  border-radius:6px;
  padding:1px 7px;
  font-size:.78rem;
}
#decideBody .dcp-row2 span:nth-child(2) b {
  background: var(--dc-bad-dim);
  border:1px solid var(--dc-bad-bd);
  border-radius:6px;
  padding:1px 7px;
  font-size:.78rem;
}


/* ═══ زرار الرجوع جنب العنوان ═══ */
.dc-head-row {
  display: flex; align-items: center; gap: 12px;
  flex-wrap: wrap;
}
.dc-head-row h2 { flex: 1; min-width: 160px; }
.dc-back, .dc-bell-mini {
  padding: 8px 14px; border-radius: 10px;
  border: 1px solid var(--line); background: rgba(255,255,255,.04);
  color: var(--txt); font: 700 13px system-ui, sans-serif; cursor: pointer;
  flex: 0 0 auto;
}
.dc-back:hover, .dc-bell-mini:hover { border-color: var(--gold); color: var(--gold); }



/* ══════════════════════════════════════════════════════════════
   🎯 نافذة قرار اليوم — modal كامل الشاشة
   ══════════════════════════════════════════════════════════════ */
.dc-modal {
  display: none;
  position: fixed; inset: 0; z-index: 9998;
  background: rgba(3, 9, 17, .96);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  overflow-y: auto; -webkit-overflow-scrolling: touch;
  padding: 0;
}
.dc-modal-box {
  min-height: 100%;
  max-width: 1180px; margin: 0 auto;
  padding: 16px 16px 60px;
}

/* ── الهيدر ── */
.dc-mhead {
  position: sticky; top: 0; z-index: 20;
  display: flex; align-items: flex-start; gap: 14px;
  padding: 14px 0 16px;
  background: linear-gradient(180deg, rgba(3,9,17,.99) 74%, transparent);
  margin-bottom: 8px;
}
.dc-mtitle {
  font:900 1.5rem/1.25 system-ui, sans-serif; color: var(--gold);
  margin-bottom: 3px;
}
.dc-msub {
  font:400 .82rem/1.55 system-ui, sans-serif; color: var(--muted);
}
.dc-mclose {
  flex: 0 0 auto;
  width: 40px; height: 40px; border-radius: 12px;
  border: 1px solid var(--line); background: rgba(255,255,255,.05);
  color: var(--txt); font: 700 1.05rem system-ui, sans-serif; cursor:pointer;
}
.dc-mclose:hover { border-color: var(--red2); color: var(--red2); }

@media (max-width:640px) {
  .dc-mtitle { font-size: 1.15rem; }
  .dc-msub { font-size: .74rem; }
  .dc-modal-box { padding: 12px 12px 50px; }
  .dc-mclose { width: 36px; height: 36px; }
}