/* Increase MicroGui logo size */
img[src$="logo_mgui.png"] {
  height: 64px !important;
  width: auto !important;
}

@media (max-width: 600px) {
  img[src$="logo_mgui.png"] {
    height: 40px !important;
  }
}

/* Top bar / header background and text/icon color overrides for Material theme */
header.md-header,
.md-header,
.md-top,
.md-header__inner,
.md-header .md-header-nav,
.md-toolbar,
.md-top-app-bar,
.md-header--primary {
  background-color: #5900CC !important;
  background-image: none !important;
  color: #ffffff !important;
}

/* Nav links, logo text and icons */
.md-header .md-nav__link,
.md-header .md-nav__title,
.md-header .md-nav__icon,
.md-header .md-icon,
.md-header a,
.md-header a span,
.md-header .md-logo {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Active tab / selection indicator — header only */
.md-header .md-tabs__link--active,
.md-header .md-nav__link--active,
.md-header .md-tabs__link[aria-selected="true"],
.md-header .md-nav__link[aria-current="page"] {
  color: #ffffff !important;
  border-bottom-color: rgba(255,255,255,0.2) !important;
}

/* Ensure search and other controls show white icons */
.md-header .md-icon,
.md-header button,
.md-header .md-search__input,
.md-header .md-search__icon {
  color: #ffffff !important;
}