/* Vchat 0.36.71 — selectable controls/dropdowns hardening */

.vchat-modal .vchat-team-profile-editor label{
  position:relative!important;
  z-index:1!important;
}

.vchat-modal .vchat-team-profile-editor select{
  position:relative!important;
  z-index:5!important;
  display:block!important;
  width:100%!important;
  min-height:44px!important;
  padding:0 38px 0 13px!important;
  border:1px solid #ddd8e9!important;
  border-radius:12px!important;
  background-color:#fff!important;
  color:#302a43!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:700!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  opacity:1!important;
  visibility:visible!important;
  appearance:auto!important;
  -webkit-appearance:menulist!important;
  box-sizing:border-box!important;
}

.vchat-modal .vchat-team-profile-editor select:hover{
  border-color:#bdb4df!important;
}

.vchat-modal .vchat-team-profile-editor select:focus{
  outline:none!important;
  border-color:#6a56b9!important;
  box-shadow:0 0 0 3px rgba(106,86,185,.13)!important;
}

.vchat-modal .vchat-team-profile-editor select:disabled{
  pointer-events:none!important;
  cursor:not-allowed!important;
  opacity:.62!important;
  background:#f4f2f7!important;
  color:#7f788a!important;
}

/* Prevent decorative layers from blocking native form controls */
.vchat-modal .vchat-team-profile-editor label::before,
.vchat-modal .vchat-team-profile-editor label::after,
.vchat-modal .vchat-settings-grid::before,
.vchat-modal .vchat-settings-grid::after{
  pointer-events:none!important;
}

/* Ensure fields render above cards/backgrounds */
.vchat-modal .vchat-settings-grid,
.vchat-modal .vchat-field-full{
  position:relative!important;
  z-index:2!important;
  overflow:visible!important;
}

.vchat-modal .vchat-field-full select,
.vchat-modal #vchat-team-status,
.vchat-modal #vchat-team-role,
.vchat-modal #vchat-team-scope{
  pointer-events:auto!important;
  touch-action:manipulation!important;
}

/* Better spacing around helper text */
.vchat-modal #vchat-scope-description{
  display:block!important;
  margin-top:7px!important;
  padding:0 1px!important;
  color:#8b8495!important;
  font-size:9px!important;
  line-height:1.45!important;
}

/* Profile editor on small screens */
@media(max-width:620px){
  .vchat-modal .vchat-team-profile-editor select{
    min-height:46px!important;
    font-size:12px!important;
  }
}