/* MEDIPHARM Membership UI adapter v0.32
   Presentation-only. Membership 7.10.x remains the sole auth/payment provider. */
.syh-external-membership-page .tvm-page-content{width:100%;max-width:none}
.syh-modern-login-wrap,.syh-account-dashboard{width:100%;box-sizing:border-box}
.syh-profile-form,.syh-password-form,.syh-membership-form{width:100%;max-width:none;margin-inline:0}
.syh-profile-form input,.syh-profile-form select,.syh-profile-form textarea,.syh-password-form input,.syh-membership-form input,.syh-membership-form select,.syh-membership-form textarea{width:100%;max-width:none;min-height:48px;box-sizing:border-box;font-size:16px}
/* Important: never constrain .syh-account-card here. The membership plugin owns its responsive card grid. */
@media(max-width:768px){
  body.syh-external-membership-page .tvm-shell{width:calc(100% - 16px);max-width:none}
  body.syh-external-membership-page .tvm-page-content{margin-top:10px;padding:12px 4px;border-radius:18px}
  .syh-modern-login-wrap,.syh-account-dashboard{max-width:none!important;margin-left:0!important;margin-right:0!important}
  .syh-profile-form,.syh-password-form,.syh-membership-form{width:100%!important;max-width:none!important}
}
@media(max-width:390px){
  body.syh-external-membership-page .tvm-shell{width:calc(100% - 10px)}
  body.syh-external-membership-page .tvm-page-content{padding:8px 2px}
}


/* v0.32 — Account Dashboard mobile layout fix.
   Membership remains the sole owner of data and business logic; these rules only
   normalize the visual layout produced by [syh_account]. */
@media (max-width:820px){
  body.syh-external-membership-page .tvm-shell,
  body.syh-external-membership-page .tvm-page-content,
  body.syh-external-membership-page .syh-account-dashboard{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  body.syh-external-membership-page .tvm-shell{padding-left:8px!important;padding-right:8px!important}
  body.syh-external-membership-page .tvm-page-content{padding-left:8px!important;padding-right:8px!important;overflow:visible!important}

  body.syh-external-membership-page .syh-account-dashboard .syh-account-grid{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
  }
  body.syh-external-membership-page .syh-account-dashboard .syh-account-grid > .syh-account-card,
  body.syh-external-membership-page .syh-account-dashboard > .syh-account-card,
  body.syh-external-membership-page .syh-account-dashboard .syh-usage-card{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    grid-column:1 / -1!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  /* Theme tables use display:block on mobile. Explicitly expand the membership
     tables and every structural row so they cannot shrink to the first grid column. */
  body.syh-external-membership-page .syh-account-card .syh-account-table,
  body.syh-external-membership-page .syh-account-card .syh-account-table tbody,
  body.syh-external-membership-page .syh-account-card .syh-account-table tr{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body.syh-external-membership-page .syh-account-card .syh-account-table{
    table-layout:auto!important;
    overflow:visible!important;
  }
  body.syh-external-membership-page .syh-account-card .syh-account-table td{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow-wrap:anywhere!important;
  }

  body.syh-external-membership-page .syh-account-dashboard .syh-stat-grid,
  body.syh-external-membership-page .syh-account-dashboard .syh-stat-grid-advanced,
  body.syh-external-membership-page .syh-account-dashboard .syh-usage-columns{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.syh-external-membership-page .syh-account-dashboard .syh-stat-card,
  body.syh-external-membership-page .syh-account-dashboard .syh-stat-card-wide{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    grid-column:auto!important;
    box-sizing:border-box!important;
  }

  body.syh-external-membership-page .syh-account-dashboard .syh-account-orders,
  body.syh-external-membership-page .syh-account-dashboard .syh-account-orders tbody,
  body.syh-external-membership-page .syh-account-dashboard .syh-account-orders tr,
  body.syh-external-membership-page .syh-account-dashboard .syh-account-orders td{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  body.syh-external-membership-page .syh-account-dashboard .syh-profile-form,
  body.syh-external-membership-page .syh-account-dashboard .syh-password-form,
  body.syh-external-membership-page .syh-account-dashboard .syh-account-actions{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
}

@media (max-width:430px){
  body.syh-external-membership-page .tvm-shell{padding-left:4px!important;padding-right:4px!important}
  body.syh-external-membership-page .tvm-page-content{padding-left:4px!important;padding-right:4px!important}
  body.syh-external-membership-page .syh-account-dashboard{padding-left:0!important;padding-right:0!important}
  body.syh-external-membership-page .syh-account-dashboard .syh-account-card{padding:16px!important;border-radius:20px!important}
}