/* أثر قطرة — مطابقة صف البطاقات مع المرجع v2.2.23 */
.dashboard-section{
  position:relative;
  overflow:hidden;
  padding:26px 0 44px !important;
  background:
    radial-gradient(900px 210px at 18% -20%,rgba(33,184,213,.18),transparent 66%),
    radial-gradient(900px 220px at 84% -18%,rgba(18,145,184,.12),transparent 68%),
    linear-gradient(180deg,#eaf9fb 0%,#f8fcfd 50%,#ffffff 100%) !important;
}
.dashboard-section::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;
  background:
    radial-gradient(circle at 12% 22%,rgba(255,255,255,.9) 0 2px,transparent 3px),
    radial-gradient(circle at 78% 15%,rgba(54,181,214,.22) 0 3px,transparent 4px),
    radial-gradient(circle at 48% 8%,rgba(54,181,214,.17) 0 2px,transparent 3px);
  background-size:150px 95px,190px 120px,170px 105px;
}
.dashboard-section .dashboard-grid{
  position:relative;z-index:1;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
  direction:ltr;
}
.dashboard-section .target-dashboard-card{
  direction:rtl;
  height:420px;
  min-width:0;
  display:flex !important;
  flex-direction:column;
  position:relative;
  overflow:hidden;
  padding:24px 26px 22px !important;
  border:1px solid rgba(211,169,76,.42) !important;
  border-radius:28px !important;
  color:#123f59 !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 16px 42px rgba(13,61,80,.10),inset 0 0 0 7px rgba(255,255,255,.64) !important;
}
.dashboard-section .target-dashboard-card::after{
  content:"";position:absolute;inset:8px;border:1px solid rgba(214,180,104,.18);border-radius:21px;pointer-events:none;
}
.dashboard-section .target-dashboard-card h3{
  margin:0;color:#083f5f !important;font-weight:900;line-height:1.35;
}
.dashboard-section .target-dashboard-card p{color:#41667a !important}

/* بطاقة الشهادة */
.dashboard-section .target-contest-card{padding:22px 24px 20px !important}
.target-contest-card .contest-layout{
  flex:1;min-height:0;display:grid;grid-template-columns:158px minmax(0,1fr);gap:18px;align-items:start;direction:ltr;position:relative;z-index:2;
}
.target-contest-card .contest-art{direction:rtl;display:flex;justify-content:center;align-items:flex-start;position:relative;z-index:2}
.target-contest-card .contest-art img{display:block;width:148px;max-height:205px;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(63,82,94,.13))}
.target-contest-card .contest-copy{direction:rtl;padding-top:7px;min-width:0;position:relative;z-index:3}
.target-contest-card .contest-badge{
  display:inline-flex;align-items:center;padding:6px 12px;border-radius:11px;border:1px solid rgba(205,154,48,.36);
  background:linear-gradient(180deg,#fae6aa,#eac66d);color:#5f4b17;font-size:13px;font-weight:900;box-shadow:0 3px 7px rgba(166,125,31,.12);
}
.target-contest-card h3{font-size:clamp(24px,1.55vw,31px);margin-top:12px !important}
.target-contest-card .contest-copy p{font-size:16px;line-height:1.8;margin:12px 0 0;max-width:390px}
.target-contest-card .contest-scene{
  position:absolute;left:0;bottom:0;width:43%;height:142px;object-fit:cover;object-position:left bottom;opacity:.94;z-index:1;
  -webkit-mask-image:linear-gradient(90deg,#000 0 62%,transparent 100%),linear-gradient(0deg,#000 0 72%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0 62%,transparent 100%),linear-gradient(0deg,#000 0 72%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect;
}

/* الأزرار */
.dashboard-card-button{
  position:relative;z-index:4;margin-top:auto;min-height:58px;width:100%;display:flex;align-items:center;justify-content:center;gap:18px;
  border-radius:17px;text-decoration:none !important;font-size:18px;font-weight:900;transition:.2s ease;
}
.dashboard-card-button.filled{
  color:#fff !important;border:1px solid #d0a747;background:linear-gradient(135deg,#075f7a,#0783a0);box-shadow:0 8px 20px rgba(5,98,127,.17),inset 0 1px rgba(255,255,255,.16);
}
.dashboard-card-button.outline{color:#294f67 !important;border:1px solid #d7ae55;background:#fff}
.dashboard-card-button .arrow{color:#d7a437;font-size:26px;line-height:1}
.dashboard-card-button:hover,.dashboard-card-button:focus-visible{transform:translateY(-1px);filter:brightness(1.04);outline:none}

/* أثرنا اليوم */
.target-daily-card{text-align:center;align-items:stretch}
.target-daily-card .daily-title{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:5px}
.target-daily-card .daily-title h3{font-size:clamp(27px,1.7vw,34px)}
.target-daily-card .daily-title .drop-mark{color:#d4a039;font-size:32px;font-weight:400}
.target-daily-card .daily-subtitle{margin:6px 0 18px;font-size:16px;color:#5b7484 !important}
.target-daily-card .target-metrics{display:grid;grid-template-columns:repeat(3,1fr);direction:ltr;align-items:stretch;margin-top:4px;flex:1}
.target-daily-card .target-metric{direction:rtl;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:relative;padding:2px 16px}
.target-daily-card .target-metric:not(:last-child)::after{content:"";position:absolute;right:0;top:20%;height:62%;width:1px;background:rgba(210,177,103,.38)}
.target-daily-card .metric-icon{width:44px;height:44px;color:#1a9cc0;display:grid;place-items:center;margin-bottom:2px}
.target-daily-card .metric-icon svg{width:42px;height:42px;display:block}
.target-daily-card .target-metric.leaf .metric-icon{color:#178867}
.target-daily-card .target-metric.people .metric-icon{color:#69afc9}
.target-daily-card .target-metric b{font-size:31px;color:#0a405e;line-height:1.1}
.target-daily-card .target-metric small{font-size:14px;color:#537185;white-space:nowrap}
.target-daily-card .dashboard-card-button{margin-top:18px}

/* المساعد الذكي */
.target-ai-card{text-align:center;align-items:center}
.target-ai-card .ai-title-row{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:4px}
.target-ai-card .ai-title-row h3{font-size:clamp(28px,1.8vw,35px)}
.target-ai-card .ai-spark{font-size:27px;color:#d29c2f;line-height:1}
.target-ai-card .ai-robot-wrap{height:145px;display:flex;align-items:center;justify-content:center;margin:10px 0 4px;width:100%}
.target-ai-card .ai-robot-wrap img{max-width:190px;max-height:138px;object-fit:contain;filter:drop-shadow(0 15px 15px rgba(38,120,148,.14))}
.target-ai-card .ai-robot-fallback{font-size:84px;line-height:1}
.target-ai-card p{font-size:17px;line-height:1.8;margin:4px auto 18px;max-width:410px}
.target-ai-card .dashboard-card-button{margin-top:auto}

@media (max-width:1180px){
  .dashboard-section .target-dashboard-card{height:390px;padding:20px !important}
  .target-contest-card .contest-layout{grid-template-columns:125px 1fr;gap:12px}
  .target-contest-card .contest-art img{width:120px}
  .target-contest-card h3{font-size:23px}
  .target-contest-card .contest-copy p,.target-ai-card p{font-size:14px}
  .target-daily-card .target-metric b{font-size:27px}
  .target-daily-card .target-metric small{font-size:12px}
}
@media (max-width:900px){
  .dashboard-section{padding:18px 0 30px !important}
  .dashboard-section .dashboard-grid{grid-template-columns:1fr !important;direction:rtl;gap:14px !important}
  .dashboard-section .target-dashboard-card{height:auto;min-height:360px}
  .target-contest-card .contest-layout{grid-template-columns:120px minmax(0,1fr)}
  .target-contest-card .contest-scene{width:42%;height:125px}
}
@media (max-width:520px){
  .dashboard-section .target-dashboard-card{border-radius:22px !important;padding:18px !important;min-height:0}
  .target-contest-card .contest-layout{grid-template-columns:92px 1fr;gap:10px}
  .target-contest-card .contest-art img{width:92px}
  .target-contest-card h3{font-size:20px}
  .target-contest-card .contest-copy p{font-size:13px;line-height:1.65}
  .target-contest-card .contest-badge{font-size:11px;padding:5px 8px}
  .target-contest-card .contest-scene{display:none}
  .target-daily-card .target-metrics{gap:0}
  .target-daily-card .target-metric{padding:0 6px}
  .target-daily-card .target-metric b{font-size:22px}
  .target-daily-card .target-metric small{white-space:normal;font-size:11px}
  .target-daily-card .metric-icon{width:34px;height:34px}.target-daily-card .metric-icon svg{width:32px;height:32px}
  .target-ai-card .ai-robot-wrap{height:120px}.target-ai-card .ai-robot-wrap img{max-height:112px}
  .dashboard-card-button{min-height:52px;font-size:16px;border-radius:14px}
}