/* R10D-AI-004 1020: Usuarios viewport containment */
.r10d-users-viewport{
  height:100%;
  max-height:100%;
  min-height:0;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.r10d-users-viewport>.r3b-page-header{
  flex:0 0 auto;
  margin-bottom:12px;
}
.r10d-users-viewport>.r3b-kpis{
  flex:0 0 auto;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin-bottom:12px;
}
.r10d-users-viewport>.r3b-kpis .r3b-kpi{
  min-height:86px;
  padding:11px 13px;
}
.r10d-users-viewport>.r3b-kpis .r3b-kpi strong{
  font-size:21px;
  margin-top:3px;
}
.r10d-users-viewport>.r3b-grid{
  flex:1 1 auto;
  min-height:0;
  overflow:hidden;
  align-items:stretch;
}
.r10d-users-viewport>.r3b-grid>.r3b-card{
  min-height:0;
  max-height:100%;
  overflow:auto;
  scrollbar-gutter:stable;
}
.r10d-users-viewport>.r3b-grid>.r3b-card .r3b-table-wrap{
  min-height:0;
  overflow:auto;
}
@media (max-width:1200px){
  .r10d-users-viewport>.r3b-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
}