.neon-person-photo{width:32px;height:32px;object-fit:cover;border-radius:4px;margin-left:6px;vertical-align:middle;display:inline-block;border:1px solid #ddd}
.neon-person-photo-large{width:56px;height:56px;margin:4px 6px 4px 0;border-color:#fff}
@media print{.neon-person-photo{display:none}}

.neon-person-group{display:inline-flex;align-items:center;vertical-align:middle;white-space:nowrap;flex-wrap:nowrap}.neon-person-group>.neon-person-photo{flex-shrink:0}

/* Stable account colors; reserved even before a portrait is supplied. */
.neon-person-photo{--neon-person-color:#8794a5;box-sizing:border-box;border:3px solid var(--neon-person-color);box-shadow:0 2px 3px rgba(0,0,0,.28),0 0 0 1px var(--neon-person-color,#8794a5)}
.neon-person-photo-large{border-width:4px;box-shadow:0 2px 4px rgba(0,0,0,.28),0 0 0 1px var(--neon-person-color,#8794a5)}
.neon-person-color-20{--neon-person-color:#ed65a3} /* Lena: pink */
.neon-person-color-9{--neon-person-color:#9954d9} /* Tsveti: purple */
.neon-person-color-1{--neon-person-color:#ed1c24}
.neon-person-color-6{--neon-person-color:#b77535}
.neon-person-color-8{--neon-person-color:#f0cc24}
.neon-person-color-23{--neon-person-color:#159fc7}
.neon-person-color-37{--neon-person-color:#83ad23}
.neon-person-color-41{--neon-person-color:#d6a010}
.neon-person-color-44{--neon-person-color:#2589e0}
.neon-person-color-45{--neon-person-color:#587487}
.neon-person-color-47{--neon-person-color:#26a565}
.neon-person-color-48{--neon-person-color:#e56a42}
.neon-person-color-49{--neon-person-color:#009c93}
.neon-person-color-50{--neon-person-color:#aa8955}

.navbar .neon-person-photo-large{width:38px;height:38px;margin:2px 6px 2px 0;border-width:3px;vertical-align:middle;box-shadow:0 1px 2px #0005}

/* Round avatars reuse the stable account palette without changing size. */
.neon-round-avatar{display:inline-block}
.neon-round-avatar[class*=neon-person-color-]{--neon-round-border:var(--neon-person-color,#8794a5)}
.neon-round-avatar img{box-sizing:border-box;border:3px solid var(--neon-round-border)!important;border-radius:50%;box-shadow:0 2px 3px #0004,0 0 0 1px var(--neon-round-border)}

/* Shared avatar renderer: includes profile activity/timeline and navbar. */
img.neon-round-photo{box-sizing:border-box;border:3px solid var(--neon-person-color,#8794a5)!important;border-radius:50%;box-shadow:0 2px 3px #0004,0 0 0 1px var(--neon-person-color,#8794a5)!important}

/* Timeline name photos: override ACE neutral circle border, keep account color. */
.profile-activity img.neon-person-photo{border:3px solid var(--neon-person-color,#8794a5);border-radius:50%;box-shadow:0 1px 2px #0004,0 0 0 1px var(--neon-person-color,#8794a5)}

/* NEON desktop profile card: portrait stays outside the filter and order table. */
@media screen and (min-width:1200px){
 body:has(#navbar .neon-person-photo-large) #navbar{position:relative;min-height:45px}
 body:has(#navbar .neon-person-photo-large) #navbar .navbar-buttons{position:static;padding-right:142px}
 body:has(#navbar .neon-person-photo-large) #navbar .ace-nav{position:static}
 #navbar .ace-nav>li:has(.neon-person-photo-large){position:absolute;right:10px;top:0;width:130px;height:92px;border:0;z-index:1001}
 body #navbar .ace-nav>li:has(.neon-person-photo-large)>a{display:flex;flex-direction:column;align-items:center;justify-content:center;height:92px;padding:6px;line-height:20px;border-radius:0 0 7px 7px;box-shadow:0 2px 4px #0002}
 #navbar .neon-person-photo-large{width:60px;height:60px;max-width:none;max-height:none;flex:none;margin:0 0 5px;border-width:4px}
 #navbar .ace-nav>li:has(.neon-person-photo-large) .user-info{position:static;display:block;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px;font-size:13px}
 #navbar .ace-nav>li:has(.neon-person-photo-large)>a>.ace-icon{display:none}
 #navbar .ace-nav>li:has(.neon-person-photo-large)>.user-menu{top:100%;right:0}
 body:has(#navbar .neon-person-photo-large) #filter{margin-right:142px}
 body:has(#navbar .neon-person-photo-large) #filter.widget-box.collapsed{margin-bottom:8px}
 body:has(#navbar .neon-person-photo-large):not(:has(#filter)) .main-content{padding-top:52px}
}

/* The desktop navbar is in normal flow: cancel ACE's fixed-navbar spacer. */
@media screen and (min-width:1200px){
 body:has(#navbar .neon-person-photo-large) #navbar.navbar-fixed-top + .main-container{padding-top:0}
}

/* Compact profile: portrait frame only, readable username on white. */
@media screen and (min-width:1200px){
 body #navbar .ace-nav>li:has(.neon-person-photo-large)>a,
 body #navbar .ace-nav>li:has(.neon-person-photo-large)>a:hover,
 body #navbar .ace-nav>li.open:has(.neon-person-photo-large)>a{background:transparent!important;box-shadow:none;padding:2px 0;height:94px;justify-content:flex-start;overflow:visible}
 #navbar .ace-nav>li:has(.neon-person-photo-large){height:94px;background:transparent}
 #navbar .ace-nav>li:has(.neon-person-photo-large) .user-info{background:#fff;color:#16384e!important;max-width:130px;width:130px;min-height:26px;height:auto;line-height:18px;padding:4px 2px;text-align:center;white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip;top:auto}
}