/* The mobile home rule hides ordinary page footers.  The generation dialog
   has its own action footer and must always remain visible. */
body[data-mobile-page] .generation-confirm-card footer{
  display:grid !important;
}

.generation-confirm-card footer button{
  width:auto;
  margin:0 !important;
}

@media (max-height: 480px){
  .generation-confirm-dialog{max-height:calc(100dvh - 12px);overflow-y:auto}
  .generation-confirm-card{padding:15px 14px 13px;gap:7px 10px}
  .generation-confirm-illustration{width:52px;height:52px;border-radius:15px}
  .generation-confirm-heading h2{font-size:18px}
  .generation-confirm-cost{margin-top:3px;padding:2px 7px}
  .generation-confirm-benefits p{margin:5px 0;font-size:11px}
  .generation-confirm-benefits span{width:20px;height:20px;font-size:11px}
  .generation-confirm-card footer button{min-height:38px;font-size:12px}
}