/* Shared table presentation for dashboard pages. Feature matrices can opt out
   with data-afh-table="matrix" and keep their own geometry. */
.afh-table-scroll{
  position:relative;
  max-width:100%;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.afh-table-scroll > table[data-afh-table="compact"]{
  width:100%;
  min-width:0;
  max-width:100%;
  table-layout:fixed;
}
.afh-table-scroll > table[data-afh-table="matrix"]{max-width:none}
.afh-scroll-hint{
  position:absolute;
  right:.45rem;
  top:auto;
  bottom:1.15rem;
  z-index:20;
  padding:.2rem .4rem;
  border-radius:999px;
  background:rgba(15,23,42,.72);
  color:#fff;
  font-size:.58rem;
  pointer-events:none;
  opacity:0;
  transition:opacity .2s ease;
  opacity:0;
}
.afh-table-scroll.is-overflowing .afh-scroll-hint{opacity:.85}
@media(max-width:700px){
  .afh-table-scroll{margin-inline:0}
  .afh-table-scroll > table[data-afh-table="compact"] th,
  .afh-table-scroll > table[data-afh-table="compact"] td{font-size:.65rem;padding:.32rem .38rem;line-height:1.3;white-space:normal;overflow-wrap:break-word}
}