/* v1.6.1 Donor portal mobile isolation/fix
   يعزل تعديلات هيدر المتجر عن لوحة المتبرع ويعيد تنسيقها للجوال فقط. */
@media (max-width:960px){
  body.msf-donor-portal-page,
  body.miyaar-direct-donor-body,
  body.miyaar-dd-body{
    padding-top:0!important;
    overflow-x:hidden!important;
  }
  body.msf-donor-portal-page .msf-header,
  body.miyaar-direct-donor-body .msf-header,
  body.miyaar-dd-body .msf-header{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    z-index:50!important;
    transform:none!important;
    box-shadow:none!important;
  }
  body.msf-donor-portal-page .msf-header .msf-header-inner,
  body.miyaar-direct-donor-body .msf-header .msf-header-inner,
  body.miyaar-dd-body .msf-header .msf-header-inner{
    display:flex!important;
    direction:rtl!important;
    min-height:64px!important;
  }
  body.msf-donor-portal-page .msf-header .msf-nav,
  body.miyaar-direct-donor-body .msf-header .msf-nav,
  body.miyaar-dd-body .msf-header .msf-nav{
    position:static!important;
    display:none!important;
    box-shadow:none!important;
  }

  body.msf-donor-portal-page .msf-native-page-shell,
  body.miyaar-direct-donor-body .msf-native-page-shell,
  body.miyaar-dd-body .msf-native-page-shell{
    padding:12px!important;
    overflow-x:hidden!important;
  }
  body.msf-donor-portal-page .msf-native-page-inner,
  body.miyaar-direct-donor-body .msf-native-page-inner,
  body.miyaar-dd-body .msf-native-page-inner{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  .miyaar-donor-scope,
  .miyaar-store-scope.miyaar-donor-scope{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:10px!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }
  .miyaar-donor-layout{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  .miyaar-donor-side,
  .miyaar-donor-main{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .miyaar-donor-side .head{
    min-height:56px!important;
    padding:12px 14px!important;
  }
  .miyaar-donor-side .menu{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    width:100%!important;
  }
  .miyaar-donor-side .menu a{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    white-space:normal!important;
    overflow:visible!important;
    padding:13px 14px!important;
    font-size:16px!important;
  }
  .miyaar-donor-main .titlebar{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:14px!important;
    flex-wrap:wrap!important;
  }
  .miyaar-donor-main .content{
    padding:14px!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow-x:auto!important;
  }
  .miyaar-donor-cards,
  .miyaar-dd-acc .cards-grid{
    grid-template-columns:1fr!important;
  }
  .miyaar-donor-table{
    min-width:720px!important;
  }
}

/* v1.6.2 Donor portal: mobile form/model requests tables as clear cards.
   يعالج قسم طلبات النماذج/الاستقطاعات بالجوال فقط بدون التأثير على الديسكتوب. */
@media (max-width:960px){
  body.msf-donor-portal-page .miyaar-donor-main .content,
  body.miyaar-direct-donor-body .miyaar-donor-main .content,
  body.miyaar-dd-body .miyaar-donor-main .content{
    overflow-x:hidden!important;
    padding:12px!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table,
  body.miyaar-direct-donor-body .miyaar-donor-main table,
  body.miyaar-dd-body .miyaar-donor-main table,
  body.msf-donor-portal-page .miyaar-donor-table,
  body.miyaar-direct-donor-body .miyaar-donor-table,
  body.miyaar-dd-body .miyaar-donor-table{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:block!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table thead,
  body.miyaar-direct-donor-body .miyaar-donor-main table thead,
  body.miyaar-dd-body .miyaar-donor-main table thead{
    display:none!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table tbody,
  body.miyaar-direct-donor-body .miyaar-donor-main table tbody,
  body.miyaar-dd-body .miyaar-donor-main table tbody{
    display:block!important;
    width:100%!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table tr,
  body.miyaar-direct-donor-body .miyaar-donor-main table tr,
  body.miyaar-dd-body .miyaar-donor-main table tr{
    display:block!important;
    width:100%!important;
    margin:0 0 14px!important;
    padding:14px!important;
    border:1px solid rgba(148,163,184,.34)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table td,
  body.miyaar-direct-donor-body .miyaar-donor-main table td,
  body.miyaar-dd-body .miyaar-donor-main table td{
    display:grid!important;
    grid-template-columns:minmax(92px,38%) minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    min-height:46px!important;
    padding:10px 0!important;
    border:0!important;
    border-bottom:1px dashed rgba(148,163,184,.35)!important;
    box-sizing:border-box!important;
    text-align:left!important;
    color:#0f172a!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.7!important;
    white-space:normal!important;
    word-break:break-word!important;
    overflow:visible!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table td:last-child,
  body.miyaar-direct-donor-body .miyaar-donor-main table td:last-child,
  body.miyaar-dd-body .miyaar-donor-main table td:last-child{
    border-bottom:0!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table td::before,
  body.miyaar-direct-donor-body .miyaar-donor-main table td::before,
  body.miyaar-dd-body .miyaar-donor-main table td::before{
    content:attr(data-msf-label)!important;
    display:block!important;
    min-width:0!important;
    color:#475569!important;
    font-weight:900!important;
    text-align:right!important;
    line-height:1.6!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table td[data-msf-label=""]::before,
  body.miyaar-direct-donor-body .miyaar-donor-main table td[data-msf-label=""]::before,
  body.miyaar-dd-body .miyaar-donor-main table td[data-msf-label=""]::before{
    display:none!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table td > *,
  body.miyaar-direct-donor-body .miyaar-donor-main table td > *,
  body.miyaar-dd-body .miyaar-donor-main table td > *{
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table td a,
  body.msf-donor-portal-page .miyaar-donor-main table td button,
  body.msf-donor-portal-page .miyaar-donor-main table td input[type="submit"],
  body.miyaar-direct-donor-body .miyaar-donor-main table td a,
  body.miyaar-direct-donor-body .miyaar-donor-main table td button,
  body.miyaar-direct-donor-body .miyaar-donor-main table td input[type="submit"],
  body.miyaar-dd-body .miyaar-donor-main table td a,
  body.miyaar-dd-body .miyaar-donor-main table td button,
  body.miyaar-dd-body .miyaar-donor-main table td input[type="submit"]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    min-height:44px!important;
    padding:10px 14px!important;
    border-radius:14px!important;
    white-space:normal!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table td:has(a),
  body.msf-donor-portal-page .miyaar-donor-main table td:has(button),
  body.msf-donor-portal-page .miyaar-donor-main table td:has(input[type="submit"]),
  body.miyaar-direct-donor-body .miyaar-donor-main table td:has(a),
  body.miyaar-direct-donor-body .miyaar-donor-main table td:has(button),
  body.miyaar-direct-donor-body .miyaar-donor-main table td:has(input[type="submit"]),
  body.miyaar-dd-body .miyaar-donor-main table td:has(a),
  body.miyaar-dd-body .miyaar-donor-main table td:has(button),
  body.miyaar-dd-body .miyaar-donor-main table td:has(input[type="submit"]){
    grid-template-columns:1fr!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table td:has(a)::before,
  body.msf-donor-portal-page .miyaar-donor-main table td:has(button)::before,
  body.msf-donor-portal-page .miyaar-donor-main table td:has(input[type="submit"])::before,
  body.miyaar-direct-donor-body .miyaar-donor-main table td:has(a)::before,
  body.miyaar-direct-donor-body .miyaar-donor-main table td:has(button)::before,
  body.miyaar-direct-donor-body .miyaar-donor-main table td:has(input[type="submit"])::before,
  body.miyaar-dd-body .miyaar-donor-main table td:has(a)::before,
  body.miyaar-dd-body .miyaar-donor-main table td:has(button)::before,
  body.miyaar-dd-body .miyaar-donor-main table td:has(input[type="submit"])::before{
    display:none!important;
  }
}


/* v1.6.3 Donor mobile contract/request compact money layout.
   Fixes separated Riyal symbol and reduces excessive vertical spacing on mobile donor pages only. */
@media (max-width:960px){
  body.msf-donor-portal-page .miyaar-donor-main table tr,
  body.miyaar-direct-donor-body .miyaar-donor-main table tr,
  body.miyaar-dd-body .miyaar-donor-main table tr{
    padding:10px 12px!important;
    margin-bottom:10px!important;
    border-radius:16px!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table td,
  body.miyaar-direct-donor-body .miyaar-donor-main table td,
  body.miyaar-dd-body .miyaar-donor-main table td{
    grid-template-columns:minmax(104px,44%) minmax(0,1fr)!important;
    min-height:34px!important;
    padding:6px 0!important;
    gap:8px!important;
    line-height:1.45!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table td:empty,
  body.miyaar-direct-donor-body .miyaar-donor-main table td:empty,
  body.miyaar-dd-body .miyaar-donor-main table td:empty{
    display:none!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table td > *,
  body.miyaar-direct-donor-body .miyaar-donor-main table td > *,
  body.miyaar-dd-body .miyaar-donor-main table td > *{
    grid-column:2!important;
    min-width:0!important;
    justify-self:start!important;
    align-self:center!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table td::before,
  body.miyaar-direct-donor-body .miyaar-donor-main table td::before,
  body.miyaar-dd-body .miyaar-donor-main table td::before{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
    font-size:13px!important;
  }

  body.msf-donor-portal-page .miyaar-donor-main .msf-money-inline,
  body.miyaar-direct-donor-body .miyaar-donor-main .msf-money-inline,
  body.miyaar-dd-body .miyaar-donor-main .msf-money-inline{
    grid-column:2!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:5px!important;
    direction:ltr!important;
    white-space:nowrap!important;
    line-height:1!important;
    width:auto!important;
    max-width:100%!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main .msf-money-inline > *,
  body.miyaar-direct-donor-body .miyaar-donor-main .msf-money-inline > *,
  body.miyaar-dd-body .miyaar-donor-main .msf-money-inline > *{
    display:inline-flex!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    grid-column:auto!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  /* Contract/detail cards that are rendered as div sections instead of tables. */
  body.msf-donor-portal-page .miyaar-donor-main [class*="contract"] .msf-money-inline,
  body.miyaar-direct-donor-body .miyaar-donor-main [class*="contract"] .msf-money-inline,
  body.miyaar-dd-body .miyaar-donor-main [class*="contract"] .msf-money-inline,
  body.msf-donor-portal-page .miyaar-donor-main [class*="install"] .msf-money-inline,
  body.miyaar-direct-donor-body .miyaar-donor-main [class*="install"] .msf-money-inline,
  body.miyaar-dd-body .miyaar-donor-main [class*="install"] .msf-money-inline{
    display:inline-flex!important;
  }

  body.msf-donor-portal-page .miyaar-donor-main .badge,
  body.miyaar-direct-donor-body .miyaar-donor-main .badge,
  body.miyaar-dd-body .miyaar-donor-main .badge,
  body.msf-donor-portal-page .miyaar-donor-main [class*="status"],
  body.miyaar-direct-donor-body .miyaar-donor-main [class*="status"],
  body.miyaar-dd-body .miyaar-donor-main [class*="status"]{
    max-width:100%!important;
  }
}


/* v1.6.4 Real mobile cards for donor cart + my donations only. No horizontal scroll. */
@media (max-width:960px){
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    table-layout:auto!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table thead,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table thead,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table thead{
    display:none!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table tbody,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table tbody,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table tbody{
    display:block!important;
    width:100%!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table tr,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table tr,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table tr{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 14px!important;
    padding:14px!important;
    border:1px solid rgba(203,213,225,.9)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(15,23,42,.05)!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:40px!important;
    padding:9px 0!important;
    margin:0!important;
    border:0!important;
    border-bottom:1px dashed rgba(148,163,184,.34)!important;
    background:transparent!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    text-align:initial!important;
    white-space:normal!important;
    word-break:break-word!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td:last-child,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td:last-child,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td:last-child{
    border-bottom:0!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td::before,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td::before,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td::before{
    content:attr(data-msf-label)!important;
    flex:0 0 42%!important;
    max-width:42%!important;
    color:#475569!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1.55!important;
    text-align:right!important;
    display:block!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td[data-msf-label=""]::before,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td[data-msf-label=""]::before,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td[data-msf-label=""]::before{
    display:none!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:58%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    color:#0f172a!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1.55!important;
    text-align:left!important;
    white-space:normal!important;
    word-break:break-word!important;
    overflow:visible!important;
    grid-column:auto!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value:empty,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value:empty,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value:empty{
    display:none!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value > *,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value > *,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value > *{
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value .msf-money-inline,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value .msf-money-inline,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value .msf-money-inline{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    direction:ltr!important;
    white-space:nowrap!important;
    width:auto!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td a,
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td button,
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td input[type="submit"],
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td a,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td button,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td input[type="submit"],
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td a,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td button,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td input[type="submit"]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    max-width:100%!important;
    min-height:38px!important;
    padding:8px 12px!important;
    border-radius:12px!important;
    white-space:normal!important;
    text-align:center!important;
  }
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td:has(a),
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td:has(button),
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td:has(input[type="submit"]),
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td:has(a),
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td:has(button),
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td:has(input[type="submit"]),
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td:has(a),
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td:has(button),
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td:has(input[type="submit"]){
    justify-content:center!important;
  }
}


/* v1.6.5 Mobile card edge polish for donor cart + my donations only.
   Fixes left clipping, card width balance, and long code/button wrapping without horizontal scroll. */
@media (max-width:960px){
  body.msf-donor-portal-page,
  body.miyaar-direct-donor-body,
  body.miyaar-dd-body{
    overflow-x:hidden!important;
  }

  body.msf-donor-portal-page .miyaar-donor-main,
  body.miyaar-direct-donor-body .miyaar-donor-main,
  body.miyaar-dd-body .miyaar-donor-main,
  body.msf-donor-portal-page .miyaar-donor-main .content,
  body.miyaar-direct-donor-body .miyaar-donor-main .content,
  body.miyaar-dd-body .miyaar-donor-main .content{
    max-width:100%!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }

  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table{
    width:calc(100% - 18px)!important;
    max-width:calc(100% - 18px)!important;
    margin-right:auto!important;
    margin-left:auto!important;
    padding:0!important;
    transform:none!important;
    inset:auto!important;
  }

  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table tr,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table tr,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table tr{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto 12px!important;
    padding:13px 13px!important;
    overflow:hidden!important;
  }

  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td{
    direction:rtl!important;
    gap:10px!important;
    padding:8px 0!important;
    overflow:hidden!important;
  }

  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td::before,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td::before,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td::before{
    flex:0 0 38%!important;
    max-width:38%!important;
    min-width:0!important;
    padding-inline-end:2px!important;
  }

  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value{
    flex:1 1 0!important;
    max-width:62%!important;
    min-width:0!important;
    justify-content:flex-start!important;
    text-align:left!important;
    padding-left:6px!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    line-break:anywhere!important;
    unicode-bidi:plaintext!important;
    overflow:hidden!important;
  }

  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value .msf-money-inline,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value .msf-money-inline,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value .msf-money-inline{
    max-width:100%!important;
    overflow:visible!important;
  }

  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value a,
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value button,
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value input[type="submit"],
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value a,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value button,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value input[type="submit"],
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value a,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value button,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value input[type="submit"]{
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td:has(a),
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td:has(button),
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td:has(input[type="submit"]),
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td:has(a),
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td:has(button),
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td:has(input[type="submit"]),
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td:has(a),
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td:has(button),
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td:has(input[type="submit"]){
    justify-content:space-between!important;
  }
}


/* v1.6.6 Final mobile stack fix for donor cart + my donations.
   The previous 2-column label/value layout could still clip long LTR values on the left.
   This forces every field inside the card to stack vertically on mobile, so no value can leave the card. */
@media (max-width:960px){
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table tbody,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table tbody,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table tbody{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table tr,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table tr,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table tr{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 12px!important;
    padding:12px 14px!important;
    overflow:hidden!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:9px 0!important;
    margin:0!important;
    overflow:hidden!important;
    text-align:right!important;
    direction:rtl!important;
    box-sizing:border-box!important;
  }

  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td::before,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td::before,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td::before{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    flex:none!important;
    padding:0 0 4px!important;
    margin:0!important;
    text-align:right!important;
    color:#475569!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex:none!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    padding:0!important;
    margin:0!important;
    color:#0f172a!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1.45!important;
    text-align:right!important;
    direction:rtl!important;
    white-space:normal!important;
    overflow:hidden!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    box-sizing:border-box!important;
    unicode-bidi:plaintext!important;
  }

  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value .msf-money-inline,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value .msf-money-inline,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value .msf-money-inline{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:5px!important;
    direction:ltr!important;
    white-space:nowrap!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value a,
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value button,
  body.msf-donor-portal-page .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value input[type="submit"],
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value a,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value button,
  body.miyaar-direct-donor-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value input[type="submit"],
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value a,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value button,
  body.miyaar-dd-body .miyaar-donor-main table.msf-mobile-real-card-table td > .msf-mobile-cell-value input[type="submit"]{
    max-width:100%!important;
    width:auto!important;
    min-width:0!important;
    margin-top:4px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
}


/* v1.6.7 Mobile invoice edge fix
   Fixes donation invoice overflow on mobile without changing invoice data. */
@media (max-width: 768px){
  body.msf-mobile-invoice-view,
  body.msf-mobile-invoice-view .site,
  body.msf-mobile-invoice-view .site-content,
  body.msf-mobile-invoice-view .entry-content{
    overflow-x:hidden!important;
  }
  body.msf-mobile-invoice-view .msf-mobile-invoice-root{
    width:calc(100vw - 22px)!important;
    max-width:calc(100vw - 22px)!important;
    min-width:0!important;
    margin:10px auto 18px!important;
    padding:10px!important;
    transform:none!important;
    translate:none!important;
    left:auto!important;
    right:auto!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    direction:rtl!important;
  }
  body.msf-mobile-invoice-view .msf-mobile-invoice-root,
  body.msf-mobile-invoice-view .msf-mobile-invoice-root *{
    box-sizing:border-box!important;
  }
  body.msf-mobile-invoice-view .msf-mobile-invoice-root > *,
  body.msf-mobile-invoice-view .msf-mobile-invoice-root .msf-mobile-invoice-frame,
  body.msf-mobile-invoice-view .msf-mobile-invoice-root [style*="dashed"],
  body.msf-mobile-invoice-view .msf-mobile-invoice-root [style*="border"]{
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
    translate:none!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.msf-mobile-invoice-view .msf-mobile-invoice-root .msf-mobile-invoice-frame,
  body.msf-mobile-invoice-view .msf-mobile-invoice-root [style*="dashed"]{
    width:100%!important;
    padding:12px 10px!important;
    border-width:2px!important;
    border-radius:14px!important;
  }
  body.msf-mobile-invoice-view .msf-mobile-invoice-root table{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
    border-collapse:collapse!important;
    margin:0!important;
  }
  body.msf-mobile-invoice-view .msf-mobile-invoice-root tr,
  body.msf-mobile-invoice-view .msf-mobile-invoice-root td,
  body.msf-mobile-invoice-view .msf-mobile-invoice-root th{
    max-width:100%!important;
    min-width:0!important;
  }
  body.msf-mobile-invoice-view .msf-mobile-invoice-root td,
  body.msf-mobile-invoice-view .msf-mobile-invoice-root th{
    padding:10px 6px!important;
    font-size:15px!important;
    line-height:1.6!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    text-align:right!important;
  }
  body.msf-mobile-invoice-view .msf-mobile-invoice-root td:first-child,
  body.msf-mobile-invoice-view .msf-mobile-invoice-root th:first-child{
    text-align:right!important;
  }
  body.msf-mobile-invoice-view .msf-mobile-invoice-root td:last-child,
  body.msf-mobile-invoice-view .msf-mobile-invoice-root th:last-child{
    text-align:right!important;
    font-weight:800!important;
  }
  body.msf-mobile-invoice-view .msf-mobile-invoice-root a,
  body.msf-mobile-invoice-view .msf-mobile-invoice-root button,
  body.msf-mobile-invoice-view .msf-mobile-invoice-root input[type="button"],
  body.msf-mobile-invoice-view .msf-mobile-invoice-root input[type="submit"]{
    width:100%!important;
    max-width:100%!important;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:10px 0 0!important;
    border-radius:12px!important;
    box-sizing:border-box!important;
    white-space:normal!important;
  }
  body.msf-mobile-invoice-view .msf-mobile-invoice-root .msf-invoice-money-inline{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:5px!important;
    direction:rtl!important;
    white-space:nowrap!important;
    unicode-bidi:isolate!important;
  }
  body.msf-mobile-invoice-view .msf-mobile-invoice-root .msf-invoice-money-symbol{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    font-weight:900!important;
    font-size:.95em!important;
    color:inherit!important;
  }
}