/* Release 1.7.5.1 - taken voor een of meerdere gezinsleden */
.r175-assignees{
  margin:18px 0;
  padding:17px;
  border:1px solid rgba(137,96,20,.16);
  border-radius:17px;
  background:rgba(228,202,136,.11)
}
.r175-assignees legend{padding:0 7px;color:#745317;font-weight:850}
.r175-assignees>p{margin:0 0 13px;color:#817867;font-size:.82rem}
.r175-assignee-grid{display:flex;flex-wrap:wrap;gap:9px}
.r175-assignee-grid label{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:46px;
  margin:0;
  padding:7px 12px 7px 8px;
  border:1px solid rgba(137,96,20,.2);
  border-radius:999px;
  background:rgba(255,253,247,.9);
  cursor:pointer
}
.r175-assignee-grid label:has(input:checked){
  border-color:#b18124;
  background:linear-gradient(145deg,rgba(246,225,164,.9),rgba(255,252,241,.96));
  box-shadow:0 6px 15px rgba(104,72,14,.11)
}
.r175-assignee-grid input{width:18px;height:18px;margin:0;accent-color:#a8761b}
.r175-assignee-grid label>span{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#a8761b;
  color:#fff;
  font-size:.78rem;
  font-weight:900
}
.r175-assignee-summary{margin:2px 0 10px!important;color:#805d1e!important;font-size:.78rem}
.r175-filters a{display:inline-flex;align-items:center;gap:7px}
.r175-filter-count{
  display:inline-grid;
  place-items:center;
  min-width:21px;
  height:21px;
  padding:0 5px;
  border-radius:999px;
  background:rgba(151,105,24,.12);
  color:#765318;
  font-size:.65rem;
  font-weight:900;
  line-height:1;
  box-sizing:border-box
}
.r175-filters a.active .r175-filter-count{background:rgba(255,255,255,.24);color:#fff}
/* Houd categorienamen leesbaar: geen invoerveld mag tussen de actieknoppen
   worden samengedrukt wanneer het beheerblok naast de taakeditor staat. */
.r175-toolbar{grid-template-columns:minmax(0,1fr) minmax(380px,.65fr)}
.r175-category-list article{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center
}
.r175-category-list article>form:first-child{
  display:grid;
  grid-template-columns:minmax(145px,1fr) auto;
  min-width:0
}
.r175-category-list article>form:first-child input{
  width:100%;
  min-width:145px;
  box-sizing:border-box
}
.r175-category-list article>form:last-child{justify-self:end}
@media(max-width:1050px){
  .r175-toolbar{grid-template-columns:1fr}
  .r175-category-manager{width:100%;box-sizing:border-box}
}
@media(max-width:560px){
  .r175-assignee-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .r175-assignee-grid label{min-width:0}
}