/* ==========================================================================
   Groyt Dashboard — Devlet sekmesi (25 Ekim 2026). dashboard-settings.css'teki
   .settings-section/.form-row-2/.settings-subhead temel yüzeyini kullanır.
   ========================================================================== */

.dv-dash-head {
  display: flex; gap: 18px; flex-wrap: wrap; align-items: flex-start;
  margin-bottom: 22px;
}
.dv-dash-img {
  width: 100%; max-width: 360px; border-radius: var(--k-r, 14px);
  border: 1px solid var(--k-line); display: block; flex: 0 0 auto;
}
.dv-dash-stats {
  flex: 1 1 260px; display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 10px; align-content: start;
}
.dv-dash-stat {
  display: flex; flex-direction: column; gap: 4px; padding: 12px 14px;
  border-radius: var(--k-r, 12px); border: 1px solid var(--k-line); background: var(--k-bg-2);
}
.dv-dash-stat span { font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--k-text-3); }
.dv-dash-stat b { font-size: 17px; color: var(--k-amber, #FFC107); font-variant-numeric: tabular-nums; }

.dv-dash-ranks {
  display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px;
}
.dv-dash-rank-chip {
  padding: 6px 12px; border-radius: 999px; border: 1px solid var(--k-line);
  background: var(--k-bg-2); color: var(--k-text-2); font-size: 13px;
}
.dv-dash-rank-chip.is-leader { border-color: rgba(255, 193, 7, .5); color: var(--k-amber, #FFC107); }

@media (max-width: 560px) {
  .dv-dash-head { flex-direction: column; }
  .dv-dash-img { max-width: 100%; }
}