/* Daily checklists (D1156). Staff pages only. */

.checklist-day-picker { display: flex; gap: 6px; flex-wrap: wrap; }

.checklist-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: 14px; }
.checklist-card { display: block; color: inherit; text-decoration: none; }
.checklist-card h2 { margin: 0 0 6px; font-size: 1.1rem; }
.checklist-card.is-complete { border-color: var(--green); }
.checklist-progress { margin: 0; }

.checklist-items { list-style: none; margin: 0; padding: 0; }
.checklist-item { display: flex; gap: 16px; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;
  padding: 10px 0; border-bottom: 1px solid var(--line); }
.checklist-item:last-child { border-bottom: 0; }
.checklist-item-words { flex: 1 1 18rem; min-width: 0; }
.checklist-item-title { margin: 0; font-weight: 600; }
.checklist-item-detail { margin: 4px 0 0; padding-left: 1.1rem; color: var(--muted); }
.checklist-item-detail li { margin: 0; }
.checklist-item-slots { display: grid; gap: 6px; flex: 0 1 26rem; }

.checklist-slot { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 4px 8px; border-radius: 6px; }
.checklist-slot.is-done { background: var(--green-soft); }
.checklist-slot.is-due { background: var(--amber-soft); }
.checklist-slot.is-out-of-range { background: var(--red-soft); }
.checklist-slot form { margin: 0; }
.checklist-slot-time { font-weight: 600; min-width: 3.5rem; }
.checklist-slot-result { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; }
.checklist-slot-form { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.checklist-slot-form input[type="text"] { width: 14rem; }
.checklist-reading { display: inline-flex; align-items: center; gap: 4px; }
.checklist-reading input { width: 4.5rem; }
.checklist-warning { color: var(--red); }

.checklist-attention { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.checklist-attention li { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.checklist-attention li.is-overdue strong { color: var(--red); }
.checklist-attention-form { margin: 0; }

.home-checklists { align-items: flex-start; }
.home-checklist-lists { display: flex; flex-wrap: wrap; gap: 6px; }
.home-checklist-chip { padding: 4px 10px; border: 1px solid var(--line-strong); border-radius: 999px; color: inherit;
  text-decoration: none; white-space: nowrap; }
.home-checklist-chip span { color: var(--muted); margin-left: 4px; }
.home-checklist-chip.is-complete { border-color: var(--green); background: var(--green-soft); }
.home-checklist-attention { flex: 1 1 20rem; display: grid; gap: 4px; }
.home-checklist-attention p { margin: 0; }

.checklist-banner { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 8px 16px;
  background: var(--amber-soft); border-bottom: 1px solid var(--amber); }

.checklist-admin-form { display: grid; gap: 10px; justify-items: start; }
.checklist-admin-form .signin-field { width: min(100%, 36rem); }
.checklist-admin-form .checklist-time,
.checklist-admin-form .checklist-short { width: min(100%, 14rem); }
.checklist-days { display: flex; flex-wrap: wrap; gap: 4px 14px; }
.checklist-format summary { cursor: pointer; }
.checklist-format pre { white-space: pre-wrap; font-size: 0.85rem; background: var(--paper-2); padding: 10px; border-radius: 6px; }

/* Preventative maintenance (D1158). */
.maintenance-due { display: grid; gap: 6px; flex: 0 1 30rem; justify-items: start; }
.maintenance-standing { margin: 0; }
.maintenance-task.is-overdue { border-left: 3px solid var(--red); padding-left: 10px; }
.maintenance-task.is-soon { border-left: 3px solid var(--amber); padding-left: 10px; }
.maintenance-history { margin: 4px 0 0; padding-left: 1.1rem; }
.checklist-admin-form .maintenance-every { display: flex; align-items: center; gap: 8px; }
.checklist-admin-form .maintenance-every input { width: 5rem; }
.checklist-admin-form .maintenance-every select { width: auto; }
.home-checklist-chip.is-overdue { border-color: var(--red); color: var(--red); }