
/* v7.5.1 Staff Profile layout */
.profile-wrap{display:grid;gap:16px}
@media(min-width:960px){
  .profile-wrap{grid-template-columns:220px 1fr 280px;align-items:start}
}
.avatar{width:128px;height:128px;border-radius:14px;object-fit:cover;border:1px solid var(--border);background:#fff}
@media(min-width:960px){.avatar{width:180px;height:180px}}
.avatar-wrap{display:grid;gap:10px;justify-items:start}
.profile-head h1{margin:0 0 4px}
.profile-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted)}
.profile-meta .chip{background:#f1f5f9;border:1px solid var(--border);padding:2px 8px;border-radius:999px;font-size:13px}
.profile-qual{margin:6px 0 0;color:var(--muted)}

.card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px}
.qr-card{background:#f8fafc}
.qr-img{width:100%;max-width:220px;height:auto;border:1px dashed var(--border);border-radius:10px;background:#fff}
.qr-missing{font-size:13px;color:#64748b}

.actions .btn{display:inline-flex;align-items:center;gap:6px;margin-right:6px;margin-top:6px}
.btn{padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:#fff;color:#0f172a;font-weight:600;cursor:pointer;text-decoration:none}
.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}
.btn.ghost{background:#fff;border-color:var(--brand);color:var(--brand)}

/* Mobile stacking for aside */
@media(max-width:959px){
  .profile-aside{order:3}
  .profile-main{order:2}
  .profile-left{order:1}
  .avatar-wrap{grid-template-columns:auto 1fr}
}
