/*
 * Site-specific overrides on top of the YZEN template's styles.css.
 * Kept in its own file (loaded after styles.css in index.html) instead
 * of editing the vendor file directly, so future template updates don't
 * get clobbered and it's obvious what's actually ours.
 *
 * Sidebar logo sizing + contrast: the template's own rule
 * (.app-sidebar .main-sidebar-header .header-logo img) forces every
 * logo image into a fixed 2rem (32px) tall box with no background - on
 * this app's dark sidebar (data-menu-styles="dark" in index.html), a
 * full-colour crest with its own dark tones can end up low-contrast
 * against the dark background even once it's sized up, on top of just
 * being too small to read at 32px. Fixing both: bigger, and given a
 * solid white backing chip so it reads clearly regardless of what
 * colours are in the crest itself.
 */
.app-sidebar .main-sidebar-header .header-logo img {
  height: 3rem;
  width: auto;
  max-width: 9.5rem;
  background: #fff;
  border-radius: 10px;
  padding: 6px 10px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}