/* Shared profile avatar (js/avatar.js) — Owner, Client and Agent portals. */
.av{ position:relative; display:inline-flex; align-items:center; justify-content:center; flex:none; border-radius:50%; overflow:hidden; background:var(--line, #e3ded3); color:var(--sage, #5f665c); font-family:var(--mono, ui-monospace, monospace); letter-spacing:.04em; line-height:1; vertical-align:middle; }
.av img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
.av-sm{ width:36px; height:36px; font-size:12px; }
.av-md{ width:52px; height:52px; font-size:16px; }
.av-lg{ width:72px; height:72px; font-size:22px; }
.av-editor{ display:flex; align-items:center; gap:16px 24px; flex-wrap:wrap; min-width:0; }
.av-editor-actions{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; min-width:0; }
.av-msg{ font:13px/1.4 var(--sans, inherit); color:var(--sage, #5f665c); flex-basis:100%; }
.av-msg:empty{ display:none; }
.av-id{ display:flex; align-items:center; gap:16px; min-width:0; }
.av-id > span:last-child{ min-width:0; }
/* placements */
.aw-top-id{ display:inline-flex; align-items:center; gap:10px; }
.aw-top-id .av{ width:28px; height:28px; font-size:10px; }
.aw-photo-field, .cp-photo-field{ display:grid; gap:12px; margin-bottom:24px; }
.cpv-agent-id{ margin:0 0 16px; }
.cp-activity-row .av-id{ gap:12px; }
.av-editor [hidden]{ display:none !important; }
@media (max-width:767px){ .aw-top-id > span:not(.av){ display:none; } }