/* ══ CHECK-IN ════════════════════════════ */


/* Sticky item header inside scroll */
  position:sticky;top:0;z-index:10;
  background:var(--cd);
  padding:10px 16px 10px;
  border-bottom:1px solid var(--ln2);
  display:flex;align-items:center;gap:10px;
  margin-bottom:0;
}


/* Each monitoring point card */

/* Scale options — vertical list */
.tag-ideal{background:var(--d1bg);color:var(--drift1);letter-spacing:.04em;text-transform:uppercase}
.tag-last{background:var(--ln2);color:var(--mu)}

/* Chip groups */

/* Notes */

/* Group flash */

/* Summary */

/* Footer */


/* ── Graphic selectors ── */
/* Body map */
.body-map-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}
.body-map-selected{font-size:11px;color:var(--drift0);font-weight:500;min-height:16px;text-align:center}


/* ── Pill options (horizontal) ── */

/* ── Grid options (2-col cards) ── */

/* ── 3-way toggle (Less/Normal/More) ── */


/* ── Sentence panel ── */
.sent-group{margin-bottom:20px;background:var(--cd);border-radius:var(--r);padding:16px;box-shadow:var(--sh)}
.sent-group-hdr{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--ln2)}
.sent-group-icon{font-size:18px}
.sent-group-name{font-size:14px;font-weight:600;color:var(--ink)}
.sent-body{font-size:16px;color:var(--ink2);line-height:1.9;font-family:var(--serif)}
.sent-blank{display:inline-flex;align-items:center;gap:3px;background:var(--d0bg);border:1.5px dashed var(--drift1);color:var(--drift0);cursor:pointer;padding:2px 8px 2px 8px;border-radius:6px;transition:all .15s;font-family:var(--sans);font-size:13px;font-weight:500;vertical-align:middle;position:relative;white-space:nowrap;line-height:1.5}
.sent-blank::after{content:'▾';font-size:10px;opacity:.7}
.sent-blank:active{background:var(--d1bg);transform:scale(.96)}
.sent-blank.filled{border-style:solid;border-color:var(--drift0);color:var(--drift0);background:var(--d0bg)}
.sent-blank.filled::after{content:'✎';font-size:9px;opacity:.5}
.sent-blank.active-blank{border-color:var(--drift0);box-shadow:0 0 0 3px rgba(26,74,46,.15);animation:blankGlow 1.2s ease-in-out infinite}
/* ── Check-in inline-expand ── */
/* Expanded options area */
/* ── Checklist rows ── */
.ci4-list{display:flex;flex-direction:column;padding:8px 0}

.ci4-item{
  display:flex;align-items:stretch;
  margin:0 16px;
  padding:14px 0;
  border-bottom:0.5px solid rgba(0,0,0,.06);
  transition:opacity .2s,padding .2s;
}
.ci4-item:last-child{border-bottom:none}
.ci4-item.collapsed{padding:10px 0;cursor:pointer}
.ci4-item.collapsed .ci4-item-body{display:none}
.ci4-item-summary{display:none;flex:1;padding-left:14px;font-size:12px;color:var(--mu);align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ci4-item.collapsed .ci4-item-summary{display:flex}

/* Left label — icon + text stacked */
.ci4-item-lbl{
  width:56px;flex-shrink:0;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  gap:3px;padding-top:2px;padding-right:6px;
  position:relative;
}
.ci4-item-lbl::after{
  content:'';position:absolute;right:0;top:4px;bottom:4px;
  width:1px;background:rgba(0,0,0,.08);
  transition:background .3s;
}
.ci4-item-lbl.done::after{background:var(--drift0);opacity:.5}
.ci4-item-lbl.done.warn::after{background:var(--drift2);opacity:.8}
.ci4-item-lbl.done.warn .ci4-item-name{color:var(--drift2)}
.ci4-item-lbl.done.warn .ci4-item-icon{filter:none}
.ci4-item-lbl.warn-dot::before{content:'';position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--drift2)}
.ci4-item-icon{
  font-size:18px;line-height:1;
  filter:grayscale(.4);
  transition:filter .3s,transform .3s;
  display:flex;align-items:center;justify-content:center;
  color:var(--mu);
}
.ci4-item-lbl.done .ci4-item-icon{filter:grayscale(0);transform:scale(1.05);color:var(--drift0)}
.ci4-item-name{
  font-size:9.5px;font-weight:500;letter-spacing:.01em;
  color:var(--mu);text-transform:none;
  transition:color .3s;line-height:1.2;text-align:center;
}
.ci4-item-lbl.done .ci4-item-name{color:var(--drift0)}