.settlement-toolbar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin:20px 0 16px;
  padding:20px;
  border:1px solid #d9e8e4;
  border-radius:16px;
  background:#f8fbfa
}

.settlement-toolbar h3,
.settlement-toolbar p{
  margin:0
}

.settlement-toolbar p{
  margin-top:6px;
  color:#64748b;
  max-width:760px
}

.settlement-summary{
  display:grid;
  grid-template-columns:auto auto;
  align-items:center;
  gap:5px 16px;
  min-width:210px;
  padding:14px 18px;
  border-radius:13px;
  background:#fff;
  border:1px solid #dce7e4
}

.settlement-summary small{
  color:#64748b
}

.settlement-summary strong{
  text-align:right;
  font-size:20px;
  color:#147d71
}

.settlement-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-bottom:16px
}

.settlement-fields label{
  display:grid;
  gap:6px;
  font-weight:700
}

.settlement-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:16px;
  padding:18px 20px;
  border-radius:14px;
  background:#f1f8f6
}

.settlement-footer>div{
  display:grid;
  gap:3px
}

.settlement-footer small{
  color:#64748b
}

.settlement-footer strong{
  font-size:18px
}

.settlement-check,
#settlement-select-all{
  width:18px;
  height:18px;
  cursor:pointer
}

@media(max-width:800px){
  .settlement-toolbar,
  .settlement-footer{
    align-items:stretch;
    flex-direction:column
  }

  .settlement-fields{
    grid-template-columns:1fr
  }

  .settlement-summary{
    width:100%;
    box-sizing:border-box
  }
}