:root{
  --pm24-v190-navy:#0b2c70;
  --pm24-v190-pink:#f72585;
}
/* V190: align details drawer with the board and make closing unmistakable. */
.pgco-v107-workspace.pgco-v189-drawer-open{
  align-items:start!important;
}
.pgco-v107-workspace.pgco-v189-drawer-open .pgco-v107-member-panel{
  align-self:start!important;
  margin:0!important;
  padding-top:0!important;
  top:12px!important;
  max-height:calc(100vh - 28px)!important;
  border-radius:22px!important;
  overflow:auto!important;
}
.pgco-v107-member-panel>header{
  position:sticky!important;
  top:0!important;
  z-index:8!important;
  min-height:72px!important;
  padding:14px 16px 14px 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.pgco-v107-member-panel [data-pgco-panel-close]{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  padding:0!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.58)!important;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  font:900 26px/1 Arial,sans-serif!important;
  cursor:pointer!important;
  opacity:1!important;
  visibility:visible!important;
  box-shadow:0 8px 18px rgba(0,0,0,.16)!important;
  transition:background .18s ease,transform .18s ease,border-color .18s ease!important;
}
.pgco-v107-member-panel [data-pgco-panel-close]:hover,
.pgco-v107-member-panel [data-pgco-panel-close]:focus-visible{
  background:var(--pm24-v190-pink)!important;
  border-color:var(--pm24-v190-pink)!important;
  transform:scale(1.04)!important;
  outline:3px solid rgba(247,37,133,.22)!important;
  outline-offset:2px!important;
}
.pgco-v108-bed-ball.is-selected-member{
  outline:3px solid rgba(22,119,255,.25)!important;
  outline-offset:2px!important;
}
@media(max-width:900px){
  .pgco-v107-workspace.pgco-v189-drawer-open .pgco-v107-member-panel{
    top:auto!important;
    margin:0!important;
    max-height:none!important;
  }
  .pgco-v107-member-panel>header{min-height:64px!important}
  .pgco-v107-member-panel [data-pgco-panel-close]{width:42px!important;height:42px!important;min-width:42px!important}
}