/* =========================================================
   Upkeep, and editing tasks and areas (features/upkeep, features/house)
   ========================================================= */
/* Upkeep */
.upkeep-intro { padding: 0 2px; }
.upkeep-row { align-items: center; }
.upkeep-room .upkeep-row { display: flex; align-items: center; gap: var(--s2); }
.upkeep-room .upkeep-row .btn { width: auto; margin-top: 0; flex: none; }
.upkeep-room .upkeep-row { padding: 8px 0; border-bottom: 1px solid var(--line); background: transparent; }
.upkeep-hist-title { margin-top: var(--s2); }
.upkeep-hist { padding: 2px 0; }

/* Editing tasks and areas */
.other-areas { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2); }
.chip-add { display: inline-flex; align-items: center; gap: 4px; color: var(--muted); border-style: dashed; }
.edit-jobs { box-shadow: none; border: 1px solid var(--line); margin-bottom: var(--s2); }
.edit-job { gap: var(--s2); padding: var(--s2) var(--s3); }
.edit-job .check-row { padding: 0; }
.edit-job.is-off strong { color: var(--muted); text-decoration: line-through; }
.field textarea { font: inherit; }
.edit-job .check-row { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; text-align: left; gap: var(--s3); flex: 1; min-width: 0; }
.edit-job .check-row > span { display: block; }
.edit-job .check-row input { flex: none; }