/* KMP V4.4 — Admin profile photo hero */
.profile-hero-card{
  position:relative;
  width:min(100%,440px);
  aspect-ratio:4/5;
  overflow:hidden;
  border-radius:32px;
  border:1px solid rgba(255,255,255,.12);
  background:#0f172a;
  box-shadow:
    0 35px 100px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.025) inset;
  isolation:isolate;
}
.profile-hero-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.profile-hero-photo-wrap{
  position:absolute;
  inset:0;
  overflow:hidden;
}
.profile-hero-photo{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 18%;
  transform:scale(1.008);
}
.profile-hero-photo-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(to bottom,rgba(2,6,23,.05) 0%,rgba(2,6,23,.03) 43%,rgba(2,6,23,.55) 74%,rgba(2,6,23,.90) 100%),
    linear-gradient(to right,rgba(2,6,23,.12),transparent 38%,transparent 70%,rgba(2,6,23,.05));
}
.profile-hero-glow{
  position:absolute;
  border-radius:999px;
  filter:blur(55px);
  opacity:.38;
  pointer-events:none;
  z-index:2;
}
.profile-hero-glow-a{
  width:190px;height:190px;right:-70px;top:-55px;background:#6366f1;
}
.profile-hero-glow-b{
  width:150px;height:150px;left:-60px;bottom:80px;background:#22d3ee;opacity:.18;
}
.profile-hero-topbar{
  position:absolute;
  z-index:6;
  left:18px;
  top:18px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(2,6,23,.55);
  backdrop-filter:blur(14px);
  color:#cbd5e1;
  font-size:9px;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.profile-status-dot{
  width:7px;height:7px;border-radius:50%;
  background:#22d3ee;
  box-shadow:0 0 14px #22d3ee;
}
.profile-hero-identity{
  position:absolute;
  z-index:6;
  left:18px;
  right:18px;
  bottom:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 17px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(2,6,23,.68);
  backdrop-filter:blur(18px);
}
.profile-hero-name{
  color:#fff;
  font-size:15px;
  font-weight:700;
  line-height:1.2;
}
.profile-hero-location{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:6px;
  color:#94a3b8;
  font-size:10px;
}
.profile-hero-location svg{
  width:13px;height:13px;color:#22d3ee;
}
.profile-verified-icon{
  flex:0 0 auto;
  width:38px;height:38px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:linear-gradient(135deg,rgba(99,102,241,.22),rgba(34,211,238,.12));
  border:1px solid rgba(255,255,255,.09);
}
.profile-verified-icon svg{
  width:19px;height:19px;color:#67e8f9;
}
.profile-focus-row{
  position:absolute;
  z-index:7;
  left:18px;
  right:18px;
  bottom:17px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
}
.profile-focus-row span{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:8px 6px;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(15,23,42,.72);
  backdrop-filter:blur(12px);
  color:#cbd5e1;
  font-size:8px;
  font-weight:600;
  white-space:nowrap;
}
.profile-focus-row svg{
  width:12px;height:12px;color:#67e8f9;flex:0 0 auto;
}
@media(max-width:640px){
  .profile-hero-card{width:min(100%,365px);border-radius:27px}
  .profile-focus-row{grid-template-columns:repeat(2,1fr)}
  .profile-hero-identity{bottom:112px}
}

.profile-focus-row-five{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.profile-focus-row-five span{
  font-size:7.5px;
  gap:4px;
}
@media(max-width:640px){
  .profile-focus-row-five{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .profile-focus-row-five span:nth-child(4),
  .profile-focus-row-five span:nth-child(5){
    grid-column:span 1;
  }
  .profile-hero-identity{bottom:112px}
}