.wpcargo-track-wrap{--wpcargo-base:#2e8b3d;max-width:900px;margin:0 auto;font-family:inherit;}
.wpcargo-track-logo{text-align:center;margin-bottom:16px;}
.wpcargo-track-logo img{max-height:60px;}

.wpcargo-track-form{display:flex;gap:10px;background:#fff;padding:8px;border-radius:10px;box-shadow:0 4px 18px rgba(0,0,0,.08);border:1px solid #e6e9ec;}
.wpcargo-track-form input{flex:1;border:none;padding:14px 16px;font-size:15px;border-radius:6px;outline:none;background:#f7f8fa;}
.wpcargo-track-form button{background:var(--wpcargo-base);color:#fff;border:none;padding:0 26px;border-radius:6px;font-weight:600;cursor:pointer;font-size:15px;transition:.15s;}
.wpcargo-track-form button:hover{filter:brightness(0.92);}

.wpcargo-track-result{margin-top:24px;}
.wpcargo-loading, .wpcargo-error{padding:16px;text-align:center;border-radius:8px;}
.wpcargo-error{background:#fdeaea;color:#a12b2b;border:1px solid #f3c6c6;}

.wpcargo-result-card{background:#fff;border:1px solid #e6e9ec;border-radius:12px;padding:26px 28px;box-shadow:0 4px 18px rgba(0,0,0,.06);}
.wpcargo-result-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--wpcargo-base);padding-bottom:14px;margin-bottom:18px;flex-wrap:wrap;gap:10px;}
.wpcargo-result-number{font-size:20px;font-weight:700;color:#1d2327;margin-right:12px;}
.wpcargo-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;background:var(--wpcargo-base);color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;}
.wpcargo-status-large{font-size:13px;padding:6px 14px;}
.wpcargo-barcode{max-width:220px;height:60px;}

.wpcargo-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px;}
.wpcargo-result-grid h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--wpcargo-base);}
.wpcargo-result-grid p{margin:0 0 4px;font-size:14px;color:#3c434a;}

.wpcargo-subhead{font-size:14px;text-transform:uppercase;letter-spacing:.03em;color:#1d2327;border-bottom:1px solid #eee;padding-bottom:6px;margin:22px 0 12px;}
.wpcargo-result-table{width:100%;border-collapse:collapse;font-size:13px;}
.wpcargo-result-table th{text-align:left;background:#f7f8fa;padding:8px 10px;color:#50575e;font-weight:600;}
.wpcargo-result-table td{padding:8px 10px;border-bottom:1px solid #eee;}

.wpcargo-timeline{list-style:none;margin:0;padding:0;position:relative;}
.wpcargo-timeline li{position:relative;padding:0 0 22px 26px;border-left:2px solid #e6e9ec;margin-left:6px;}
.wpcargo-timeline li:last-child{border-left-color:transparent;padding-bottom:0;}
.wpcargo-dot{position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:#c9cfd4;border:2px solid #fff;box-shadow:0 0 0 2px #e6e9ec;}
.wpcargo-timeline li.is-latest .wpcargo-dot{background:var(--wpcargo-base);box-shadow:0 0 0 2px var(--wpcargo-base);}
.wpcargo-timeline-content strong{display:inline-block;font-size:14px;color:#1d2327;}
.wpcargo-timeline-date{display:block;font-size:12px;color:#8a9099;margin-top:2px;}
.wpcargo-timeline-location, .wpcargo-timeline-remarks{margin:4px 0 0;font-size:13px;color:#50575e;}

@media(max-width:600px){
	.wpcargo-track-form{flex-direction:column;}
	.wpcargo-result-grid{grid-template-columns:1fr;}
}