.cl-home-intro {
  max-width: 720px;
}

.cl-login-page {
  display: grid;
  min-height: calc(100vh - 120px);
  place-items: center;
}

.cl-login-panel {
  width: min(380px, 100%);
}

.cl-login-head {
  margin-bottom: var(--cl-space-4);
}

.cl-login-card .cl-card-body {
  display: grid;
  gap: var(--cl-space-3);
}

.cl-calendar-toolbar {
  flex: 0 0 auto;
}

.cl-calendar-section {
  margin-bottom: var(--cl-space-4);
}

.cl-schedule-table {
  min-width: 1240px;
  table-layout: fixed;
}

.cl-schedule-table .cl-col-day {
  width: var(--cl-schedule-day-column);
}

.cl-schedule-table .cl-col-date {
  width: var(--cl-schedule-date-column);
}

.cl-schedule-table .cl-col-title {
  width: var(--cl-schedule-title-column);
}

.cl-schedule-table .cl-col-organizer {
  width: 126px;
}

.cl-schedule-table .cl-col-times {
  width: 92px;
}

.cl-schedule-table .cl-col-care,
.cl-schedule-table .cl-col-tech {
  width: 106px;
}

.cl-schedule-table .cl-col-service {
  width: 150px;
}

.cl-schedule-table .cl-col-staff {
  width: 82px;
}

.cl-schedule-table .cl-col-note {
  width: 140px;
}

.cl-schedule-row.is-empty td,
.cl-schedule-row.is-empty th {
  background: var(--cl-color-surface-muted);
}

.cl-schedule-row.is-today td,
.cl-schedule-row.is-today th {
  box-shadow: inset 0 1px 0 var(--cl-color-accent), inset 0 -1px 0 var(--cl-color-accent);
}

.cl-schedule-row.is-option .cl-schedule-title-cell {
  border-left: 3px solid var(--cl-color-warning);
  padding-left: calc(var(--cl-table-cell-x) - 3px);
}

.cl-schedule-day-cell,
.cl-schedule-date-cell {
  text-align: center;
}

.cl-schedule-day-cell {
  color: var(--cl-color-muted);
  font-weight: 700;
}

.cl-schedule-date-cell {
  color: var(--cl-color-text);
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}

.cl-schedule-service-cell {
  background: var(--cl-color-surface-muted);
}