/* =========================
TRACKING PAGE
========================= */

.tracking-wrapper{
  padding:120px 0;
  background:#f5fbf7;
  min-height:60vh;
}

.tracking-container{
  max-width:700px;
  margin:auto;
  background:white;
  padding:50px;
  border-radius:18px;
  box-shadow:0 30px 60px rgba(0,0,0,0.08);
}

.tracking-header{
  text-align:center;
  margin-bottom:40px;
}

.tracking-header h1{
  font-size:2rem;
  margin-bottom:10px;
}

.tracking-header p{
  color:var(--text-gray);
}

.tracking-search{
  display:flex;
  gap:10px;
}

.tracking-search input{
  flex:1;
  padding:14px;
  border-radius:8px;
  border:1px solid #ddd;
  font-size:1rem;
}

.tracking-search button{
  padding:14px 25px;
  background:var(--green-dark);
  color:white;
  border:none;
  border-radius:8px;
  cursor:pointer;
}

.tracking-search button:hover{
  background:var(--green-light);
}

.tracking-powered{
  margin-top:50px;
  padding:25px;

  background:#f5fbf7;
  border-radius:12px;

  text-align:center;
}

.tracking-powered p{
  margin-bottom:12px;
  color:var(--text-gray);
}

/* RESULT */

.tracking-result{
  margin-top:40px;
}

/* TIMELINE */

.timeline{
  margin-top:25px;
  border-left:3px solid var(--green-light);
  padding-left:20px;
}

.timeline-item{
  margin-bottom:20px;
}

.timeline-date{
  font-size:.85rem;
  color:#888;
}

.timeline-status{
  font-weight:600;
}