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

:root {
  --mpm-navy: #211d6d;
  --mpm-green: #60f262;
  --mpm-green-hover: #4ed854;
  --mpm-green-soft: #e8fce9;
}

body,
button,
input,
select,
textarea {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

[data-css='sidebar-branding'] img,
.adminjs_Logo img {
  max-height: 36px;
  width: auto;
}

.adminjs_Button_Contained:hover:not(:disabled),
.adminjs_Button_Contained:focus-visible:not(:disabled) {
  background-color: var(--mpm-green) !important;
  border-color: var(--mpm-green) !important;
  color: var(--mpm-navy) !important;
}

.adminjs_Button_Outlined:hover:not(:disabled),
.adminjs_Button:hover:not(:disabled):not(.adminjs_Button_Contained):not(.adminjs_Button_Text):not(.adminjs_Button_Light):not(.adminjs_Button_Legacy) {
  background-color: var(--mpm-green) !important;
  border-color: var(--mpm-green) !important;
  color: var(--mpm-navy) !important;
}

.adminjs_Button_Text:hover:not(:disabled),
.adminjs_Button_Light:hover:not(:disabled) {
  background-color: var(--mpm-green-soft) !important;
  color: var(--mpm-navy) !important;
}

a:hover:not([class*='Button']),
.adminjs_Link:hover,
.adminjs_Link:hover span {
  color: var(--mpm-green) !important;
}

[data-css='sidebar'] a:hover,
[data-css='sidebar-resources'] a:hover,
.adminjs_NavigationElement:hover {
  background-color: var(--mpm-green-soft) !important;
  color: var(--mpm-navy) !important;
}

.adminjs_Drawer_Filter {
  background-color: #fff !important;
  color: var(--mpm-navy);
  border-left: 4px solid var(--mpm-green);
  box-shadow: -8px 0 24px rgba(33, 29, 109, 0.12);
}

.adminjs_Drawer_Filter h3,
.adminjs_Drawer_Filter label,
.adminjs_Drawer_Filter p {
  color: var(--mpm-navy) !important;
}

.adminjs_Drawer_Filter input,
.adminjs_Drawer_Filter select,
.adminjs_Drawer_Filter textarea {
  background-color: #fff !important;
  color: var(--mpm-navy) !important;
  border-color: #c8c7d8 !important;
}

.adminjs_Drawer_Filter [class*='control'] {
  background-color: #fff !important;
  border-color: #c8c7d8 !important;
}

.adminjs_Badge {
  background-color: var(--mpm-green) !important;
  border-color: var(--mpm-green) !important;
  color: var(--mpm-navy) !important;
  font-weight: 600;
}