/* v7.5.2 Staff Profile refinements */
.breadcrumb{font-size:13px;color:#64748b;margin:4px 0 12px}
.breadcrumb a{color:inherit;text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}

.profile-wrap{display:grid;gap:16px}
@media(min-width:960px){
  .profile-wrap{grid-template-columns:260px 1fr 300px;align-items:start}
}

/* Avatar: portrait-friendly, no face cut */
.avatar{width:140px;aspect-ratio:3/4;height:auto;border-radius:14px;object-fit:cover;object-position:center 15%;border:1px solid var(--border);background:#fff}
@media(min-width:960px){.avatar{width:180px}}
.avatar-wrap{display:grid;gap:10px;justify-items:start}

.profile-head h1{margin:0 0 6px}
.profile-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted)}
.profile-meta .chip{background:#eef2ff;border:1px solid #dbe2ff;padding:3px 10px;border-radius:999px;font-size:13px;color:#203a9a}
.profile-qual{margin:6px 0 0;color:#475569}

.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-empty{display:flex;align-items:center;gap:8px;padding:10px;border:1px dashed var(--border);border-radius:10px;background:#fff;color:#64748b;font-size:13px}

.actions .btn{display:inline-flex;align-items:center;gap:6px;margin-right:8px;margin-top:6px}
.btn{padding:9px 14px;border-radius:12px;border:1px solid var(--border);background:#fff;color:#0f172a;font-weight:700;cursor:pointer;text-decoration:none;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}
.btn.ghost{background:#fff;border-color:var(--brand);color:var(--brand)}
.btn:hover{filter:brightness(0.98)}

/* Better mobile stacking */
@media(max-width:959px){
  .profile-aside{order:3}
  .profile-main{order:2}
  .profile-left{order:1}
  .avatar-wrap{grid-template-columns:auto 1fr}
  .profile-head h1{font-size:28px}
}