/* styles/profile.css
   Profile / Avatar / Info Panels
   Extracted from style.css
*/

.profile{display:flex;gap:12px;align-items:center}
.avatar{width:80px;height:80px;border-radius:10px;background:linear-gradient(180deg,#efdccf,#f7efe8);border:1px solid rgba(107,74,51,.08);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;position:relative}
.avatar img{width:100%;height:100%;object-fit:cover}
.avatar-placeholder{font-size:13px;color:var(--muted);text-align:center;padding:6px}
.profile .info{flex:1}
.profile .actions{margin-top:8px}
.employee-details.profile-summary .kv-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.employee-details.profile-summary .kv-row:first-child{border-top:none}
.employee-details.profile-summary .kv-row .k{font-weight:600}
.employee-details.profile-summary .kv-row .v{min-width:120px;text-align:right}
.camera-icon{
  position:absolute; right:-6px; bottom:-6px; width:28px; height:28px; border-radius:50%;
  background:#fff; border:1px solid rgba(107,74,51,.12);
  display:flex;align-items:center;justify-content:center; font-size:14px; line-height:1;
  box-shadow:0 2px 6px rgba(0,0,0,.08); pointer-events:none;
}

/* Mobile profile bar */
.mobile-profile-bar{display:none;padding:12px 16px;background:#fff;border-radius:12px;align-items:center;gap:12px;box-shadow:var(--shadow)}
.mobile-profile-bar .mini-avatar{width:72px;height:72px;border-radius:12px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#efdccf,#f7efe8);border:1px solid rgba(107,74,51,.08)}
.mobile-profile-bar .mini-avatar img{width:100%;height:100%;object-fit:cover}
.mobile-profile-bar .mini-placeholder{font-size:13px;color:var(--muted);text-align:center;padding:6px}
.mobile-profile-bar .meta{font-size:14px}

@media (max-width:980px){
  .mobile-profile-bar{display:flex; margin-bottom:12px}
}