.access-summary-grid {
  display:
    grid;

  grid-template-columns:
    repeat(
      4,
      minmax(150px, 1fr)
    );

  gap:
    12px;

  margin-bottom:
    14px;
}


.access-summary {
  min-height:
    118px;
}


.access-intro,
.access-guidance p,
.access-note,
.access-empty {
  color:
    var(--text-secondary);

  line-height:
    1.5;
}


.access-note {
  margin-top:
    4px;

  font-size:
    .82rem;

  font-weight:
    700;
}


.access-guidance {
  border-left:
    3px solid
    var(--accent);
}


.access-guidance-actions,
.access-row-actions {
  display:
    flex;

  align-items:
    center;

  flex-wrap:
    wrap;

  gap:
    8px;
}


.access-guidance-actions {
  margin-top:
    12px;
}


.access-person-select {
  width:
    100%;

  min-width:
    190px;
}


.access-readonly {
  font-weight:
    700;

  color:
    var(--text-secondary);
}


.access-empty {
  padding:
    12px;

  border:
    1px solid
    var(--border);

  border-radius:
    4px;
}


@media (
  max-width: 900px
) {

  .access-summary-grid {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );
  }

}


@media (
  max-width: 560px
) {

  .access-summary-grid {
    grid-template-columns:
      1fr;
  }


  .access-row-actions {
    align-items:
      stretch;

    flex-direction:
      column;
  }


  .access-row-actions button {
    width:
      100%;
  }

}