/* Restaurant setup: opening hours, identity grid and time chips. */
/* Restaurant setup sections: opening hours, zones, positions and export setup. */
.restaurant-dashboard-grid {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(380px,.9fr) minmax(0,1.1fr);
  gap: 12px;
  align-items: start;
}

.restaurant-dashboard-left,
.restaurant-opening-card {
  min-width: 0;
  min-height: 0;
}

.restaurant-dashboard-left,
.restaurant-identity-card,
.restaurant-opening-card {
  display: grid;
}

.restaurant-identity-card,
.restaurant-opening-card {
  align-self: start;
  grid-template-rows: auto auto;
}

.restaurant-identity-grid {
  align-content: start;
}

.restaurant-hours-table-wrap {
  min-height: 0;
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid var(--rst-ui-divider-soft);
  border-radius: var(--rst-ui-radius-lg);
  background: transparent;
}

/* Base styles (width, border-collapse) provided by .rs-table. */
.restaurant-hours-table {
  table-layout: fixed;
}

.restaurant-hours-table th:nth-child(1),
.restaurant-hours-table td:nth-child(1) { width: 24%; }
.restaurant-hours-table th:nth-child(2),
.restaurant-hours-table td:nth-child(2),
.restaurant-hours-table th:nth-child(3),
.restaurant-hours-table td:nth-child(3) { width: 29%; }
.restaurant-hours-table th:nth-child(4),
.restaurant-hours-table td:nth-child(4) { width: 18%; }

.restaurant-hours-table th {
  height: 30px;
  padding: 0 12px;
  color: var(--rst-ui-muted);
  font-size: 10px;
  font-weight: var(--rst-fw-display);
  text-align: left;
  text-transform: uppercase;
  letter-spacing: .06em;
  background: transparent;
}

.restaurant-hours-table td {
  height: 37px;
  padding: 4px 12px;
  border-top: 1px solid var(--rst-ui-divider-soft);
  border-bottom: 0;
}


.restaurant-time-chip {
  width: min(128px,100%);
  min-height: 28px;
  padding: 0 9px;
  gap: 8px;
}

.restaurant-time-chip input {
  width: 100%;
  min-width: 0;
}

/* .rs-table provides tr.is-closed { opacity: .66 } as base. */

.restaurant-time-chip svg {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
}

.restaurant-time-chip input {
  height: 22px;
  font-size: 12px;
}

.restaurant-hours-table td:nth-child(2) .restaurant-time-chip svg { color: var(--rst-service-lunch-accent); }
.restaurant-hours-table td:nth-child(3) .restaurant-time-chip svg { color: var(--rst-service-evening-accent); }