/* Self-contained styles for evennia_scenes. */
.evennia-scenes-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.evennia-scenes-table-scroll:focus-visible { outline: 2px solid #4a90d9; outline-offset: 2px; }
.evennia-scenes-actions { display: flex; flex-wrap: wrap; }
.evennia-scenes-actions > * { margin-right: .5rem; margin-bottom: .5rem; }
.evennia-scenes-empty { color: #6c757d; font-style: italic; }
.evennia-scenes-diff { font-family: monospace; font-size: .85rem; line-height: 1.4; }
.evennia-scenes-diff .evennia-scenes-diff-add { background-color: #d4edda; color: #155724; }
.evennia-scenes-diff .evennia-scenes-diff-remove { background-color: #f8d7da; color: #721c24; }
.evennia-scenes-diff .evennia-scenes-diff-hunk { background-color: #e2e3e5; color: #383d41; }
.evennia-scenes-diff .evennia-scenes-diff-meta { color: #6c757d; }

/* Preserve table headers for assistive technology while stacking labelled rows. */
.evennia-scenes-cell-label { display: none; }
@media (max-width: 640px) {
  .evennia-scenes-table-stack,
  .evennia-scenes-table-stack tbody,
  .evennia-scenes-table-stack tr,
  .evennia-scenes-table-stack td,
  .evennia-scenes-table-stack tbody th { display: block; width: 100%; }
  .evennia-scenes-table-stack thead { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
  .evennia-scenes-table-stack tbody tr { margin-bottom: 1rem; border: 1px solid #dee2e6; }
  .evennia-scenes-table-stack tbody td,
  .evennia-scenes-table-stack tbody th { border: 0; padding: .375rem .75rem; text-align: left !important; overflow-wrap: anywhere; }
  .evennia-scenes-table-stack .evennia-scenes-cell-label { display: block; font-size: .8rem; font-weight: 600; }
}
