/* ============================================================
   BSCKF Glassmorphism — tiles/cards par saaf dikhne wala frosted glass
   (theme rang hi use hote hain; purane device par solid fallback)
   ============================================================ */

/* tile-grids ke peeche warm rang -> taaki frosted blur clearly dikhe */
.district-grid,
.officer-grid,
.division-grid,
.m-grid,
#peopleResults > div,
#homeResults > div,
.cards-grid {
  background:
    radial-gradient(circle at 12% 20%, rgba(244, 129, 31, 0.28), transparent 45%),
    radial-gradient(circle at 88% 25%, rgba(212, 160, 23, 0.30), transparent 45%),
    radial-gradient(circle at 50% 95%, rgba(107, 15, 26, 0.22), transparent 50%),
    linear-gradient(135deg, rgba(107, 15, 26, 0.10), rgba(244, 129, 31, 0.12));
  padding: 20px !important;
  border-radius: 22px;
  border: 1px solid rgba(212, 160, 23, 0.30);
}

/* frosted glass cards */
.district-card,
.officer-tile,
.division-card,
.m-tile,
.person-hit,
.hs-hit,
.prakhand-block,
.leader-card,
.card {
  background: rgba(255, 251, 244, 0.45) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.6);
  backdrop-filter: blur(14px) saturate(1.6);
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  box-shadow: 0 10px 34px rgba(107, 15, 26, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}

.district-card .dc-body { background: transparent !important; }

.officer-tile:hover,
.person-hit:hover,
.hs-hit:hover,
.m-tile:hover,
.division-card:hover {
  background: rgba(255, 253, 248, 0.62) !important;
  box-shadow: 0 16px 40px rgba(107, 15, 26, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

/* modal/popup halka frosted */
#bsckfProfileModal > div,
#bsckfIdCard,
.modal {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

/* PURANE device fallback (blur support nahi) -> solid cream taaki text readable rahe */
@supports not ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))) {
  .district-card, .officer-tile, .division-card, .m-tile,
  .person-hit, .hs-hit, .prakhand-block, .leader-card, .card {
    background: #fffaf0 !important;
  }
}

/* mobile par blur halka (performance) */
@media (max-width: 480px) {
  .district-card, .officer-tile, .division-card, .m-tile,
  .person-hit, .hs-hit, .prakhand-block, .leader-card, .card {
    -webkit-backdrop-filter: blur(9px) saturate(1.4);
    backdrop-filter: blur(9px) saturate(1.4);
  }
}