/* PLIANT header logo is a wide banner (1330x254, ~5:1). Gatus renders it in a
   square w-20 h-20 (80x80) box with object-contain, so it shows tiny. Override
   to give it banner width and auto height. Target both by src and the Gatus classes. */
img[src="/assets/pliant.png"],
img.w-20.h-20 {
  width: auto !important;
  height: 3.5rem !important;   /* ~56px tall */
  max-height: 3.5rem !important;
  max-width: 22rem !important; /* allow the wide banner room */
  object-fit: contain !important;
}

/* Match dark bg to PLIANT logo #2B0A14. app.css defines :root.dark{--background:...}
   and loads AFTER custom.css, so !important is required to win the cascade tie. */
html.dark {
  --background: 341.8 62.3% 10.4% !important;
  --card:       341.8 62.3% 15.4% !important;
  --popover:    341.8 62.3% 15.4% !important;
}