.stackr-room-reserve-room-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0;
  border-bottom: 1px solid #ddd;
}

.stackr-room-reserve-room-tab-wrapper {
  list-style: none;
  margin: 0;
  padding: 0;
}

.stackr-room-reserve-room-tab {
  display: inline-block;
  padding: 0.5rem 1rem;
  background-color: #f7f7f7;
  color: #333;
  border: 1px solid #ddd;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  margin-bottom: -1px;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.stackr-room-reserve-room-tab:hover,
.stackr-room-reserve-room-tab:focus {
  background-color: #e9ecef;
  color: #333;
  text-decoration: none;
}

.stackr-room-reserve-room-tab.is-active {
  background-color: #fff;
  color: #000;
  border-color: #ddd;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.08);
}

.stackr-room-reserve-room-tabs__empty {
  padding: 0.75rem 1rem;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #666;
}

.stackr-room-reserve-calendar-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0;
}

.stackr-room-reserve-month-label {
  font-size: 1.25rem;
  font-weight: 600;
}

.stackr-room-reserve-nav-link {
  text-decoration: none;
}

.stackr-room-reserve-day-cell.is-today {
  background-color: #e0e0e0;
}

.stackr-room-reserve-day-cell.is-today .day-number {
  font-weight: 600;
}

.stackr-room-reserve-calendar thead th {
  background-color: #ddd;
}

.stackr-room-reserve-day-cell .day-number {
  font-weight: 600;
  margin-bottom: 0.35rem;
}

.stackr-room-reserve-day-cell .day-number-link {
  display: inline-block;
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  color: inherit;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out;
}

.stackr-room-reserve-day-cell .day-number-link:hover,
.stackr-room-reserve-day-cell .day-number-link:focus {
  background-color: #f0f0f0;
  text-decoration: none;
}

.stackr-room-reserve-day-view {
  /*max-width: 960px;*/
  margin: 0 auto 2rem;
}

.stackr-room-reserve-day-view__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.stackr-room-reserve-day-view__header h2 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
}

.stackr-room-reserve-day-view__actions .btn {
  background-color: #f5f5f5;
  color: #333;
  border: 1px solid #ccc;
}

.stackr-room-reserve-day-view__actions .btn:hover,
.stackr-room-reserve-day-view__actions .btn:focus {
  background-color: #e6e6e6;
  color: #333;
}

.stackr-room-reserve-day-view__summary {
  margin-bottom: 1.5rem;
}

.stackr-room-reserve-timeline {
  table-layout: fixed;
  width: 100%;
}

.stackr-room-reserve-timeline th,
.stackr-room-reserve-timeline td {
  text-align: center;
  vertical-align: middle;
}

.stackr-room-reserve-timeline .timeline-room-header,
.stackr-room-reserve-timeline .timeline-room {
  text-align: left;
  width: 180px;
  background-color: #f7f7f7;
  font-weight: 600;
}

.stackr-room-reserve-timeline .timeline-hour {
  font-size: 1.5rem;
  color: #666;
}

.stackr-room-reserve-timeline .timeline-slot {
  padding: 0.35rem;
  position: relative;
}

.stackr-room-reserve-timeline .timeline-slot--empty {
  background-color: #fafafa;
}

.stackr-room-reserve-timeline .timeline-slot--busy {
  background-color: #d9edf7;
  border-left: 1px solid #bce8f1;
  border-right: 1px solid #bce8f1;
}

.timeline-reservation {
  text-align: left;
}

.timeline-reservation__time {
  font-size: 1.2rem;
  color: #31708f;
  font-weight: 600;
}

.timeline-reservation__title {
  font-size: 1.2rem;
  color: #245269;
}


/********************************/
td {
  width: 13%;
  text-align: ;
}
.use-ajax.stackr-room-reserve-res-item {
}
.button.button--small.stackr-room-reserve-add {
  float: right;
  padding: 1px 6px;
  border: 1px solid #ddd;
  border-radius: 5px;
}