/*
 * Ocelotes brand layer.
 * The SPA renders the account mark as a lucide shield inside a 28px box.
 * Replace only that mark; layout, spacing and theme tokens stay untouched.
 */
header button[aria-haspopup="menu"] > div.flex.aspect-square.size-7 {
  background-color: transparent !important;
  background-image: url('/brand/logo-light.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

header button[aria-haspopup="menu"] > div.flex.aspect-square.size-7 > svg {
  display: none !important;
}

html.dark header button[aria-haspopup="menu"] > div.flex.aspect-square.size-7 {
  background-image: url('/brand/logo-dark.png');
}