/* POXY — Quick Profile modal shell (identity components in poxy-identity.css) */

.modal-overlay.profile-expanded-backdrop{
  background:rgba(0,0,0,0.6);
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
  padding:24px;
  align-items:center;
  justify-content:center;
}

.qp-profile-close{
  position:fixed;
  top:24px;
  right:24px;
  z-index:510;
  width:44px;
  height:44px;
  border:none;
  border-radius:50%;
  background:rgba(32,32,32,0.55);
  color:#e5e2e1;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  backdrop-filter:blur(12px);
  transition:background 0.2s,color 0.2s,transform 0.2s;
}
.qp-profile-close .material-symbols-outlined{font-size:28px}
.qp-profile-close:hover{background:rgba(255,255,255,0.12);color:#fff;transform:scale(1.04)}
.modal-overlay.profile-expanded-backdrop:not(.show) .qp-profile-close{display:none}

.modal-overlay.profile-expanded-backdrop .qp-profile-card,
.poxy-id-shell--modal{
  width:100%;
  max-width:450px;
  padding:0;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(157,139,155,0.2);
  background:#0e0e0e;
  box-shadow:0 32px 80px rgba(0,0,0,0.65),0 0 48px rgba(249,171,255,0.06);
  transform:scale(0.96) translateY(12px);
  transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.35s ease;
}
.modal-overlay.profile-expanded-backdrop.show .qp-profile-card{
  transform:scale(1) translateY(0);
  animation:qpModalIn 0.4s cubic-bezier(0.4,0,0.2,1) forwards;
}
@keyframes qpModalIn{
  from{opacity:0;transform:scale(0.96) translateY(16px)}
  to{opacity:1;transform:scale(1) translateY(0)}
}

.qp-profile-avatar-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  width:100%;
  margin-bottom:4px;
}

@media(max-width:480px){
  .qp-profile-card{max-width:100%}
  .poxy-id-shell--modal .poxy-id-hero-inner,
  .qp-profile-content{padding:0 20px 20px}
  .qp-profile-action-bar,.poxy-id-shell--modal .poxy-id-dock{padding:14px 20px 20px;flex-wrap:wrap}
  .qp-profile-close{top:12px;right:12px}
}