a[data-css="sidebar-logo"] img,
a[data-css="sidebar-logo"] svg {
  display: none !important;
}

a[data-css="sidebar-logo"] {
  background: url("/static/logo-mmb.png") no-repeat center;
  background-size: contain;
  height: 44px;
  min-height: 44px;
}

@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap");

body,
#app {
  background: #1d1d1b;
  font-family: "Space Grotesk", "IBM Plex Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

button,
input,
select,
textarea {
  font-family: "Space Grotesk", "IBM Plex Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.login__Wrapper {
  background: #1d1d1b !important;
}

.login__Wrapper .mmb-login-card,
.login__Wrapper form {
  background: #262627 !important;
  border: 1px solid #2e2e2e !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.login__Wrapper label,
.login__Wrapper input,
.login__Wrapper button,
.login__Wrapper h2,
.login__Wrapper h5,
.login__Wrapper p {
  color: #ffffff !important;
}

.login__Wrapper input {
  background: #1b1b1b !important;
  border-color: #2e2e2e !important;
}

.login__Wrapper button {
  background: #e10500 !important;
  border-color: #e10500 !important;
}

/* List action buttons (create/filter) */
[data-css$="-new-button"],
[data-css$="-filter-button"] {
  color: #ffffff !important;
}

[data-css$="-new-button"] svg,
[data-css$="-filter-button"] svg {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

[data-css$="-filter-button"],
.mmb-action-button--filter {
  border: 1px solid #ffffff !important;
}

[data-css$="-new-button"]:hover,
[data-css$="-filter-button"]:hover,
.mmb-action-button--filter:hover,
.mmb-action-button--new:hover {
  background: #2b2b2b !important;
}