/* BHAVYA_PROJECT_TRACKING_C1B */

.bh-track-card{
  max-width:980px;
  margin:24px auto 0;
}

.bh-track-otp{
  margin-top:22px;
  padding-top:22px;
  border-top:1px solid var(--line);
}

.bh-track-result{
  max-width:1080px;
  margin:34px auto 0;
}

.bh-track-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:18px;
}

.bh-track-heading h2{
  margin:8px 0 5px;
  font-size:clamp(25px,4vw,40px);
}

.bh-track-reference{
  color:var(
    --bh-brand-cyan,
    var(--cyan)
  );

  font-weight:900;
  letter-spacing:.045em;
}

.bh-track-status-card{
  padding:24px;

  border:
    1px solid rgba(32,236,240,.18);

  border-radius:20px;

  background:
    linear-gradient(
      130deg,
      rgba(32,236,240,.06),
      rgba(28,84,229,.07),
      rgba(115,62,253,.05)
    );

  box-shadow:var(--shadow);
}

.bh-track-status-card h3{
  margin:14px 0 7px;
  font-size:clamp(24px,4vw,36px);
}

.bh-track-status-card p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}

.bh-track-info-grid{
  margin-top:17px;
}

.bh-track-requirement{
  margin-top:16px;
}

.bh-track-requirement p{
  white-space:pre-line;
}

.bh-track-timeline{
  display:flex;
  flex-direction:column;
  gap:13px;
}

.bh-track-event{
  position:relative;

  padding:
    18px
    20px
    18px
    54px;

  border:
    1px solid var(--line);

  border-radius:16px;

  background:
    linear-gradient(
      145deg,
      rgba(8,22,40,.96),
      rgba(13,20,43,.96)
    );
}

.bh-track-event::before{
  content:"";

  position:absolute;

  left:20px;
  top:22px;

  width:14px;
  height:14px;

  border-radius:50%;

  background:
    linear-gradient(
      135deg,
      var(
        --bh-brand-green,
        var(--green)
      ),
      var(
        --bh-brand-cyan,
        var(--cyan)
      ),
      var(
        --bh-brand-blue,
        var(--blue)
      )
    );

  box-shadow:
    0 0 0 6px
    rgba(32,236,240,.07);
}

.bh-track-event strong{
  display:block;
  margin-bottom:6px;
  color:#edf8ff;
}

.bh-track-event p{
  margin:0;
  color:var(--muted);
  line-height:1.6;
}

.bh-track-event time{
  display:block;

  margin-top:8px;

  color:#7f92aa;
  font-size:12px;
}

@media(max-width:650px){

  .bh-track-heading{
    flex-direction:column;
  }

  .bh-track-heading .btn{
    width:100%;
  }
}

/* =========================================================
   BHAVYA_TRACK_PRINT_POLISH_C4
   Compact screen spacing + professional A4 print/PDF layout.
   ========================================================= */

@media screen{

  .bh-track-card{
    margin-top:18px;
  }

  .bh-track-result{
    margin-top:24px;
  }

  .bh-track-heading{
    margin-bottom:14px;
  }

  .bh-track-status-card{
    padding:20px;
  }

  .bh-track-requirement{
    margin-top:12px;
  }

}


@media screen and (max-width:650px){

  .bh-track-status-card{
    padding:18px;
  }

  .bh-track-result{
    margin-top:18px;
  }

  .bh-track-heading{
    gap:12px;
    margin-bottom:12px;
  }

}


@page{
  size:A4;
  margin:9mm;
}


@media print{

  html,
  body{
    background:#ffffff !important;
    color:#111111 !important;
  }

  body{
    font-size:10pt !important;
  }


  /* Compact corporate print header */

  .sitebar{
    position:static !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;

    padding:
      0
      0
      5mm !important;

    margin:
      0
      0
      5mm !important;

    border:
      0 !important;

    border-bottom:
      1px solid #cbd5e1 !important;

    background:
      #ffffff !important;

    box-shadow:
      none !important;

    backdrop-filter:
      none !important;
  }

  .sitebar .brand{
    display:flex !important;
    width:auto !important;
    gap:7px !important;
    color:#111111 !important;
    font-size:11pt !important;
    white-space:nowrap !important;
  }

  .sitebar .brand-logo{
    width:28px !important;
    height:28px !important;
  }

  .sitebar .nav{
    display:none !important;
  }


  /* Page container */

  .page{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }


  /* Keep title/identity but remove large screen hero spacing */

  .hero{
    padding:5mm !important;
    margin:0 0 4mm !important;

    border:
      1px solid #d6dce3 !important;

    border-radius:
      8px !important;

    background:
      #ffffff !important;

    box-shadow:
      none !important;

    overflow:
      visible !important;

    break-inside:
      avoid !important;

    page-break-inside:
      avoid !important;
  }

  .hero::before,
  .hero::after{
    display:none !important;
  }

  .hero .kicker{
    font-size:8pt !important;
  }

  .hero h1{
    margin:
      1.5mm
      0 !important;

    font-size:
      18pt !important;

    line-height:
      1.15 !important;
  }

  .hero .subtitle,
  .hero .intro{
    margin-top:
      1.5mm !important;

    font-size:
      9pt !important;

    line-height:
      1.32 !important;
  }


  /*
   * Verification form is screen interaction only.
   * Customer PDF should contain verified project information.
   */

  .bh-track-card{
    display:none !important;
  }


  /* Verified result */

  .bh-track-result{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  .bh-track-heading{
    gap:6px !important;
    margin-bottom:3mm !important;
  }

  .bh-track-heading .btn,
  #refreshTrackingStatus{
    display:none !important;
  }


  /* Current status */

  .bh-track-status-card{
    margin:
      0
      0
      3mm !important;

    padding:
      3.5mm !important;

    border:
      1px solid #cbd5e1 !important;

    border-radius:
      8px !important;

    background:
      #ffffff !important;

    box-shadow:
      none !important;

    break-inside:
      avoid !important;

    page-break-inside:
      avoid !important;
  }

  .bh-track-status-card h3{
    margin:
      1.5mm
      0
      1mm !important;

    font-size:
      12pt !important;
  }

  .bh-track-status-card p{
    margin:0 !important;
    font-size:9pt !important;
    line-height:1.35 !important;
  }


  /* Two-column compact project summary */

  .grid.bh-track-info-grid{
    display:grid !important;

    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    gap:
      2.5mm !important;

    margin:
      0 !important;
  }

  .card{
    padding:
      3.2mm !important;

    margin-top:
      0 !important;

    border:
      1px solid #d6dce3 !important;

    border-radius:
      7px !important;

    background:
      #ffffff !important;

    box-shadow:
      none !important;

    break-inside:
      avoid !important;

    page-break-inside:
      avoid !important;
  }

  .card h2,
  .card h3{
    margin:
      0
      0
      1.5mm !important;

    font-size:
      10.5pt !important;

    line-height:
      1.2 !important;
  }

  .card p{
    margin:0 !important;
    font-size:9pt !important;
    line-height:1.35 !important;
  }


  /* Requirement blocks */

  .bh-track-requirement{
    margin-top:
      2.5mm !important;
  }


  /* Timeline */

  .section-title{
    margin:
      4mm
      0
      2.5mm !important;

    font-size:
      13pt !important;

    line-height:
      1.2 !important;
  }

  .bh-track-timeline,
  #trackingHistory{
    gap:
      2mm !important;
  }

  #trackingHistory > *{
    margin:
      0 !important;

    padding:
      3mm !important;

    break-inside:
      avoid !important;

    page-break-inside:
      avoid !important;
  }

  #trackingHistory p{
    margin:
      1mm
      0
      0 !important;

    font-size:
      8.8pt !important;

    line-height:
      1.3 !important;
  }


  /* Compact corporate footer */

  .bh-company-footer{
    margin-top:
      5mm !important;

    padding:
      0 !important;

    border:
      0 !important;

    border-top:
      1px solid #cbd5e1 !important;

    background:
      #ffffff !important;

    box-shadow:
      none !important;
  }

  .bh-footer-shell{
    width:
      100% !important;

    padding:
      3mm
      0
      0 !important;
  }

  .bh-footer-grid,
  .bh-footer-service-note,
  .bh-footer-india{
    display:
      none !important;
  }

  .bh-footer-bottom{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    text-align:center !important;
  }

  .bh-footer-bottom p{
    margin:
      1mm
      0 !important;

    color:
      #555555 !important;

    font-size:
      8pt !important;

    line-height:
      1.25 !important;
  }


  /* Prevent gradient headings from disappearing in PDF */

  h1,
  h2,
  h3,
  .kicker,
  .bh-footer-bottom strong{
    background:
      none !important;

    color:
      #111111 !important;

    -webkit-text-fill-color:
      #111111 !important;

    text-shadow:
      none !important;
  }

  a{
    color:#111111 !important;
    text-decoration:none !important;
  }

  *{
    -webkit-print-color-adjust:
      exact;

    print-color-adjust:
      exact;
  }

}