.status-pill {white-space:nowrap}
.routine-row,.habit-row {display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.routine-row + .routine-row {margin-top:10px}
.routine-row strong {flex:1;overflow-wrap:anywhere}
.routine-note {display:block;flex-basis:100%;color:var(--muted)}
.habit-row .checked {background:#124e51;color:#9dfbf0;border-color:#25867e}
.habit-panel,.routine-panel,.cloud-panel {margin-bottom:17px}
.calendar-days.month {grid-template-columns:repeat(7,minmax(0,1fr))}
.month .day-tile {min-height:74px;color:var(--text);padding:5px;text-align:center}
.month .day-tile.outside {opacity:.55}
.month .day-small {margin-top:3px}
.week-tile {color:var(--text)}
.week-tile .day-small {overflow-wrap:anywhere}
.conflict {display:grid;gap:7px;padding:12px;margin-top:12px;background:#162d3d;border-radius:10px;overflow-wrap:anywhere}
.conflict p {margin:0;white-space:pre-wrap}
.chart-row {display:grid;grid-template-columns:3em minmax(0,1fr) 4em;gap:10px;align-items:center;margin-top:8px}
.chart-row meter {width:100%;accent-color:var(--teal)}
.chart-row meter::-webkit-meter-optimum-value {background:var(--teal)}
.sync-form {max-width:420px;margin-top:14px}
.checkbox-grid {display:flex;flex-wrap:wrap;gap:10px}
.day-tile,.time-row,.time-block {font:inherit}
button.time-row {width:100%;padding:0;background:transparent;border:0;border-bottom:1px solid #1a3647;text-align:left}
button.time-block {text-align:left;color:var(--text)}
textarea[data-journal] {white-space:pre-wrap}
@media(max-width:750px) {
  .month .day-tile {min-height:60px}
  .month .day-number {font-size:17px}
  .month .day-small {font-size:9px}
  .mobile-nav {overflow-x:auto;justify-content:safe center}
  .mobile-nav button {flex:0 0 51px}
}