/* ==================== TLREX UX fixes ==================== */
/* dark backdrop the instant a skinned route opens — content appears only
   when a tlx-* skin mounts (or the JS failsafe lifts the veil) */
html.tlx-dark,
html.tlx-dark body{
  background:#07080f !important;
}
html.tlx-dark .shell,
html.tlx-dark .shell-main{
  background:#07080f !important;
}
html.tlx-dark .bottomnav{
  background:#07080f !important;
}
html.tlx-dark .page-pad:not([class*="tlx-"]):not(:has([class*="tlx-"])) > *{
  visibility:hidden !important;
}
html.tlx-dark main:not([class*="tlx-"]):not(:has([class*="tlx-"])) > *{
  visibility:hidden !important;
}

/* TLREX logo in avatar circles — wide logo, fit instead of crop */
.tlx-ava img{
  object-fit:contain !important;
  padding:5px;
  background:transparent !important;
}