/* List times share the category line; calendar times share the description line. */
.records-date { vertical-align: top; }
.records-date-value { display: block; line-height: 17.55px; }
.records-date .records-time {
  display: flex;
  align-items: center;
  margin-top: 6px;
  min-height: 22px;
  font-size: calc(1em - 1px);
  font-weight: 400;
  line-height: 1.2;
  opacity: .85;
  font-variant-numeric: tabular-nums;
}
html:root body.app-shell-page .records-calendar-day-item {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  column-gap: 8px;
  align-items: start;
}
html:root body.app-shell-page .records-calendar-day-item > .records-calendar-day-time {
  color: var(--theme-muted, #6f7c90);
  font-size: 11px;
  line-height: 20.3px;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  margin: 0;
}
html:root body.app-shell-page .records-calendar-day-classification :is(.records-category, .records-detail-badge, .records-entry-kind) {
  min-height: 20px;
  padding: 2px 6px;
  font-size: 10px;
  line-height: 16px;
  font-weight: 500;
}
html:root body.app-shell-page .records-calendar-day-classification .records-category-icon { font-size: 10px; }
.app-calendar-footer:has(.app-calendar-time-setting) {
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.app-calendar-time-setting {
  display: flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  color: var(--theme-muted, #68758a);
  font-size: 12px;
}
.app-calendar-time-setting svg { display: block; width: 15px; height: 15px; }
.app-calendar-time-setting label { margin: 0; font-weight: 400; }
html:root body #record-editor .app-calendar-time-setting input {
  width: 76px;
  min-height: 34px;
  height: 34px;
  padding: 6px 9px;
  border: 1px solid var(--kkaebu-line, #dce5e1);
  border-radius: 8px;
  background: transparent;
  color: var(--ink, #253249);
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  text-align: center;
  box-shadow: none;
}