:root{--kt-orange:#fe8601;--kt-orange-hover:#E77A00;--kt-blue:#0f2942;}
.kt-track{max-width:920px;margin:0 auto;padding:12px;}
.kt-track__card{background:linear-gradient(180deg,#f7f7f7,#ffffff);border:1px solid #e9e9e9;border-radius:18px;padding:18px 18px 16px;box-shadow:0 10px 30px rgba(15,41,66,.08);}
.kt-track__title{font-size:20px;font-weight:800;color:var(--kt-blue);}
.kt-track__sub{margin-top:6px;color:#5b6773;}
.kt-track__form{margin-top:14px;display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;}
.kt-track__field label{display:block;font-weight:700;margin-bottom:6px;color:var(--kt-blue);}
.kt-track__field input{width:100%;border:1px solid #d7d7d7;border-radius:12px;padding:10px 12px;}
.kt-btn{border:none;background:var(--kt-orange);color:#fff;font-weight:800;border-radius:12px;padding:12px 16px;cursor:pointer;}
.kt-btn:hover{background:var(--kt-orange-hover);}
.kt-track__result{margin-top:14px;border-top:1px solid #eee;padding-top:12px;}
.kt-track__error{margin-top:12px;color:#b00020;font-weight:700;}
.kt-track__summary{display:flex;justify-content:space-between;gap:10px;align-items:center;}
.kt-track__code{font-size:18px;font-weight:900;color:var(--kt-blue);}
.kt-track__status{font-weight:800;color:var(--kt-orange);}
.kt-track__meta{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;color:#25313c;}
.kt-track__note{margin-top:10px;padding:10px 12px;background:#f7f9fb;border:1px dashed #d7dde4;border-radius:12px;}
@media (max-width:720px){
  .kt-track__form{grid-template-columns:1fr;}
  .kt-track__meta{grid-template-columns:1fr;}
  .kt-btn{width:100%;}
}

/* Timeline */
.kt-track__timeline{margin-top:14px;padding:12px;background:#fff;border:1px solid #eee;border-radius:14px;}
.kt-track__timeline-title{font-weight:900;color:var(--kt-blue);margin-bottom:10px;}
.kt-track__timeline-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.kt-track__tl-item{display:flex;gap:10px;align-items:flex-start;}
.kt-track__tl-time{min-width:120px;color:#64748b;font-weight:700;font-size:13px;}
.kt-track__tl-body{flex:1;min-width:0;}
.kt-track__tl-status{font-weight:900;color:var(--kt-orange);}
.kt-track__tl-note{margin-top:2px;color:#25313c;font-size:13px;}
@media (max-width:720px){
  .kt-track__tl-item{flex-direction:column;gap:4px;}
  .kt-track__tl-time{min-width:0;}
}