/* Composition follows endpoint-list: vstack gap-2, border rounded-3,
   px-3 py-2 and the same Bootstrap action buttons. No table overrides. */
.modern-list-main { min-width: 0; padding-right: 5rem; }
.modern-list-identity { flex: 0 0 auto; min-width: 3.25rem; text-align: center; }
.modern-list-copy { min-width: 0; }
.modern-list-detail { display: inline-flex; align-items: center; flex-wrap: wrap; gap: .35rem; }
.modern-list-meta { overflow-wrap: anywhere; }
.modern-list-meta > * { max-width: 100%; }
.modern-list-item--audio .modern-list-main { padding-right: 7rem; }
.modern-list-player { margin-top: .25rem; }
.modern-list-player audio { display: block; width: 18rem; max-width: 100%; height: 32px; }
.modern-list-actions [aria-disabled="true"] { opacity: .4; cursor: default; pointer-events: none; }
.modern-permission { align-items: center; display: inline-flex; gap: .2rem; white-space: nowrap; }
.modern-permission.is-allowed { color: #2f855a; }
.modern-permission.is-blocked { color: #a0aec0; }
.modern-permission i { font-size: .62rem; }
@media (max-width: 767.98px) {
  .modern-list-main { display: grid !important; grid-template-columns: 3.25rem minmax(0, 1fr); padding-right: 0; }
  .modern-list-copy > .fw-semibold { padding-right: 5rem; }
  .modern-list-item--audio .modern-list-main { padding-right: 0; }
  .modern-list-item--audio .modern-list-copy > .fw-semibold { padding-right: 7rem; }
  .modern-list-meta { margin-top: .25rem; }
  .modern-list-meta .vr { display: none; }
}