.st-tracking-box {
	margin: 24px 0;
	padding: 20px;
	border: 1px solid #e2e2e2;
	border-radius: 10px;
	background: #fafafa;
}

.st-tracking-box h2 {
	margin-top: 0;
	font-size: 1.2em;
}

.st-tracking-box code {
	background: #fff;
	border: 1px dashed #bbb;
	padding: 3px 8px;
	border-radius: 5px;
	font-size: 1.05em;
	letter-spacing: 1px;
}

.st-copy-btn {
	margin-inline-start: 6px;
	padding: 3px 12px;
	border: 1px solid #999;
	background: #fff;
	border-radius: 5px;
	cursor: pointer;
	font-size: 0.85em;
	transition: all .15s;
}

.st-copy-btn:hover {
	background: #f0f0f0;
}

.st-copy-btn.st-copied {
	background: #e8f5e9;
	border-color: #2e7d32;
	color: #2e7d32;
}

.st-iframe-wrap {
	margin: 16px 0;
}

.st-tracking-iframe {
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 8px;
	background: #fff;
}

.st-iframe-fallback {
	padding: 14px;
	border: 1px solid #ffcc80;
	background: #fff8e1;
	border-radius: 8px;
	color: #6d4c00;
}

.st-actions {
	margin-top: 12px;
}

.st-hint {
	color: #777;
	font-size: 0.88em;
}

.st-orders-table td,
.st-orders-table th {
	vertical-align: middle;
}