/* GRID for working hours within cells — NEW VERSION */
/* Container for working hours */
.database-table td.hours-grid-cell {
  padding: 15px;
}

/* Unordered list style */
.database-table td.hours-grid-cell ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Each day entry uses 4 rows */
.database-table td.hours-grid-cell ul li {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-template-rows: auto auto auto auto;
  row-gap: 8px;
  column-gap: 10px;
  align-items: center;
  background-color: #f9f9f9;
  padding: 10px;
  border-radius: 8px;
}

/* Weekday title */
.database-table td.hours-grid-cell .day-label {
  grid-column: 1 / -1;
  font-weight: normal;
  color: #333;
  text-align: left;
  font-size: 0.95rem;
}

/* Labels for slots */
.database-table td.hours-grid-cell .time-slot-label {
  text-align: center;
  color: #555;
  font-size: 0.85rem;
}

/* Inputs */
.database-table td.hours-grid-cell input {
  padding: 6px 10px;
  font-size: 0.9rem;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
}

/* No hours defined message */
.database-table td.hours-grid-cell em {
  color: #888;
  font-style: italic;
  padding: 5px;
  display: block;
  text-align: center;
}