.agenda-people-manager{display:grid;gap:10px;margin:14px 0}
.agenda-person-row{display:grid;grid-template-columns:auto minmax(0,1fr) 58px auto auto;align-items:center;gap:10px;border:1px solid #e4ebf4;background:#fff;border-radius:16px;padding:10px 12px}
.agenda-person-dot{width:14px;height:14px;border-radius:50%;background:var(--person-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--person-color),#fff 78%)}
.agenda-person-row b,.agenda-person-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agenda-person-row b{color:#172033}
.agenda-person-row small{color:#667085;font-size:12px}
.agenda-person-row input[type=color]{width:46px;height:34px;border:0;background:transparent;padding:0;cursor:pointer}
.agenda-add-person-card{border:1px dashed #c8d7ea;background:#f8fbff;border-radius:18px;padding:14px;margin-top:8px}
.agenda-add-person-card h3{margin:0 0 10px;color:#172033}
.assign-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:10px;margin:14px 0}
.assign-person-pill{display:grid;grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"check dot name" "check dot role";align-items:center;column-gap:9px;border:1px solid #dfe7f1;background:#fff;border-radius:16px;padding:11px;cursor:pointer}
.assign-person-pill:hover{border-color:var(--person-color);background:#f8fbff}
.assign-person-pill input{grid-area:check;accent-color:var(--person-color)}
.assign-person-pill span{grid-area:dot;width:13px;height:13px;border-radius:50%;background:var(--person-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--person-color),#fff 78%)}
.assign-person-pill b{grid-area:name;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#172033}
.assign-person-pill small{grid-area:role;color:#667085;font-size:12px}
.assign-add-person{width:100%;margin-top:2px}
.agenda-assignment-simple .multi-techs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px}
.agenda-assignment-simple .tech-pill{display:none}
.tiny-full{width:100%;margin-top:8px}
.agenda-v32-toolbar .btn-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}

@supports not (color:color-mix(in srgb,#000,#fff)){
  .agenda-person-dot,.assign-person-pill span{box-shadow:0 0 0 4px #eef3f8}
}

@media(max-width:760px){
  .agenda-person-row{grid-template-columns:auto minmax(0,1fr) 50px;grid-template-areas:"dot info color" "dot edit edit"}
  .agenda-person-row .agenda-person-dot{grid-area:dot}
  .agenda-person-row div{grid-area:info}
  .agenda-person-row input[type=color]{grid-area:color}
  .agenda-person-row button{width:100%}
  .assign-grid{grid-template-columns:1fr}
  .agenda-v32-toolbar .btn-row{width:100%;display:grid;grid-template-columns:1fr}
}
