/* F1354 W2c/W2d — единое окно назначения роли людям, отделам и группам. */
.access-assign__hint { margin-bottom:var(--sp-3); line-height:var(--lh-normal); }
.access-assign__tabs { display:flex; gap:var(--sp-1); padding:var(--sp-1); overflow-x:auto;
  border:1px solid var(--border); border-radius:10px; background:var(--surface-hover); }
.access-assign__tab { appearance:none; flex:1 0 auto; padding:7px 10px; border:0; border-radius:7px;
  background:transparent; color:var(--text-muted); font:inherit; font-size:var(--fs-sm); cursor:pointer; }
.access-assign__tab span { margin-left:var(--sp-1); font-size:var(--fs-xs); }
.access-assign__tab.active { color:var(--accent); background:var(--surface); box-shadow:0 1px 3px rgba(15,23,42,.12); }
.access-assign__toolbar { display:flex; align-items:center; gap:var(--sp-3); margin:var(--sp-3) 0 var(--sp-2); }
.access-assign__toolbar .form-input { flex:1 1 auto; min-width:0; }
.access-assign__rows { max-height:320px; overflow-y:auto; border-top:1px solid var(--border-light); }
.access-assign__row { display:flex; align-items:center; gap:var(--sp-3); min-height:42px;
  padding:var(--sp-2) 0; border-bottom:1px solid var(--border-light); cursor:pointer; }
.access-assign__row.disabled { opacity:.5; cursor:not-allowed; }
.access-assign__results .access-assign__row { cursor:default; }
.access-assign__name { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis;
  white-space:nowrap; font-size:var(--fs-base); color:var(--text); }
.access-assign__empty { padding:var(--sp-4) 0; text-align:center; }
.access-assign__selected { padding-top:var(--sp-3); font-weight:var(--fw-medium); color:var(--text); }

/* W2e — фотография и подробный состав находятся у самой роли, без перехода в «Команду». */
button.access-col-person { appearance:none; padding:0; overflow:hidden; cursor:pointer; font-family:inherit; }
button.access-col-person:hover, button.access-col-person:focus-visible { z-index:1; border-color:var(--accent);
  outline:none; box-shadow:0 0 0 2px var(--accent-light); }
.access-person-avatar__image { display:block; width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.access-person-avatar__initials { display:inline-flex; align-items:center; justify-content:center;
  width:100%; height:100%; }
.access-role-members { max-height:420px; overflow-y:auto; border-top:1px solid var(--border-light); }
.access-role-members__row { display:grid; grid-template-columns:40px minmax(0,1fr) minmax(150px,210px);
  align-items:center; gap:var(--sp-3); min-height:62px; padding:var(--sp-2) 0;
  border-bottom:1px solid var(--border-light); }
.access-role-members__avatar { display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px;
  overflow:hidden; border:1px solid var(--border); border-radius:50%; background:var(--surface-hover);
  color:var(--text-muted); font-size:var(--fs-sm); font-weight:var(--fw-semibold); }
.access-role-members__identity { min-width:0; display:flex; flex-direction:column; gap:2px; }
.access-role-members__identity strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  color:var(--text); font-size:var(--fs-base); }
.access-role-members__meta { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  color:var(--text-muted); font-size:var(--fs-xs); }
.access-role-members__select { width:100%; min-width:0; }
.access-role-members__fixed { justify-self:end; }
.access-role-members__empty { padding:var(--sp-5) 0; text-align:center; }
.access-filterbar__create { white-space:nowrap; }
.access-col__title { display:flex; align-items:center; justify-content:center; gap:var(--sp-1); min-width:0; }
.access-col__title .access-col__name { min-width:0; }
.access-col__delete { appearance:none; flex:0 0 auto; display:inline-flex; align-items:center;
  justify-content:center; width:20px; height:20px; padding:0; border:0; border-radius:50%;
  background:transparent; color:var(--text-muted); font:inherit; font-size:17px; line-height:1; cursor:pointer; }
.access-col__delete:hover, .access-col__delete:focus-visible { outline:none; color:var(--danger);
  background:var(--danger-light,rgba(220,38,38,.08)); }

@media (max-width: 760px) {
  .access-rolebar__actions { margin-left:0; }
  .access-assign__toolbar { align-items:flex-start; flex-direction:column; }
  .access-assign__toolbar .form-input { width:100%; }
  .access-role-members__row { grid-template-columns:38px minmax(0,1fr); }
  .access-role-members__select, .access-role-members__fixed { grid-column:2; justify-self:stretch; }
}