/* V31 guarantees that exactly one operational module is visible. */
.content>.page{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.content>.page.active{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  animation:v31ModuleOpen .2s ease both!important;
}
@keyframes v31ModuleOpen{
  from{transform:translateY(7px)}
  to{transform:translateY(0)}
}

.account #userRole{
  display:inline-flex!important;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border:1px solid rgba(185,242,74,.38);
  border-radius:999px;
  background:rgba(185,242,74,.1);
  color:#d7ff86;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}
.account #userRole.master-admin-role::before{
  content:"";
  width:6px;
  height:6px;
  margin-right:6px;
  border-radius:50%;
  background:#b9f24a;
  box-shadow:0 0 0 3px rgba(185,242,74,.14);
}

.cash-flow-tools{
  display:grid;
  gap:10px;
  margin:14px 0 12px;
}
.cash-flow-search{
  width:100%;
  min-height:42px;
}
.cash-flow-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid var(--v2-line);
  border-radius:12px;
  background:var(--v2-card);
}
.cash-flow-pagination>span{
  color:var(--v2-muted);
  font-size:11px;
}
.cash-flow-pagination>div{
  display:flex;
  align-items:center;
  gap:8px;
}
.cash-flow-pagination button{min-height:34px;padding:0 11px}
.cash-flow-pagination button:disabled{opacity:.45;cursor:not-allowed}
#reconciliationCashRows .row-actions{white-space:nowrap}
#reconciliationCashRows .row-actions button{margin:2px}

@media(max-width:720px){
  .cash-flow-pagination{align-items:flex-start;flex-direction:column}
  .account #userRole{max-width:92px;overflow:hidden;text-overflow:ellipsis}
}