/* ===== نقشه ایران (داینامیک) ===== */
#map-iran{ --navy:#0b1b35; --cream:#f5f7fb; --card:#fff; }

.iran-map-card{
  background: var(--cream);
  border-radius: 20px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06) inset, 0 6px 16px rgba(0,0,0,.05);
  padding: 10px;
  position: relative;
  min-height: 360px;
}

.iran-svg{
  width: 100%;
  height: 100%;
  display: block;
  min-height: 340px;
  border-radius: 14px;
  background: var(--card);
}

.map-loader{
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-weight: 600;
  color: #64748b;
  z-index: 2;
}

.map-side h3{ color: var(--navy); }

.map-legend{
  list-style: none; padding: 0; margin: 0 0 16px 0;
  display: grid; gap: 10px;
}
.map-legend li{ display:flex; align-items:center; gap:10px; color:#334155; }
.map-legend .dot{
  width:14px; height:14px; border-radius:50%; display:inline-block; background: var(--c);
}

.province-info{
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 12px 14px;
  color:#334155;
}
.badge{
  display:inline-block; padding:2px 8px; border-radius:999px; font-size:.85rem;
  line-height:1.6; vertical-align:middle;
}
.status-done   { background:#fee2e2; color:#b91c1c; }
.status-doing  { background:#dcfce7; color:#065f46; }
.status-review { background:#fef3c7; color:#92400e; }
.status-idle   { background:#e5e7eb; color:#334155; }

/* ریسپانسیو */
@media (max-width: 992px){
  .iran-map-card{ min-height: 300px; }
  .iran-svg{ min-height: 280px; }
}