/* Check-in schedule: Check now, monitor level, presence tag and the Settings block. Uses the Foundation tokens from app.css. */
.cad-mon{display:inline-flex;align-items:center;gap:6px;font-size:12px}
.cad-mon .sel{min-width:0;max-width:210px}
.cad-pres{align-self:center;padding:2px 6px;border:1px solid var(--bd);border-radius:3px;white-space:nowrap}
.cad-hint{display:block;font-size:12px;margin-top:2px;max-width:72ch}
.cad-dur{display:inline-flex;gap:6px;align-items:center}
.cad-dur input[type=number]{width:84px}
.cad-form>label{align-self:start;padding-top:6px}
#cad-block table.cad-cost{margin-top:10px;border-collapse:collapse;width:100%;max-width:820px;font-size:12.5px}
#cad-block table.cad-cost th,#cad-block table.cad-cost td{padding:6px 10px;border-bottom:1px solid var(--bd);text-align:left}
#cad-block table.cad-cost th.n,#cad-block table.cad-cost td.n{text-align:right}
#cad-block tfoot td{border-top:1px solid var(--bd2);font-size:12.5px}
.cad-plan{max-width:72ch;margin:10px 0 4px}
@media (max-width:719px){
  .cad-form{grid-template-columns:minmax(0,1fr)}
  .cad-form>label{padding-top:8px}
  .cad-mon{width:100%}
  #cad-block table.cad-cost{display:block;overflow-x:auto}
}