.status-icon {
  display: inline-block;
  margin-right: 4px;
  font-weight: bold;
  width: 1.5em; /* <— a fixed width (adjust as necessary) */
  text-align: center; /* centre the glyph inside that 1.5em box */
}
.status-available {
  color: green;
}
.status-unavailable {
  color: red;
}
.status-gig {
  color: #470c58;
}

/* Alternate row background-colours for upcoming gigs list */
/*
#upcomingGigsList li:nth-child(odd) {
  background-color: #f9f9f9; 
}

#upcomingGigsList li:nth-child(even) {
  background-color: #d6d6d6; 
}
*/

/* Toggle switch & header alignment */
.welcome-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* layout for three filter toggles */
.toggle-container {
  display: flex;
  gap: 1rem;
}

/*
.gigs-only #upcomingGigsList li.availability-item {
  display: none;
}
*/

/* new per‐filter hide rules */
#upcomingGigsSection.hide-gigs li.gig-item,
#upcomingGigsSection.hide-rehearsals li.rehearsal-item,
#upcomingGigsSection.hide-unavailable li.availability-item {
  display: none;
}

/* Remove bullet dots & indent from our two lists */
#upcomingGigsList,
#invitesList {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}