/* TRACKING PIXEL-MATCH AREA */
.track-wrapper{
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 20px;
    font-family: 'Roboto', sans-serif;
}

/* Left dark panel */
.track-left{
    width: 320px;
    background:#1b1b1b;
    color:#fff;
    padding:14px;
    border-radius:3px;
}
.track-left .row-item{
    padding:10px 0;
    border-bottom:1px solid rgba(255,255,255,0.08);
    font-size:13px;
    display:flex;
    justify-content:space-between;
}
.track-left .label{
    color:#ccc;
    font-weight:700;
}
.track-left .value{
    color:#fff;
}

/* Right photo */
.track-photo img{
    width:100%;
    height:600px;
    object-fit:cover;
    border-radius:3px;
    border:1px solid #ddd;
}

/* Description */
.track-desc{
    margin-top:15px;
    border:1px solid #e5e5e5;
    padding:12px;
    background:#fff;
}
.track-desc-title{
    font-weight:700;
}
.track-desc-text{
    margin-top:8px;
    font-size:13px;
    color:#444;
}

/* Sender / Receiver tables */
.track-tables{
    margin-top:20px;
    display:flex;
    gap:20px;
}
.track-box{
    flex:1;
    background:#fff;
    border:1px solid #e5e5e5;
}
.track-box .head{
    background:#f5f5f5;
    padding:10px 12px;
    font-weight:700;
}
.track-box .body .line{
    padding:7px 12px;
    border-bottom:1px solid #eee;
    display:flex;
}
.track-box .k{
    width:150px;
    color:#777;
    font-size:13px;
}
.track-box .v{
    flex:1;
    font-size:13px;
}

/* Route section */
.track-route{
    margin-top:25px;
}
.track-route-top{
    display:flex;
    justify-content:space-between;
    text-align:center;
    margin-bottom:12px;
}
.track-route-top .small{
    font-size:11px;
    color:#777;
}
.track-route-top .city{
    font-weight:700;
    margin-top:5px;
}

/* Map */
.track-map iframe{
    width:100%;
    height:380px;
    border:0;
    border-radius:3px;
}

/* History */
.track-history{
    margin-top:20px;
}
.track-history-title{
    font-weight:700;
}
.track-history ul{
    margin-top:10px;
}
.track-history li{
    font-size:13px;
    margin-bottom:7px;
}