/* 283 — broker photo + profile link in the viewing drawer / its Activity log / broker window (pairs with js/283-broker-photo-links.js, v565).
   Roll back: remove this <link> + the js/283 script tag. */
.vcb-mono,.vc-c-av{position:relative;overflow:visible}
.bhl-ph{position:absolute;inset:0;z-index:1;border-radius:50%;overflow:hidden;background:#16294A;opacity:0;transition:opacity .35s ease;pointer-events:none}
.bhl-ph.is-in{opacity:1}
.bhl-ph.no-anim{transition:none}
.bhl-ph img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;-webkit-user-drag:none;user-select:none}
.vcb-mono.bhl-has,.vc-c-av.bhl-has{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #E8B64A}
/* the broker's name = a link to his profile */
.vcb-who strong.bhl-link{cursor:pointer;text-decoration:underline;text-decoration-color:rgba(200,155,60,.55);text-underline-offset:3px;transition:color .15s ease}
.vcb-who strong.bhl-link:hover,.vcb-who strong.bhl-link:focus-visible{color:#B8862B;text-decoration-color:currentColor;outline:none}
/* name chip inside the Activity entries */
.bhl-name{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;max-width:100%;cursor:pointer;color:#B8862B;font-weight:700;border-radius:999px;padding:0 6px 0 1px;transition:background .15s ease}
.bhl-name u{text-decoration:underline;text-decoration-color:rgba(200,155,60,.55);text-underline-offset:2px;white-space:normal}
.bhl-name:not(:has(.bhl-mini)){padding-left:2px}
.bhl-name:hover,.bhl-name:focus-visible{background:rgba(200,155,60,.14);outline:none}
.bhl-mini{flex:0 0 auto;width:18px;height:18px;border-radius:50%;overflow:hidden;background:#16294A;box-shadow:0 0 0 1.5px #E8B64A}
.bhl-mini img{display:block;width:100%;height:100%;object-fit:cover}
/* broker window: viewing rows carry his photo */
.bhl-flex{display:flex!important;align-items:center;gap:8px}
.bhl-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bhl-rowav{flex:0 0 auto;width:26px;height:26px;border-radius:50%;overflow:hidden;background:#16294A;box-shadow:0 0 0 1.5px #fff,0 0 0 3px #E8B64A;display:inline-block}
.bhl-rowav img{display:block;width:100%;height:100%;object-fit:cover}
.ohv-row.bhl-g{grid-template-columns:30px 78px minmax(0,1.6fr) minmax(0,1fr) auto}
@media(max-width:700px){.ohv-row.bhl-g{grid-template-columns:1fr auto}.ohv-row.bhl-g>.bhl-rowav{display:none}}
@media(prefers-reduced-motion:reduce){.bhl-ph{transition:none}}

/* v566 FIX — Profile > Recent viewings: `.ohx-pf-list span{flex:1}` (css/268) stretched the photo into a wide ellipse. Pin the avatar's size. */
.ohx-pf-list li>.bhl-rowav,.ohx-pf-list li>span.bhl-rowav{flex:0 0 28px!important;width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;border-radius:50%!important;overflow:hidden!important;white-space:normal!important;display:block}
.ohx-pf-list li>.bhl-rowav img{display:block;width:100%!important;height:100%!important;max-width:none;object-fit:cover;border-radius:50%}
.ohx-pf-list li>span:not(.bhl-rowav){flex:1 1 auto;min-width:0}
.ohv-row>.bhl-rowav{flex:none;width:26px!important;height:26px!important;min-width:26px;justify-self:start}
.ohv-row>.bhl-rowav img{width:100%!important;height:100%!important}
/* v566 — broker name in the expanded Viewing-request row = link to his profile */
.bhl-who{cursor:pointer;text-decoration:underline;text-decoration-color:rgba(200,155,60,.6);text-underline-offset:3px;transition:color .15s ease,text-decoration-color .15s ease}
.bhl-who::after{content:"\203A";display:inline-block;margin-left:4px;color:#C89B3C;font-weight:700;transition:transform .15s ease}
.bhl-who:hover,.bhl-who:focus-visible{color:#B8862B;text-decoration-color:currentColor;outline:none}
.bhl-who:hover::after,.bhl-who:focus-visible::after{transform:translateX(3px)}