html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

.root {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* ── GHS Sample Tracker Branding ── */
:root {
  --mdc-theme-primary: #006b3f !important;
  --mdc-theme-secondary: #fcd116 !important;
  --mdc-theme-surface: #ffffff !important;
  --mdc-theme-on-primary: #ffffff !important;
}

/* Login page left panel */
#root > div > div:first-child,
.makeStyles-sidebar-2,
[class*="sidebar"],
[class*="login"] > div:first-child {
  background: linear-gradient(160deg, #006b3f 0%, #004d2c 60%, #ce1126 100%) !important;
}

/* Top app bar */
header, .MuiAppBar-root, [class*="MuiAppBar"] {
  background-color: #006b3f !important;
}

/* Buttons */
.MuiButton-containedPrimary, [class*="MuiButton-containedPrimary"] {
  background-color: #006b3f !important;
}
.MuiButton-containedPrimary:hover {
  background-color: #004d2c !important;
}

/* FAB / action buttons */
.MuiFab-primary, [class*="MuiFab-primary"] {
  background-color: #fcd116 !important;
  color: #006b3f !important;
}

/* Selected/active states */
.MuiListItem-root.Mui-selected,
[class*="MuiListItem-root"][class*="Mui-selected"] {
  background-color: rgba(0,107,63,0.12) !important;
}

/* Links and active icons */
.MuiListItemIcon-root, [class*="MuiListItemIcon"] {
  color: #006b3f;
}

/* Map marker color override */
.device-marker { filter: hue-rotate(130deg) !important; }

/* ── GHS Sample Tracker Branding ── */
:root {
  --mdc-theme-primary: #006b3f !important;
  --mdc-theme-secondary: #fcd116 !important;
  --mdc-theme-surface: #ffffff !important;
  --mdc-theme-on-primary: #ffffff !important;
}

/* Login page left panel */
#root > div > div:first-child,
.makeStyles-sidebar-2,
[class*="sidebar"],
[class*="login"] > div:first-child {
  background: linear-gradient(160deg, #006b3f 0%, #004d2c 60%, #ce1126 100%) !important;
}

/* Top app bar */
header, .MuiAppBar-root, [class*="MuiAppBar"] {
  background-color: #006b3f !important;
}

/* Buttons */
.MuiButton-containedPrimary, [class*="MuiButton-containedPrimary"] {
  background-color: #006b3f !important;
}
.MuiButton-containedPrimary:hover {
  background-color: #004d2c !important;
}

/* FAB / action buttons */
.MuiFab-primary, [class*="MuiFab-primary"] {
  background-color: #fcd116 !important;
  color: #006b3f !important;
}

/* Selected/active states */
.MuiListItem-root.Mui-selected,
[class*="MuiListItem-root"][class*="Mui-selected"] {
  background-color: rgba(0,107,63,0.12) !important;
}

/* Links and active icons */
.MuiListItemIcon-root, [class*="MuiListItemIcon"] {
  color: #006b3f;
}

/* Map marker color override */
.device-marker { filter: hue-rotate(130deg) !important; }