.itinerary-day-content {
  display: contents;
}

.personal-reminders {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px dashed rgba(214, 186, 145, .9);
}

.personal-reminder-card {
  position: relative;
  background: #fffdf5;
  border-color: #e9c77e;
}

.personal-reminder-card .time {
  background: #fff0bd;
  color: #80550d;
}

.personal-reminder-card .desc:empty {
  display: none;
}

.personal-reminder-actions {
  display: flex;
  gap: 6px;
  margin-top: 8px;
}

.personal-reminder-action {
  min-height: 36px;
  padding: 5px 10px;
  border: 1px solid #dbc394;
  border-radius: 8px;
  background: #fff;
  color: #614b37;
  font: inherit;
  font-size: .75rem;
  font-weight: 850;
  cursor: pointer;
}

.personal-reminder-action.delete {
  color: #a54035;
  border-color: #e4b3ac;
}

.personal-reminder-add {
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 72px;
  padding: 10px;
  border: 2px dashed #d8bc8c;
  border-radius: 12px;
  background: rgba(255, 253, 248, .72);
  color: #745c44;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}

.personal-reminder-add span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  margin-bottom: 4px;
  border-radius: 50%;
  background: #f2d79f;
  color: #62451e;
  font-size: 1.45rem;
  line-height: 1;
}

.personal-reminder-dialog {
  width: min(calc(100% - 28px), 440px);
  padding: 0;
  border: 1px solid #dfc79f;
  border-radius: 14px;
  background: #fffdf8;
  color: #4d3728;
  box-shadow: 0 18px 50px rgba(62, 40, 22, .25);
}

.personal-reminder-dialog::backdrop {
  background: rgba(54, 38, 26, .45);
  backdrop-filter: blur(2px);
}

.personal-reminder-dialog form {
  display: grid;
  gap: 12px;
  padding: 16px;
}

.feature-dialog-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.feature-dialog-head h2 {
  margin: 1px 0 0;
  font-size: 1.2rem;
  line-height: 1.25;
}

.feature-dialog-kicker {
  margin: 0;
  color: #8c704f;
  font-size: .74rem;
  font-weight: 850;
}

.feature-icon-button {
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #dfc79f;
  border-radius: 50%;
  background: #fff;
  color: #5e4733;
  font: inherit;
  font-size: 1.4rem;
  cursor: pointer;
}

.personal-reminder-dialog label {
  display: grid;
  gap: 5px;
  color: #5d4937;
  font-size: .82rem;
  font-weight: 850;
}

.personal-reminder-dialog input,
.personal-reminder-dialog textarea,
.personal-reminder-dialog select {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 9px 10px;
  border: 1px solid #d8c5a7;
  border-radius: 9px;
  background: #fff;
  color: #4d3728;
  font: inherit;
  font-size: .9rem;
}

.personal-reminder-dialog textarea {
  resize: vertical;
}

.feature-form-error {
  min-height: 1.2em;
  margin: -3px 0 0;
  color: #b34337;
  font-size: .78rem;
  font-weight: 800;
}

.feature-dialog-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.feature-primary-button,
.feature-secondary-button {
  min-height: 44px;
  border-radius: 9px;
  font: inherit;
  font-size: .88rem;
  font-weight: 900;
  cursor: pointer;
}

.feature-primary-button {
  border: 1px solid #4d3728;
  background: #4d3728;
  color: #fff;
}

.feature-secondary-button {
  border: 1px solid #d8c5a7;
  background: #fff;
  color: #5d4937;
}

.tab[data-page^='day'] {
  touch-action: pan-x;
  -webkit-user-select: none;
  user-select: none;
  transition: transform .16s ease, box-shadow .16s ease;
}

.tab.schedule-longpress-active {
  transform: scale(.96);
  box-shadow: inset 0 0 0 2px rgba(77, 55, 40, .2);
}

.schedule-dialog-copy {
  margin: -3px 0 0;
  color: #74614f;
  font-size: .82rem;
}

.schedule-sync-status {
  margin: 0;
  padding: 8px 10px;
  border: 1px solid #dfc79f;
  border-radius: 9px;
  background: #fff8e8;
  color: #725635;
  font-size: .78rem;
  font-weight: 800;
}

.schedule-sync-status[data-status='synced'] {
  border-color: #acd2bd;
  background: #eef8f1;
  color: #35684c;
}

.schedule-sync-status[data-status='error'] {
  border-color: #e2b0a9;
  background: #fff0ed;
  color: #9b3e34;
}

.schedule-signed-out,
.schedule-signed-in {
  display: grid;
  gap: 10px;
}

.schedule-signed-out[hidden],
.schedule-signed-in[hidden] {
  display: none;
}

.schedule-google-button {
  width: 100%;
}

.schedule-account-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid #dfc79f;
  border-radius: 9px;
  background: #fff;
}

.schedule-account-row div {
  display: grid;
  min-width: 0;
}

.schedule-account-row span {
  color: #8a745d;
  font-size: .7rem;
  font-weight: 800;
}

.schedule-account-row strong {
  overflow: hidden;
  color: #4d3728;
  font-size: .8rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.schedule-sign-out {
  flex: 0 0 auto;
  min-height: 36px;
  padding: 5px 10px;
  font-size: .76rem;
}

@media (max-width: 480px) {
  .personal-reminders {
    margin-top: 10px;
    padding-top: 9px;
  }

  .personal-reminder-add {
    min-height: 60px;
    font-size: .8rem;
  }

  .personal-reminder-add span {
    width: 30px;
    height: 30px;
    font-size: 1.25rem;
  }
}