.tst-tracking-section{
	--tst-green:#18a957;
	--tst-orange:#f59e0b;
	--tst-red:#dc2626;
	--tst-violet:#7c3aed;
	--tst-ink:#171717;
	--tst-muted:#737373;
	--tst-border:#e5e7eb;
	margin:28px 0;
}
.tst-section-heading{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;
	margin-bottom:14px;
}
.tst-section-heading h2{
	margin:0;
	font-size:1.45rem;
}
.tst-count-badge{
	padding:6px 10px;
	border-radius:999px;
	background:#f5f3ff;
	color:#6d28d9;
	font-size:.78rem;
	font-weight:700;
}
.tst-card{
	position:relative;
	overflow:hidden;
	margin:14px 0;
	padding:22px;
	border:1px solid var(--tst-border);
	border-radius:18px;
	background:#fff;
	box-shadow:0 10px 30px rgba(17,24,39,.055);
}
.tst-card__accent{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:4px;
	background:linear-gradient(180deg,var(--tst-violet),var(--tst-green));
}
.tst-card__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;
	margin-bottom:16px;
}
.tst-kicker{
	font-size:.72rem;
	font-weight:800;
	letter-spacing:.085em;
	text-transform:uppercase;
	color:#8a8a8a;
}
.tst-badge{
	display:inline-flex;
	padding:6px 10px;
	border-radius:999px;
	background:#f4f4f5;
	font-size:.8rem;
	font-weight:700;
	white-space:nowrap;
}
.tst-summary{
	display:grid;
	grid-template-columns:18px minmax(0,1fr);
	gap:12px;
	padding:14px 0 17px;
}
.tst-summary__dot{
	width:13px;
	height:13px;
	margin-top:4px;
	border-radius:50%;
	box-shadow:0 0 0 5px rgba(0,0,0,.045);
}
.tst-summary--green .tst-summary__dot{background:var(--tst-green)}
.tst-summary--orange .tst-summary__dot{background:var(--tst-orange)}
.tst-summary--red .tst-summary__dot{background:var(--tst-red)}
.tst-summary__copy{
	display:grid;
	gap:3px;
	min-width:0;
}
.tst-summary__general{
	font-size:.74rem;
	font-weight:800;
	letter-spacing:.065em;
	text-transform:uppercase;
	color:#777;
}
.tst-summary__primary{
	font-size:1.08rem;
	line-height:1.35;
	color:var(--tst-ink);
}
.tst-summary__detail{
	font-size:.94rem;
	line-height:1.48;
	color:#424242;
}
.tst-summary__date{
	margin-top:2px;
	font-size:.8rem;
	color:var(--tst-muted);
}
.tst-shipment-meta{
	display:flex;
	align-items:baseline;
	flex-wrap:wrap;
	gap:8px;
	margin-bottom:16px;
	padding:10px 12px;
	border-radius:10px;
	background:#fafafa;
	border:1px solid #f0f0f0;
}
.tst-shipment-meta span{
	font-size:.72rem;
	font-weight:700;
	letter-spacing:.04em;
	text-transform:uppercase;
	color:#888;
}
.tst-shipment-meta strong{
	overflow-wrap:anywhere;
}
.tst-actions{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.tst-consult-line{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:6px 10px;
	margin-top:15px;
	font-size:.82rem;
	color:#737373;
}
.tst-consult-now{
	padding:0;
	border:0;
	background:none;
	color:#6d28d9;
	font:inherit;
	font-weight:700;
	text-decoration:underline;
	text-underline-offset:2px;
	cursor:pointer;
}
.tst-consult-now:disabled{
	opacity:.55;
	cursor:wait;
}
.tst-consult-feedback{
	flex-basis:100%;
	min-height:0;
	color:#666;
}
.tst-consult-feedback.is-visible{margin-top:2px}
.tst-consult-feedback.is-error{color:#b91c1c}
.tst-consult-feedback.is-success{color:#15803d}
.tst-history{
	margin-top:20px;
	padding-top:18px;
	border-top:1px solid rgba(0,0,0,.08);
}
.tst-timeline{
	list-style:none;
	margin:0;
	padding:0;
}
.tst-timeline__item{
	display:grid;
	grid-template-columns:24px minmax(0,1fr);
	gap:12px;
	min-height:76px;
}
.tst-timeline__rail{
	position:relative;
	display:flex;
	justify-content:center;
}
.tst-timeline__item:not(:last-child) .tst-timeline__rail::after{
	content:"";
	position:absolute;
	top:18px;
	bottom:-1px;
	width:2px;
	background:#e5e7eb;
}
.tst-timeline__dot{
	position:relative;
	z-index:1;
	width:12px;
	height:12px;
	margin-top:5px;
	border:3px solid #fff;
	border-radius:50%;
	background:#a3a3a3;
	box-shadow:0 0 0 2px #d4d4d4;
}
.tst-timeline__item.is-latest .tst-timeline__dot{
	background:var(--tst-green);
	box-shadow:0 0 0 3px rgba(22,163,74,.18);
}
.tst-timeline__content{
	padding-bottom:20px;
	min-width:0;
}
.tst-timeline__top{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:12px;
}
.tst-timeline__top strong{
	color:var(--tst-ink);
}
.tst-timeline__top time{
	flex:0 0 auto;
	font-size:.78rem;
	color:var(--tst-muted);
}
.tst-timeline__content p{
	margin:6px 0;
	line-height:1.5;
}
.tst-timeline__branch{
	display:inline-flex;
	margin-top:3px;
	padding:4px 8px;
	border-radius:8px;
	background:#f5f5f5;
	font-size:.78rem;
	color:#666;
}
.tst-mini-state{
	display:inline-flex;
	align-items:center;
	gap:6px;
}
.tst-mini-dot{
	width:8px;
	height:8px;
	border-radius:50%;
}
.tst-mini-state--green .tst-mini-dot{background:var(--tst-green)}
.tst-mini-state--orange .tst-mini-dot{background:var(--tst-orange)}
.tst-mini-state--red .tst-mini-dot{background:var(--tst-red)}
.tst-orders-summary small{color:#777}
.tst-muted{opacity:.65}

@media(max-width:640px){
	.tst-card{padding:17px}
	.tst-card__head{align-items:flex-start}
	.tst-actions .button{width:100%;text-align:center}
	.tst-timeline__top{display:block}
	.tst-timeline__top time{display:block;margin-top:3px}
	.tst-consult-line{display:block}
	.tst-consult-now{display:inline-block;margin-top:5px}
	.tst-consult-feedback{display:block;margin-top:5px}
}

.tst-timeline__scheduled{
	display:inline-flex;
	gap:4px;
	margin-top:4px;
	padding:5px 8px;
	border-radius:8px;
	background:#f5f3ff;
	color:#5b21b6;
	font-size:.8rem;
}
.tst-timeline__comment{
	margin-top:7px;
	padding:8px 10px;
	border-left:3px solid #d4d4d8;
	border-radius:0 7px 7px 0;
	background:#fafafa;
	font-size:.88rem;
	line-height:1.45;
	color:#525252;
}
.tst-timeline__comment{white-space:pre-line}


.tst-sync-meta{
	margin-top:14px;
	font-size:.82rem;
	color:#737373;
}
.tst-sync-meta strong{
	color:#525252;
	font-weight:600;
}