/* GREEN THEME OVERRIDES — load after styles.css */
:root{
  --accent:#22c55e;        /* primary green */
  --accent-2:#86efac;      /* lighter green for gradients */
  --accent-glow:34,197,94; /* rgb() for glows */
}

/* Chip dot */
.brand .chip .dot{
  background: radial-gradient(circle at 35% 35%, #bbf7d0 0 26%, #86efac 27% 58%, var(--accent) 59% 100%);
  box-shadow:0 0 10px rgba(var(--accent-glow), .35);
}

/* Card focus ring + glow */
.card.focused{
  border-color:var(--accent);
  box-shadow:0 0 20px rgba(var(--accent-glow), .5), 0 18px 36px rgba(0,0,0,.38);
  filter:brightness(1.03);
}

/* Menu list colours */
.side-item:hover,
.side-item.active{ background:var(--accent); color:#fff }
.side-item .mi-step{ color:var(--accent) }
.side-item.active .mi-step{ color:#064e3b } /* deep green */

/* Scrollbar thumb */
.side-list::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, var(--accent), var(--accent-2));
  border-radius:5px;
}
.side-list::-webkit-scrollbar-thumb:hover{ background:var(--accent) }

/* Bottom nav round buttons */
.unit-main .nav-bar button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 2px solid var(--accent);
  background: var(--accent);
  color: #fff;
  font-weight: 900;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.95;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.unit-main .nav-bar button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 12px var(--accent);
}

.unit-main .nav-bar button:disabled {
  opacity: 0.25;
  cursor: not-allowed;
  box-shadow: none;
}