.role-permissions-preview{margin-top:12px;padding:13px 15px;border:1px solid #dce5eb;border-radius:12px;background:#f7faf8;color:#264157;font-size:.78rem;line-height:1.5}
.role-permissions-preview strong{display:block;color:#0b3a28;margin-bottom:6px}
.role-permissions-preview ul{margin:0;padding-left:18px;columns:2;column-gap:28px}
.role-permissions-preview li{break-inside:avoid;margin:2px 0}
.role-access-list{display:grid;gap:10px}
.role-access-card{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #edf0f2}
.role-access-card:last-child{border-bottom:0}
.role-access-main{min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.role-access-main>strong{flex:0 0 100%;color:#132b42}
.role-access-actions{flex:0 0 auto;display:flex;gap:7px}
@media(max-width:760px){
  .role-permissions-preview ul{columns:1}
  .role-access-card{align-items:flex-start;flex-direction:column}
  .role-access-actions{width:100%}
  .role-access-actions .btn{flex:1}
}


/* Autocomplete de participantes em Permissões administrativas */
.role-email-field{position:relative}
.role-email-autocomplete{position:relative}
.role-email-help{
  display:block;
  margin-top:7px;
  color:#657b8d;
  font-size:.74rem;
  line-height:1.4;
}
.role-email-suggestions{
  position:absolute;
  z-index:80;
  top:calc(100% + 6px);
  left:0;
  right:0;
  max-height:330px;
  overflow:auto;
  background:#fff;
  border:1px solid #d5e0e7;
  border-radius:14px;
  box-shadow:0 16px 40px rgba(14,48,73,.16);
  padding:6px;
}
.role-email-option{
  width:100%;
  display:grid;
  gap:2px;
  text-align:left;
  padding:10px 12px;
  border:0;
  border-radius:10px;
  background:#fff;
  cursor:pointer;
  color:#102f50;
  font:inherit;
}
.role-email-option:hover,
.role-email-option:focus{
  background:#f0f7f3;
  outline:none;
}
.role-email-option strong{font-size:.86rem}
.role-email-option span{
  font-size:.78rem;
  color:#38556d;
  overflow-wrap:anywhere;
}
.role-email-option small{
  font-size:.69rem;
  color:#718596;
}
.role-email-empty{
  padding:12px;
  color:#6c7e8d;
  font-size:.78rem;
}
@media(max-width:760px){
  .role-email-suggestions{
    position:fixed;
    left:16px;
    right:16px;
    top:auto;
    bottom:20px;
    max-height:48vh;
  }
}