/* Shared profile image dimensions. Applied on EVERY page, not just profile.html. */
.profile-entry, .worker-profile-link { position:relative; min-width:0; }
.profile-avatar, .worker-profile-avatar { position:relative; display:grid; place-items:center; flex:0 0 auto; width:36px; height:36px; min-width:36px; min-height:36px; max-width:36px; max-height:36px; overflow:hidden; border-radius:11px; background:#f0dfcf; isolation:isolate; }
.worker-profile-avatar { border-radius:50%; }
.profile-avatar > img, .worker-profile-avatar > img { display:block!important; position:static!important; width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; max-width:100%!important; max-height:100%!important; object-fit:cover!important; object-position:center!important; aspect-ratio:1/1; border-radius:inherit!important; box-shadow:none!important; margin:0!important; padding:0!important; }
.profile-picture { width:112px!important; height:112px!important; max-width:112px!important; max-height:112px!important; flex:0 0 112px!important; overflow:hidden!important; border-radius:50%!important; }
.profile-picture > img { display:block!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; min-width:0!important; min-height:0!important; object-fit:cover!important; object-position:center!important; aspect-ratio:1/1; border-radius:50%!important; }
.salon-profile-page .profile-buttons { grid-template-columns:1fr!important; }
.salon-profile-page #profileFile { width:100%; background:#825436; color:#fff; border:1px solid #825436; font-weight:800; }
.salon-profile-page #profileFile:hover { background:#6b432e; }
.salon-profile-page #profileRemove { grid-column:1; }
@media(max-width:590px){.profile-avatar{width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px}.profile-picture{width:100px!important;height:100px!important;max-width:100px!important;max-height:100px!important;flex-basis:100px!important}}

/* Profile navigation: avatar only, compact and accessible */
.header-tools .profile-entry{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;padding:7px!important;border:1px solid #e8d7c7!important;border-radius:16px!important;background:#fffefa!important;flex:0 0 52px!important;line-height:1!important;overflow:hidden!important;text-decoration:none!important}
.header-tools .profile-entry .profile-avatar{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important;border-radius:50%!important;overflow:hidden!important;display:grid!important;place-items:center!important}
.header-tools .profile-entry .profile-avatar img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block!important}
.header-tools .profile-entry .profile-text{display:none!important}
.header-tools .profile-entry:hover{border-color:#b69073!important;box-shadow:0 5px 15px #82543619}
@media(max-width:590px){.header-tools .profile-entry{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;flex-basis:44px!important;padding:5px!important}.header-tools .profile-entry .profile-avatar{width:33px!important;height:33px!important;min-width:33px!important;min-height:33px!important;max-width:33px!important;max-height:33px!important}}



/* Header avatar: fill the entire outer outline, no white inset. Profile page unchanged. */
.header-tools a.profile-entry{
  width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;
  flex:0 0 52px!important;padding:0!important;overflow:hidden!important;
  border-radius:16px!important;border:1px solid #e8d7c7!important;background:#f0dfcf!important;
  display:flex!important;align-items:stretch!important;justify-content:stretch!important;
}
.header-tools a.profile-entry .profile-avatar{
  display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
  max-width:none!important;max-height:none!important;border-radius:inherit!important;overflow:hidden!important;
  margin:0!important;padding:0!important;flex:1 1 auto!important;line-height:50px;text-align:center;
}
.header-tools a.profile-entry .profile-avatar>img{
  display:block!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;
  object-fit:cover!important;object-position:center!important;border-radius:inherit!important;margin:0!important;padding:0!important;
}
@media(max-width:590px){
  .header-tools a.profile-entry{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;flex-basis:44px!important;padding:0!important}
  .header-tools a.profile-entry .profile-avatar{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}
}