/* SPONSORTRACK_R25H1B_VERIFICATION_LOG_FINAL_ALIGNMENT_RECOVERY
   Final mobile Verification Activity Log visual alignment.
   NETWORK label is normalized to exactly the same left column and type scale
   as METHOD, TRACKING, RESULT, LOCATION and DATE / TIME. */

@media (max-width:760px){

  body.st-page-verification .table-wrap{
    min-width:0!important;
    overflow:visible!important;
  }

  body.st-page-verification .table-wrap > table,
  body.st-page-verification table.r23j-table,
  body.st-page-verification table.r23j-audit-table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }

  body.st-page-verification .table-wrap > table thead,
  body.st-page-verification table.r23j-table thead,
  body.st-page-verification table.r23j-audit-table thead{
    display:none!important;
  }

  body.st-page-verification .table-wrap > table tbody,
  body.st-page-verification table.r23j-table tbody,
  body.st-page-verification table.r23j-audit-table tbody{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }

  body.st-page-verification .table-wrap > table tbody > tr,
  body.st-page-verification table.r23j-table tbody > tr,
  body.st-page-verification table.r23j-audit-table tbody > tr{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0 0 12px!important;
    padding:16px 14px!important;
    box-sizing:border-box!important;
    border:1px solid #d8e3ec!important;
    border-radius:14px!important;
    background:#fafdff!important;
    box-shadow:0 4px 12px rgba(11,47,80,.035)!important;
  }

  body.st-page-verification .table-wrap > table tbody > tr:last-child,
  body.st-page-verification table.r23j-table tbody > tr:last-child,
  body.st-page-verification table.r23j-audit-table tbody > tr:last-child{
    margin-bottom:0!important;
  }

  /* One deterministic LABEL | VALUE grid for every detail row. */
  body.st-page-verification .table-wrap > table tbody > tr > td,
  body.st-page-verification table.r23j-table tbody > tr > td,
  body.st-page-verification table.r23j-audit-table tbody > tr > td{
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    grid-auto-rows:auto!important;
    column-gap:12px!important;
    row-gap:3px!important;
    align-items:start!important;
    align-content:start!important;

    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:34px!important;
    height:auto!important;

    margin:0!important;
    padding:7px 0!important;
    box-sizing:border-box!important;
    border:0!important;
    background:transparent!important;

    color:#254b6f!important;
    font-size:13px!important;
    line-height:1.38!important;
    text-align:left!important;
    text-indent:0!important;
  }

  /* ALL labels use exactly the same font and left edge. */
  body.st-page-verification .table-wrap > table tbody > tr > td::before,
  body.st-page-verification table.r23j-table tbody > tr > td::before,
  body.st-page-verification table.r23j-audit-table tbody > tr > td::before{
    content:attr(data-label)!important;
    display:block!important;

    grid-column:1!important;
    grid-row:1 / span 5!important;
    justify-self:start!important;
    align-self:start!important;

    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;

    margin:1px 0 0!important;
    padding:0!important;
    transform:none!important;
    translate:none!important;

    color:#75879a!important;
    font-family:inherit!important;
    font-size:9px!important;
    line-height:1.25!important;
    font-weight:900!important;
    letter-spacing:.075em!important;
    text-transform:uppercase!important;
    text-align:left!important;
    text-indent:0!important;
    white-space:normal!important;
  }

  /* Lock every visible value to column two. */
  body.st-page-verification .table-wrap > table tbody > tr > td > *,
  body.st-page-verification table.r23j-table tbody > tr > td > *,
  body.st-page-verification table.r23j-audit-table tbody > tr > td > *{
    grid-column:2!important;
    justify-self:start!important;
    min-width:0!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    text-indent:0!important;
    box-sizing:border-box!important;
  }

  /* Normalized primary value typography. */
  body.st-page-verification .table-wrap > table tbody > tr > td > strong,
  body.st-page-verification table.r23j-table tbody > tr > td > strong,
  body.st-page-verification table.r23j-audit-table tbody > tr > td > strong{
    display:block!important;
    margin:0!important;
    color:#103b64!important;
    font-size:13px!important;
    line-height:1.35!important;
    font-weight:800!important;
    overflow-wrap:anywhere!important;
  }

  /* Normalized secondary/detail typography. */
  body.st-page-verification .table-wrap > table tbody > tr > td > small,
  body.st-page-verification table.r23j-table tbody > tr > td > small,
  body.st-page-verification table.r23j-audit-table tbody > tr > td > small{
    display:block!important;
    margin:3px 0 0!important;
    color:#7a8c9f!important;
    font-size:12px!important;
    line-height:1.4!important;
    font-weight:500!important;
    overflow-wrap:anywhere!important;
  }

  /* NETWORK: explicitly remove the visible inward shift seen in mobile UAT. */
  body.st-page-verification td[data-label="Network"]{
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    column-gap:12px!important;
    margin-left:0!important;
    padding-left:0!important;
    text-indent:0!important;
  }

  body.st-page-verification td[data-label="Network"]::before{
    content:"NETWORK"!important;
    grid-column:1!important;
    grid-row:1 / span 5!important;
    justify-self:start!important;
    align-self:start!important;

    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;

    margin:1px 0 0!important;
    padding:0!important;
    transform:none!important;
    translate:none!important;

    color:#75879a!important;
    font-family:inherit!important;
    font-size:9px!important;
    line-height:1.25!important;
    font-weight:900!important;
    letter-spacing:.075em!important;
    text-transform:uppercase!important;
    text-align:left!important;
    text-indent:0!important;
  }

  body.st-page-verification td[data-label="Network"] > *{
    grid-column:2!important;
    justify-self:start!important;
    margin-left:0!important;
    padding-left:0!important;
    text-indent:0!important;
  }

  /* Tracking number remains visually strong but same general type scale. */
  body.st-page-verification td[data-label="Tracking"],
  body.st-page-verification td[data-label="Tracking Number"]{
    overflow-wrap:anywhere!important;
  }

  body.st-page-verification td[data-label="Tracking"] > *,
  body.st-page-verification td[data-label="Tracking Number"] > *{
    font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
    font-size:12.5px!important;
    line-height:1.35!important;
    font-weight:800!important;
    color:#0d426f!important;
  }

  body.st-page-verification td[data-label="Result"] span{
    justify-self:start!important;
    width:auto!important;
    min-height:26px!important;
    margin:0!important;
    padding:5px 10px!important;
    font-size:10px!important;
    line-height:1!important;
  }

  body.st-page-verification td[data-label="Date / Time"],
  body.st-page-verification td[data-label="Date/Time"],
  body.st-page-verification td[data-label="Network"]{
    padding-top:8px!important;
    padding-bottom:8px!important;
  }

  body.st-page-verification td[data-label="Location"]{
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }

  body.st-page-verification td[colspan]{
    display:block!important;
    padding:24px 12px!important;
    min-height:0!important;
    text-align:center!important;
    font-size:13px!important;
  }

  body.st-page-verification td[colspan]::before{
    display:none!important;
    content:none!important;
  }
}

@media (max-width:390px){
  body.st-page-verification .table-wrap > table tbody > tr > td,
  body.st-page-verification table.r23j-table tbody > tr > td,
  body.st-page-verification table.r23j-audit-table tbody > tr > td,
  body.st-page-verification td[data-label="Network"]{
    grid-template-columns:88px minmax(0,1fr)!important;
    column-gap:10px!important;
    font-size:12.5px!important;
  }

  body.st-page-verification .table-wrap > table tbody > tr > td::before,
  body.st-page-verification table.r23j-table tbody > tr > td::before,
  body.st-page-verification table.r23j-audit-table tbody > tr > td::before,
  body.st-page-verification td[data-label="Network"]::before{
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    font-size:8.5px!important;
  }
}