/* Profiles replace recommendations in the same resizable sidebar. */
#directory-panel.guide-profile-active > :is(.directory-intro,.directory-results,.directory-footer) { display:none!important; }
#directory-panel.guide-profile-active > #profile-panel {
  position:relative;inset:auto;flex:1;min-height:0;width:100%;max-width:none;
  height:100%;border:0;border-radius:inherit;box-shadow:none;animation:none;
  overflow-y:auto;overscroll-behavior:contain;background:inherit;color:inherit;
}
#directory-panel.guide-profile-active .profile-actions-top {
  position:sticky;top:0;z-index:2;background:var(--surface);border-bottom:1px solid var(--line);
  padding:4px 10px;
}
#directory-panel.guide-profile-active .profile-actions-top .text-button { font-size:14px; }
body.city-scene-active #directory-panel > #profile-panel { --theme-panel:var(--city-paper);--theme-raised:var(--surface); }
body.city-scene-active #directory-panel > #profile-panel .profile-contact-primary { color:#fff; }
body.city-scene-active #directory-panel > #profile-panel .button-white:hover,
body.city-scene-active #directory-panel > #profile-panel .profile-save.saved { background:#eaf3f9;color:#005293;border-color:var(--line); }
@media(max-width:650px) {
  #explore-view.guide-profile-open #map-panel { display:block;position:absolute;inset:0;width:100%;height:100%; }
  #explore-view.guide-profile-open #directory-panel {
    position:absolute;inset:auto 12px max(16px,env(safe-area-inset-bottom));
    display:flex;width:auto;max-width:none;height:min(55dvh,420px);min-height:0;
    padding:0;border-radius:10px;box-shadow:0 8px 36px #17202d45;
  }
  #explore-view.guide-profile-open .mobile-view-toggle { display:none; }
}

/* Inspect original logo artwork within the open organisation profile. */
.profile-logo-toggle { flex:none; padding:2px; border-radius:8px; cursor:zoom-in; }
.profile-logo-toggle .organisation-avatar { width:40px; height:40px; margin:0; }
.profile-logo-toggle[aria-expanded="true"] { cursor:zoom-out; }
.profile-logo-preview { margin-top:12px; }
.profile-logo-preview-toolbar { display:flex; justify-content:flex-end; margin-bottom:6px; }
.profile-logo-preview-toolbar button { min-height:44px; }
.profile-logo-canvas { display:flex; align-items:center; justify-content:center; min-height:160px; padding:20px; border:1px solid var(--line); border-radius:10px; background:#fff; }
.profile-logo-canvas.logo-dark { background:#18394d; }
.profile-logo-canvas img { display:block; width:100%; height:auto; max-height:min(300px,40dvh); object-fit:contain; }