/* Wide Home Today lessons: Fold, tablets and desktop. Phone styles,
 * lesson buttons, handlers and the three Home columns stay intact. */
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"]) body.homeDashboardApp #app #homeTodayList .peHomeTodayWideRow {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 4px !important;
  min-width: 0;
  min-height: 0;
  padding: 9px 0;
  text-align: left;
  box-sizing: border-box;
}
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"]) body.homeDashboardApp #app #homeTodayList .peHomeTodayWideRow > :is(.homeTodayPeriod, .homeUpcomingInfo, .homeTodayStart) { display: none !important; }
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"]) body.homeDashboardApp #app #homeTodayList .peHomeTodayInfoBlock {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  min-width: 0;
  text-align: left;
}
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"]) body.homeDashboardApp #app #homeTodayList .peHomeTodayHead {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  min-width: 0;
  min-height: 24px;
}
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"]) body.homeDashboardApp #app #homeTodayList .peHomeTodayPeriod {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 6px;
  border-radius: 6px;
  min-height: 22px;
  box-sizing: border-box;
  color: #13806c;
  background: #eaf6f2;
  font-size: var(--pe-today-detail-size);
  line-height: 1.4;
  font-weight: 800;
  white-space: nowrap;
}
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"]) body.homeDashboardApp #app #homeTodayList :is(.peHomeTodayClass, .peHomeTodaySubject) {
  display: block;
  min-width: 0;
  margin: 0;
  color: #213a4f;
  font-size: var(--pe-today-title-size) !important;
  font-weight: var(--pe-today-title-weight) !important;
  line-height: 1.5;
  text-align: left;
}
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"]) body.homeDashboardApp #app #homeTodayList .peHomeTodayClass { white-space: nowrap; }
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"]) body.homeDashboardApp #app #homeTodayList .peHomeTodaySubjectLine {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 64px;
  align-items: start;
  gap: 6px;
  min-width: 0;
  min-height: 26px;
}
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"]) body.homeDashboardApp #app #homeTodayList .peHomeTodaySubject {
  padding-top: 4px;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"]) body.homeDashboardApp #app #homeTodayList :is(.peHomeTodayLesson, .peHomeTodayActivity, .peHomeTodayPlace) {
  display: block;
  min-width: 0;
  margin: 0;
  color: #84918e;
  font-size: var(--pe-today-detail-size) !important;
  font-weight: var(--pe-today-detail-weight) !important;
  line-height: 1.5;
  text-align: left;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"]) body.homeDashboardApp #app #homeTodayList .peHomeTodayLesson { padding-top: 5px; white-space: nowrap; text-align: right; }
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"]) body.homeDashboardApp #app #homeTodayList .peHomeTodayPlace { color: #5d7483; }
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"]) body.homeDashboardApp #app #homeTodayList .peHomeTodayMeta {
  min-width: 0;
  text-align: left;
  font-size: var(--pe-today-detail-size);
  line-height: 1.5;
}
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"]) body.homeDashboardApp #app #homeTodayList .peHomeTodayMeta > :is(.peHomeTodayActivity, .peHomeTodayPlace) { display: block; }
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"]) body.homeDashboardApp #app #homeTodayList :is(.peHomeTodayMeta[hidden], .peHomeTodayMeta > [hidden]) { display: none !important; }
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"]) body.homeDashboardApp #app #homeTodayList .peHomeTodayWideItem {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 0 6px;
  min-width: 0;
  padding: 0 0 7px;
}
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"]) body.homeDashboardApp #app #homeTodayList .peHomeTodayWideItem > .peHomeTodayWideRow {
  grid-column: 1 / -1;
  grid-row: 1;
  padding-bottom: 0;
}
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"]) body.homeDashboardApp #app #homeTodayList .peHomeTodayWideItem > .peHomeTodayMeta {
  grid-column: 1;
  grid-row: 2;
  align-self: center;
  padding: 4px 0;
}
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"]) body.homeDashboardApp #app #homeTodayList :is(.peHomeTodayStatus, .peHomeTodayEditPill) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 64px;
  width: 64px;
  min-width: 64px;
  max-width: 64px;
  height: 26px;
  min-height: 26px;
  max-height: 26px;
  padding: 0 4px;
  box-sizing: border-box;
  border: 0;
  border-radius: 6px;
  line-height: 1.3;
  text-align: center;
  white-space: nowrap;
  color: #fff;
}
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"]) body.homeDashboardApp #app #homeTodayList .peHomeTodayStatus {
  justify-self: end;
  background: #e9f6f2;
  color: #137d65;
  font-size: var(--pe-today-status-size);
  font-weight: 950;
}
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"]) body.homeDashboardApp #app #homeTodayList .peHomeTodayCompletedBadge {
  background: #111;
  color: #fff;
}
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"]) body.homeDashboardApp #app #homeTodayList .peHomeTodayWideItem > .homeTodayRecordEdit {
  grid-column: 2;
  grid-row: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  min-width: 64px;
  max-width: 64px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  box-shadow: none;
}
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"]) body.homeDashboardApp #app #homeTodayList .peHomeTodayEditPill { background: #168ee0; font: inherit; }
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"]) body.homeDashboardApp #app #homeTodayList .homeTodayRecordEdit:hover > .peHomeTodayEditPill { background: #087dcc; }

/* Keep date, line and dot tracks fixed; add room on the content side. */
html:is([data-pe-device="desktop"], [data-pe-device="tablet"], [data-pe-fold-wide="true"])
  body.homeDashboardApp #app #homeUpcomingList .homeUpcomingRow > .homeUpcomingInfo {
  min-width: 0;
  box-sizing: border-box;
  padding-inline-start: 8px;
}