/* Split the Check - focused UI polish for shared-check testing */

/* Keep page gutters visible at every viewport width. */
.checks-page .app{
  width:min(1120px,calc(100% - 24px))!important;
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:520px){
  .checks-page .app{width:calc(100% - 16px)!important}
}

/* Saved Checks: shared participant avatars sit immediately left of the action menu. */
#checkList .check-list-row{
  grid-template-columns:minmax(0,1fr) auto auto!important;
}
.saved-check-share-avatars{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  min-width:0!important;
  margin-right:0!important;
  padding-left:4px!important;
}
.saved-check-share-avatar{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  margin-left:-7px!important;
  overflow:hidden!important;
  border:2px solid #fafafa!important;
  border-radius:50%!important;
  background:#e8f2ff!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  color:#0878e8!important;
  font-size:9px!important;
  font-weight:850!important;
  line-height:1!important;
}
.saved-check-share-avatar:first-child{margin-left:0!important}
.saved-check-share-avatar.has-photo{color:transparent!important}
.saved-check-share-extra{background:#f1f3f5!important;color:#59606b!important;font-size:8px!important}

/* Imported item receipt/location flag aligns to the right edge of the cost field. */
#itemsCard details.editable-item.collapsible-item .editable-item-body .editable-item-lower-row .editable-item-meta-row{
  width:100%!important;
  justify-content:flex-end!important;
  align-items:center!important;
  margin:0!important;
  padding-top:9px!important;
  flex-wrap:wrap!important;
}
#itemsCard details.editable-item.collapsible-item .editable-item-body .editable-item-lower-row .editable-item-meta-row .item-unit-badge{
  margin-left:auto!important;
  margin-right:0!important;
}
#itemsCard details.editable-item.collapsible-item .editable-item-body .editable-item-lower-row .editable-item-meta-row .item-source-badge{
  margin-left:0!important;
  margin-right:0!important;
  text-align:right!important;
}

@media(max-width:720px){
  #checkList .check-list-row{
    grid-template-columns:minmax(0,1fr) auto auto!important;
  }
  #itemsCard details.editable-item.collapsible-item .editable-item-body .editable-item-lower-row .editable-item-meta-row{
    justify-content:flex-end!important;
    padding-top:10px!important;
  }
}

@media(max-width:430px){
  #checkList .check-list-row{gap:8px!important}
  .saved-check-share-avatar{width:27px!important;height:27px!important;margin-left:-8px!important}
}