/* v960 — Check Status: replace old 4-card info area with readable horizontal rows.
   Root cause guard: older tracking CSS files still target .status-help-grid/.status-card,
   while the approved redesign uses v957 classes. This file is loaded last and scoped
   by body class to override both old and new tracking markup safely. */

body.check-status-horizontal-info-v960 .check-status-info-lines-v960{
  margin-top:24px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
}

body.check-status-horizontal-info-v960 .check-status-info-line-v960{
  display:grid !important;
  grid-template-columns:46px minmax(0,1fr) !important;
  align-items:start !important;
  gap:14px !important;
  padding:14px 0 !important;
  border:0 !important;
  border-bottom:1px solid #dbe7f7 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.check-status-horizontal-info-v960 .check-status-info-line-v960:first-child{
  border-top:1px solid #dbe7f7 !important;
}

body.check-status-horizontal-info-v960 .check-status-line-icon-v960{
  width:36px !important;
  height:36px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:12px !important;
  background:#eef5ff !important;
  border:1px solid #d6e6ff !important;
  color:#0b63d8 !important;
  font-size:19px !important;
  line-height:1 !important;
  box-shadow:none !important;
}

body.check-status-horizontal-info-v960 .check-status-info-line-v960 strong{
  display:block !important;
  margin:0 0 3px !important;
  color:#071d52 !important;
  font-size:18px !important;
  line-height:1.28 !important;
  font-weight:950 !important;
}

body.check-status-horizontal-info-v960 .check-status-info-line-v960 p{
  margin:0 !important;
  color:#344963 !important;
  font-size:16px !important;
  line-height:1.55 !important;
}

body.check-status-horizontal-info-v960 .check-approved-trust-v957{
  display:none !important;
}

/* Defensive override for older tracking markup that may still exist in cached/local builds. */
body.check-status-horizontal-info-v960:has(#trackingForm) .status-help-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:0 !important;
  margin-top:24px !important;
}

body.check-status-horizontal-info-v960:has(#trackingForm) .status-help-grid > .status-card,
body.check-status-horizontal-info-v960:has(#trackingForm) .status-help-grid > article,
body.check-status-horizontal-info-v960:has(#trackingForm) .status-help-grid > div{
  display:grid !important;
  grid-template-columns:46px minmax(0,1fr) !important;
  gap:14px !important;
  align-items:start !important;
  padding:14px 0 !important;
  border:0 !important;
  border-bottom:1px solid #dbe7f7 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  min-height:0 !important;
}

body.check-status-horizontal-info-v960:has(#trackingForm) .status-help-grid > .status-card:first-child,
body.check-status-horizontal-info-v960:has(#trackingForm) .status-help-grid > article:first-child,
body.check-status-horizontal-info-v960:has(#trackingForm) .status-help-grid > div:first-child{
  border-top:1px solid #dbe7f7 !important;
}

body.check-status-horizontal-info-v960:has(#trackingForm) .status-help-grid :where(.status-icon,.icon,span:first-child,i:first-child){
  width:36px !important;
  height:36px !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:12px !important;
  background:#eef5ff !important;
  border:1px solid #d6e6ff !important;
  color:#0b63d8 !important;
  font-size:19px !important;
  line-height:1 !important;
}

body.check-status-horizontal-info-v960:has(#trackingForm) .status-help-grid :where(h2,h3,strong){
  margin:0 0 3px !important;
  color:#071d52 !important;
  font-size:18px !important;
  line-height:1.28 !important;
  font-weight:950 !important;
}

body.check-status-horizontal-info-v960:has(#trackingForm) .status-help-grid :where(p,.muted){
  margin:0 !important;
  color:#344963 !important;
  font-size:16px !important;
  line-height:1.55 !important;
}

@media (max-width:700px){
  body.check-status-horizontal-info-v960 .check-status-info-line-v960,
  body.check-status-horizontal-info-v960:has(#trackingForm) .status-help-grid > .status-card,
  body.check-status-horizontal-info-v960:has(#trackingForm) .status-help-grid > article,
  body.check-status-horizontal-info-v960:has(#trackingForm) .status-help-grid > div{
    grid-template-columns:40px minmax(0,1fr) !important;
    gap:12px !important;
    padding:13px 0 !important;
  }

  body.check-status-horizontal-info-v960 .check-status-line-icon-v960{
    width:32px !important;
    height:32px !important;
    border-radius:10px !important;
    font-size:17px !important;
  }

  body.check-status-horizontal-info-v960 .check-status-info-line-v960 strong,
  body.check-status-horizontal-info-v960:has(#trackingForm) .status-help-grid :where(h2,h3,strong){
    font-size:16.5px !important;
  }

  body.check-status-horizontal-info-v960 .check-status-info-line-v960 p,
  body.check-status-horizontal-info-v960:has(#trackingForm) .status-help-grid :where(p,.muted){
    font-size:15px !important;
  }
}
