/* هدر: زمان همگام‌سازی کنار تاریخ */
.header-status-row{display:flex;align-items:center;gap:15px}
.header-sync{display:flex;align-items:center;gap:7px;color:#7d8780;font-size:10px}
.header-sync i{width:8px;height:8px;border-radius:50%;background:#5fc883;box-shadow:0 0 0 4px #5fc8831c}
.header-sync b{color:var(--ink);font-weight:700}

/* شبکه اصلی: نمودار بزرگ در راست، چهار شاخص و اقدام فوری در چپ */
#overview .overview-primary-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(360px,1fr);gap:14px;margin-bottom:14px;align-items:stretch}
#overview .overview-side-stack{display:flex;flex-direction:column;gap:14px;min-width:0}

#overview .overview-top-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
#overview .overview-top-stat{display:flex;align-items:center;gap:11px;min-width:0;padding:13px 14px;background:#fff;border-radius:16px;box-shadow:0 7px 24px #263b2e0c}
#overview .overview-top-stat>div:not(.mini-gauge){display:grid;min-width:0}
#overview .overview-top-stat small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#overview .overview-top-stat b{font-size:21px;line-height:1.4;color:var(--ink)}
#overview .overview-top-stat em{font-size:9px;color:#578069;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#overview .overview-top-stat .ico{width:36px;height:36px;flex:none}
#overview .overview-top-stat .ico.gold{background:#f7efe0;color:#a77930}
#overview .overview-top-stat .ico.blue{background:#e8f1f4;color:#3d7080}

#overview .mini-gauge{--val:0;position:relative;width:54px;height:54px;flex:none;border-radius:50%;background:conic-gradient(var(--green) calc(var(--val)*1%),#e6ebe7 0)}
#overview .mini-gauge::after{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}
#overview .mini-gauge b{position:absolute;inset:0;z-index:1;display:grid;place-items:center;font-size:11px;direction:rtl}

/* نمودار ارتفاع کامل ستون اصلی را می‌گیرد */
#overview .hero-trend-card{margin:0;padding:20px 24px 16px;display:flex;flex-direction:column;min-width:0;min-height:430px}
#overview .hero-trend-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:11px}
#overview .hero-trend-head span{font-size:10.5px;color:var(--muted);display:block}
#overview .hero-trend-head b{font-size:22px;display:block;margin-top:2px}
#overview .hero-trend-head em{font-size:10px;color:#578069;font-style:normal;font-weight:600;display:block;margin-top:2px}
#overview .hero-trend-head em.is-down{color:#b2601f}
#overview .hero-trend-body{display:grid;grid-template-columns:116px minmax(0,1fr);gap:20px;flex:1;min-height:300px}
#overview .hero-trend-team{display:flex;flex-direction:column;justify-content:center;gap:15px}
#overview .hero-team-member{display:flex;align-items:center;gap:10px}
#overview .hero-team-ring{--val:0;width:58px;height:58px;position:relative;flex:none;border-radius:50%;background:conic-gradient(var(--green) calc(var(--val)*1%),#e4eae5 0)}
#overview .hero-team-avatar{position:absolute;inset:6px;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#e8ece9;color:var(--green);font-size:10px;font-weight:800}
#overview .hero-team-avatar img{width:100%;height:100%;object-fit:cover}
#overview .hero-team-member>span{display:grid;min-width:42px}
#overview .hero-team-member>span b{font-size:12px}
#overview .hero-team-member>span small{font-size:9px;color:var(--muted);white-space:nowrap}
#overview .hero-trend-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;min-width:0;min-height:300px;padding:0 12px}
#overview .hero-trend-bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;flex:1;height:100%}
#overview .hero-trend-bar i{display:block;width:100%;max-width:54px;border-radius:7px 7px 3px 3px;background:#e9ede9}
#overview .hero-trend-bar.is-today i{background:var(--green)}
#overview .hero-trend-bar small{font-size:9px;color:#8b958e;white-space:nowrap}
#overview .hero-trend-bar.is-today small{color:var(--ink);font-weight:700}

#overview .overview-side-stack .urgent-dashboard-card{margin:0;display:flex;flex-direction:column;box-shadow:0 7px 24px #263b2e0c;padding:14px 15px;min-width:0;flex:1}
#overview .overview-side-stack .urgent-dashboard-title h2{font-size:13.5px;margin:3px 0}
#overview .overview-side-stack .urgent-dashboard-title span{font-size:9px}
#overview .overview-side-stack .urgent-dashboard-title button{font-size:9px;padding:7px 9px;white-space:nowrap}
#overview .overview-side-stack #urgentDashboardRows{flex:1;overflow-y:auto;max-height:220px}
#overview .overview-side-stack .urgent-dashboard-card article{grid-template-columns:1fr;gap:7px;margin-top:8px;padding:9px}
#overview .overview-side-stack .urgent-dashboard-card article>strong{text-align:right}

/* ردیف دوم با همان نسبت و فاصله ستون‌های بالا */
#overview .overview-secondary-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(360px,1fr);gap:14px;margin-bottom:14px;align-items:start}
#overview .overview-secondary-grid .live-location-card{margin:0;display:flex;flex-direction:column;min-height:390px}
#overview .overview-secondary-grid>article{height:100%}

/* کارت‌های پایین بعد از حذف ردیف مستقل پیشرفت/کیفیت بالا می‌آیند */
#overview .card{border-radius:16px;box-shadow:0 7px 24px #263b2e0c;padding:16px 18px}
#overview .card-head{margin-bottom:10px}
#overview .card-head h3{font-size:13px}
#overview .card-head p{font-size:10.5px;margin:2px 0}
#overview .card-head button{font-size:10px;font-weight:700}
#overview .member{padding:9px 0}
#overview .member b{font-size:11.5px}
#overview .member small{font-size:10.5px}
#overview .member-progress b{font-size:13px}
#overview .member-progress small{font-size:9.5px}
#overview .decision b,#overview .activity-row b{font-size:11px}
#overview .decision span,#overview .activity-row span{font-size:10px}
#overview .decision p,#overview .activity-row p{font-size:10.5px;line-height:1.55;margin:3px 0}
#overview .pipe-row{font-size:11px;grid-template-columns:62px 1fr 32px}
#overview .overview-divider{display:flex;align-items:center;gap:12px;margin:4px 0 12px}
#overview .overview-divider span{flex:1;height:1px;background:var(--line)}
#overview .overview-divider b{font-size:10.5px;font-weight:500;color:#8a938c;white-space:nowrap}
#overview .live-location-card{margin:0 0 16px}
#overview #liveLocationMap{height:auto;min-height:310px;flex:1}
#overview .overview-comparison{display:none}

@media(max-width:1100px){
  #overview .overview-primary-grid,#overview .overview-secondary-grid{grid-template-columns:1fr}
  #overview .hero-trend-card{min-height:360px}
  #overview .overview-side-stack .urgent-dashboard-card{height:auto}
}
@media(max-width:620px){
  .header-status-row{align-items:flex-start;flex-direction:column;gap:2px}
  #overview .overview-top-stats{grid-template-columns:1fr}
  #overview .hero-trend-card{padding-inline:14px}
  #overview .hero-trend-body{grid-template-columns:1fr;gap:14px}
  #overview .hero-trend-team{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
  #overview .hero-team-ring{width:50px;height:50px}
  #overview .hero-trend-chart{gap:6px;padding:0}
  #overview .hero-trend-bar small{font-size:9px}
}