.sotel-ticket-event:not(.sotel-event-expanded) > :not(.sotel-event-toggle) { display:none!important; }
.sotel-event-toggle {
  display:flex; align-items:center; gap:9px; width:calc(100% - 55px); margin:0 0 0 55px;
  padding:10px 13px; border:0; border-radius:2px; cursor:pointer; text-align:left;
  background:var(--background-secondary,#38393f); color:var(--text-muted,#a5abb3);
  font:inherit; font-size:12px;
}
.sotel-event-toggle:focus-visible { outline:2px solid var(--highlight,#359dd6); outline-offset:2px; }
.sotel-event-label { flex:1; min-width:0; }
.sotel-event-time { font-size:11px; }
.sotel-event-chevron { width:6px; height:6px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:rotate(45deg); margin:0 3px 3px; }
.sotel-event-expanded > .sotel-event-toggle .sotel-event-chevron { transform:rotate(225deg); margin-bottom:0; }
.sotel-event-expanded > .sotel-event-toggle { margin-bottom:12px; }
.sotel-ticket-event .js-article-actions { display:none!important; }
.sotel-event-lock { font-size:12px; }
.sotel-ticket-event[data-sotel-visibility="public"] .sotel-event-lock { color:var(--supergood-color,var(--color-green,#36af6a)); }
.sotel-hidden-closure-email { display:none!important; }
#app .Article.sotel-ticket-event { display:flex; flex-wrap:wrap; }
#app .Article.sotel-ticket-event > .sotel-event-toggle { flex:0 0 100%; width:100%; margin-left:0; min-height:44px; background:var(--color-gray-500,#282829); color:var(--color-gray-100,#d1d1d1); }
#app .Article.sotel-ticket-event [name="article-context"] { display:none!important; }
@media(pointer:coarse) { .sotel-event-toggle { min-height:44px; } }
/* Zammad renders its system user with a built-in logo, overriding the saved avatar. */
.avatar:has(> svg.icon-logo) {
  background-color:transparent!important;
  background-image:url('sotel-mark-dark.svg')!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:85% 85%!important;
}
.avatar > svg.icon-logo { visibility:hidden; }
html[data-theme="light"] .avatar:has(> svg.icon-logo) { background-image:url('sotel-mark-light.svg')!important; }
#app .Article:is([data-created-by="1"],[data-created-by="gid://zammad/User/1"]) [role="img"] {
  background-image:url('sotel-mark-dark.svg')!important;
  background-color:transparent!important;
  background-size:85% 85%!important;
  background-position:center!important;
  opacity:1;
}
html[data-sotel-mobile-theme="light"] #app .Article:is([data-created-by="1"],[data-created-by="gid://zammad/User/1"]) [role="img"] { background-image:url('sotel-mark-light.svg')!important; }
