/* V12.5.32 — Client Access Layout Hotfix
   Loaded last on purpose: neutralizes legacy .client-team-editor grid rules. */

html body.ui-unified #content .client-team-editor{
  display:block!important;
  grid-template-columns:none!important;
  column-gap:0!important;
  row-gap:0!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}

html body.ui-unified #content .client-team-editor>.client-team-head,
html body.ui-unified #content .client-team-editor>.client-team-body{
  width:100%!important;
  min-width:0!important;
  grid-column:auto!important;
}

html body.ui-unified #content .client-team-editor>.client-team-body{
  display:block!important;
  padding:16px 16px 18px!important;
  margin:0!important;
}

html body.ui-unified #content .client-team-editor.collapsed>.client-team-body{
  display:none!important;
}

html body.ui-unified #content .client-team-editor .client-basic-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px 14px!important;
  width:100%!important;
  min-width:0!important;
}

html body.ui-unified #content .client-team-editor .client-basic-grid>.field{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  grid-column:auto!important;
  grid-row:auto!important;
}

html body.ui-unified #content .client-team-editor .client-basic-grid>.field>label{
  display:block!important;
  margin:0 0 6px!important;
  min-height:0!important;
  grid-row:auto!important;
}

html body.ui-unified #content .client-team-editor .client-basic-grid>.field>input,
html body.ui-unified #content .client-team-editor .client-basic-grid>.field>select{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  box-sizing:border-box!important;
  grid-row:auto!important;
}

html body.ui-unified #content .client-team-editor .client-basic-grid>.field>small{
  display:block!important;
  margin-top:5px!important;
  grid-row:auto!important;
}

html body.ui-unified #content .client-team-editor .client-permission-groups{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  margin-top:16px!important;
}

html body.ui-unified #content .client-team-editor .client-permission-group{
  display:block!important;
  min-width:0!important;
  width:auto!important;
  padding:12px!important;
  margin:0!important;
}

html body.ui-unified #content .client-team-editor .client-permission-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}

html body.ui-unified #content .client-team-editor .client-access-check{
  width:100%!important;
  min-width:0!important;
  min-height:58px!important;
  box-sizing:border-box!important;
}

html body.ui-unified #content .client-team-editor .client-notify-block{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin-top:16px!important;
  padding-top:14px!important;
}

html body.ui-unified #content .client-team-editor .client-notify-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

html body.ui-unified #content .client-team-editor .client-notify-grid label{
  width:auto!important;
  min-width:0!important;
  margin:0!important;
}

html body.ui-unified #content .client-team-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

html body.ui-unified #content .client-team-head>.client-team-collapse{
  min-width:0!important;
  width:100%!important;
}

html body.ui-unified #content .client-team-head-side{
  min-width:0!important;
  max-width:60%!important;
}

html body.ui-unified #content .client-review-bar{
  display:grid!important;
  grid-template-columns:minmax(320px,1fr) auto!important;
  gap:14px!important;
  width:100%!important;
  box-sizing:border-box!important;
}

html body.ui-unified #content .client-sensitive-confirm{
  display:grid!important;
  grid-template-columns:1fr!important;
  max-width:480px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

@media(max-width:1100px){
  html body.ui-unified #content .client-team-editor .client-basic-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body.ui-unified #content .client-team-editor .client-permission-groups{
    grid-template-columns:1fr!important;
  }
  html body.ui-unified #content .client-review-bar{
    grid-template-columns:1fr!important;
  }
  html body.ui-unified #content .client-team-head-side{
    max-width:100%!important;
  }
}

@media(max-width:768px){
  html body.ui-unified #content .client-team-editor .client-basic-grid{
    grid-template-columns:1fr!important;
  }
  html body.ui-unified #content .client-team-head{
    grid-template-columns:1fr!important;
  }
  html body.ui-unified #content .client-team-head-side{
    max-width:100%!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
  }
}