
/* APG Legacy Account-Sync Mobile Alignment v95.0 */
@media (max-width:760px){
  /* The legacy optional-account card is a separate surface from .apg-account-shell.
     Give every field a deterministic full-width row, then keep the two account actions
     as an even two-column pair where the viewport has room. */
  body[data-platform-page="/my-apg/"] [data-account-panel],
  body[data-platform-page="/my-apg/"] [data-account-panel] [data-account-signed-out]{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    text-align:left!important;
  }

  body[data-platform-page="/my-apg/"] [data-account-panel] > .kicker,
  body[data-platform-page="/my-apg/"] [data-account-panel] > h2,
  body[data-platform-page="/my-apg/"] [data-account-panel] > p{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
  }

  body[data-platform-page="/my-apg/"] [data-account-panel] [data-account-form]{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    gap:16px!important;
    margin:20px 0 0!important;
    padding:0!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
  }

  body[data-platform-page="/my-apg/"] [data-account-panel] [data-account-form] > label{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-column:1 / -1!important;
    align-items:start!important;
    justify-items:stretch!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
    position:static!important;
    inset:auto!important;
    float:none!important;
    transform:none!important;
    text-align:left!important;
  }

  body[data-platform-page="/my-apg/"] [data-account-panel] [data-account-form] > label > input[type="email"],
  body[data-platform-page="/my-apg/"] [data-account-panel] [data-account-form] > label > input[type="password"],
  body[data-platform-page="/my-apg/"] [data-account-panel] [data-account-form] > label > input[type="text"]{
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:48px!important;
    height:auto!important;
    margin:0!important;
    padding-left:14px!important;
    padding-right:14px!important;
    position:static!important;
    inset:auto!important;
    float:none!important;
    transform:none!important;
  }

  body[data-platform-page="/my-apg/"] [data-account-panel] [data-account-form] > .actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-column:1 / -1!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    gap:10px!important;
    margin:2px 0 0!important;
    padding:0!important;
  }

  body[data-platform-page="/my-apg/"] [data-account-panel] [data-account-form] > .actions > .button,
  body[data-platform-page="/my-apg/"] [data-account-panel] [data-account-form] > .actions > button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    text-align:center!important;
    white-space:normal!important;
  }
}

@media (max-width:360px){
  body[data-platform-page="/my-apg/"] [data-account-panel] [data-account-form] > .actions{
    grid-template-columns:minmax(0,1fr)!important;
  }
}
