.dtp-tracking-block { max-width: 100%; margin: 0 auto; }

.dtp-status-progress { padding: 12px; background: #f7f9fb; border-radius: 6px; margin-bottom: 16px; }
.dtp-steps { display: flex; justify-content: space-between; gap: 8px; }
.dtp-step { flex: 1; text-align: center; padding: 12px 8px; border-radius: 6px; background: #e0e0e0; color: #666; transition: all 0.3s; }
.dtp-step.active { background: #0b66c3; color: #fff; }
.dtp-step.current { box-shadow: 0 0 0 3px rgba(11, 102, 195, 0.3); }
.dtp-step-icon { font-size: 24px; margin-bottom: 4px; }
.dtp-step-label { font-size: 12px; font-weight: 500; }

.dtp-map-section { padding: 12px 0; }
.dtp-map-wrapper { max-width: 100%; margin: 0 auto; }
.dtp-map-container { height: 400px; border: 1px solid #ddd; border-radius: 6px; background: #f0f0f0; }
#dtp-map { border: 1px solid #ddd; border-radius: 6px; }